@@ -38,6 +38,8 @@
 import java.util.Timer;
 
 import javax.swing.*;
+import javax.swing.border.Border;
+import javax.swing.border.EmptyBorder;
 import javax.swing.event.*;
 import javax.swing.plaf.basic.BasicSplitPaneDivider;
 import javax.swing.plaf.basic.BasicSplitPaneUI;
@@ -172,7 +174,9 @@ public void windowDeactivated(WindowEvent e) {
 
     buildMenuBar();
 
-    backgroundGradient = Toolkit.getLibImage("vertical-gradient.png");
+    /*
+    //backgroundGradient = Toolkit.getLibImage("vertical-gradient.png");
+    backgroundGradient = mode.getGradient("editor", 400, 400);
     JPanel contentPain = new JPanel() {
       @Override
       public void paintComponent(Graphics g) {
@@ -183,8 +187,10 @@ public void paintComponent(Graphics g) {
 //        g.fillRect(0, 0, dim.width, dim.height);
       }
     };
+    */
     //contentPain.setBorder(new EmptyBorder(0, 0, 0, 0));
     //System.out.println(contentPain.getBorder());
+    JPanel contentPain = new JPanel();
 
 //    JFrame f = new JFrame();
 //    f.setContentPane(new JPanel() {
@@ -207,6 +213,7 @@ public void paintComponent(Graphics g) {
 //    pain.setOpaque(false);
 //    pain.setLayout(new BorderLayout());
 //    contentPain.add(pain, BorderLayout.CENTER);
+//    contentPain.setBorder(new EmptyBorder(10, 10, 10, 10));
 
     Box box = Box.createVerticalBox();
     Box upper = Box.createVerticalBox();
@@ -257,21 +264,20 @@ public void paintComponent(Graphics g) {
     // remove any ugly borders added by PLAFs
     splitPane.setBorder(null);
     // necessary to let the gradient show through
-    splitPane.setOpaque(false);
-    
+//    splitPane.setOpaque(false);
+
+    // remove an ugly border around anything in a SplitPane !$*&!%
+    UIManager.getDefaults().put("SplitPane.border", BorderFactory.createEmptyBorder());
+    // override the look of the SplitPane so that it's identical across OSes 
     splitPane.setUI(new BasicSplitPaneUI() {
       public BasicSplitPaneDivider createDefaultDivider() {
         return new BasicSplitPaneDivider(this) {
           final Color dividerColor = mode.getColor("divider.color"); //new Color(204, 204, 204);
           final Color dotColor = mode.getColor("divider.dot.color"); //new Color(80, 80, 80);
           int dotSize = mode.getInteger("divider.dot.diameter"); //3;
 
-          //public void setBorder(Border b) { }
-
           @Override
           public void paint(Graphics g) {
-            //Graphics2D g2 = Toolkit.prepareGraphics(g);
-            //Toolkit.prepareGraphics(g);
             Graphics2D g2 = (Graphics2D) g;
             g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                                 RenderingHints.VALUE_ANTIALIAS_ON);
@@ -284,10 +290,7 @@ public void paint(Graphics g) {
             g.setColor(dotColor);
             int x = w/2 - dotSize/2;
             int y = h/2 - dotSize/2;
-            //g2.fillOval(x, y, width, height);
             g.fillOval(x, y, dotSize, dotSize);
-            
-            super.paint(g);
           }
         };
       }
 
@@ -23,34 +23,54 @@
 
 package processing.app;
 
-import java.awt.Component;
+import java.awt.*;
 import java.awt.event.ActionEvent;
+import java.awt.image.BufferedImage;
+import java.awt.image.WritableRaster;
+import java.util.Arrays;
 
 import javax.swing.Box;
 import javax.swing.JLabel;
 import javax.swing.JPanel;
 
+import processing.core.PApplet;
+
 
 /**
  * Run/Stop button plus Mode selection
  */
 abstract public class EditorToolbar extends JPanel {
+  static final int HIGH = 80;
+  
   protected Editor editor;
   protected Base base;
   protected Mode mode;
 
   protected EditorButton runButton;
   protected EditorButton stopButton;
+  protected EditorButton currentButton;
 
   protected Box box;
   protected JLabel label;
 
+//  int GRADIENT_TOP = 192;
+//  int GRADIENT_BOTTOM = 246;
+  protected Image backgroundGradient;
+  protected Image reverseGradient;
+  
 
   public EditorToolbar(Editor editor) {
     this.editor = editor;
     base = editor.getBase();
     mode = editor.getMode();
 
+    //setOpaque(false);
+    //gradient = createGradient();
+    //System.out.println(gradient);
+    
+    backgroundGradient = mode.getGradient("header", 400, HIGH);
+    reverseGradient = mode.getGradient("reversed", 100, EditorButton.DIM);
+    
     runButton = new EditorButton(mode, 
                                  "/lib/toolbar/run",
                                  Language.text("toolbar.run"), 
@@ -74,34 +94,49 @@ public void actionPerformed(ActionEvent e) {
 
     box = Box.createHorizontalBox();
     box.add(runButton);
-    box.add(label = new JLabel());
-    box.add(Box.createHorizontalGlue());
 
+    label = new JLabel();
+    label.setFont(mode.getFont("toolbar.sketch.font"));
+    label.setForeground(mode.getColor("toolbar.sketch.color"));
+    box.add(label);
+    currentButton = runButton;
+    
+    box.add(Box.createHorizontalGlue());
     Component items = createModeButtons();
     if (items != null) {
       box.add(items);
     }
-    box.add(createModeSelector());
-    
-    add(box);
+    ModeSelector ms = new ModeSelector(); 
+    box.add(ms);
+    add(box);    
   }
 
 
-  public Component createModeButtons() {
-    return null;
+  public void paintComponent(Graphics g) {
+//    super.paintComponent(g);
+    Dimension size = getSize();
+    g.drawImage(backgroundGradient, 0, 0, size.width, size.height, this);
   }
 
 
-  public Component createModeSelector() {
+  public Component createModeButtons() {
     return null;
   }
-
+  
+  
+//  public Component createModeSelector() {
+//    return new ModeSelector();
+//  }
+  
 
   protected void swapButton(EditorButton replacement) {
-    box.remove(0);
-    box.add(replacement, 0);
-    box.revalidate();
-    box.repaint();  // may be needed
+    if (currentButton != replacement) {
+      box.remove(0);
+      box.add(replacement, 0);
+      box.revalidate();
+      box.repaint();  // may be needed
+      currentButton = replacement;
+    }
   }
 
 
@@ -129,8 +164,109 @@ public void deactivateStop() {
 
   abstract public void handleRun();
 
+  
   abstract public void handleStop();
+  
+
+  class ModeSelector extends JPanel {
+    Image offscreen;
+    int width, height;
+    
+    String title; 
+    Font titleFont;
+    Color titleColor;
+    int titleAscent;
+    int titleWidth;
+    
+    final int MODE_GAP_WIDTH = 13;
+    final int ARROW_GAP_WIDTH = 6;
+    final int ARROW_WIDTH = 8;
+    final int ARROW_TOP = 21;
+    final int ARROW_BOTTOM = 29;
+
+    int[] triangleX = new int[3];
+    int[] triangleY = new int[] { ARROW_TOP, ARROW_TOP, ARROW_BOTTOM };
+    
+
+    @SuppressWarnings("deprecation")
+    public ModeSelector() {
+      title = mode.getTitle(); //.toUpperCase();
+      titleFont = mode.getFont("mode.title.font");
+      titleColor = mode.getColor("mode.title.color");
+      
+      // getGraphics() is null and no offscreen yet
+      titleWidth = getToolkit().getFontMetrics(titleFont).stringWidth(title);
+      
+//      setOpaque(false);
+    }
+    
+    @Override
+    public void paintComponent(Graphics screen) {
+//      Toolkit.debugOpacity(this);
+
+      Dimension size = getSize();
+      width = 0;
+      if (width != size.width || height != size.height) {
+        if (Toolkit.highResDisplay()) {
+          offscreen = createImage(size.width*2, size.height*2);
+        } else {
+          offscreen = createImage(size.width, size.height);
+        }
+        width = size.width;
+        height = size.height;
+      }
+      
+      Graphics g = offscreen.getGraphics();
+      /*Graphics2D g2 =*/ Toolkit.prepareGraphics(g);
+      //Toolkit.clearGraphics(g, width, height);
+//      g.clearRect(0, 0, width, height);
+//      g.setColor(Color.GREEN);
+//      g.fillRect(0, 0, width, height);
+      
+      g.setFont(titleFont);
+      if (titleAscent == 0) {
+        titleAscent = (int) Toolkit.getAscent(g); //metrics.getAscent();
+      }
+      FontMetrics metrics = g.getFontMetrics();
+      titleWidth = metrics.stringWidth(title);
+      
+      g.drawImage(reverseGradient, 0, 0, width, height, this);
+      
+      g.setColor(titleColor);
+      g.drawString(title, MODE_GAP_WIDTH, (height + titleAscent) / 2);
+      
+      int x = MODE_GAP_WIDTH + titleWidth + ARROW_GAP_WIDTH;
+      triangleX[0] = x;
+      triangleX[1] = x + ARROW_WIDTH;
+      triangleX[2] = x + ARROW_WIDTH/2;
+      g.fillPolygon(triangleX, triangleY, 3);
+      
+//      screen.clearRect(0, 0, width, height);
+      screen.drawImage(offscreen, 0, 0, width, height, this);
+//      screen.setColor(Color.RED);
+//      screen.drawRect(0, 0, width-1, height-1);
+    }
+  
+    @Override
+    public Dimension getPreferredSize() {
+      return new Dimension(MODE_GAP_WIDTH + titleWidth + 
+                           ARROW_GAP_WIDTH + ARROW_WIDTH + MODE_GAP_WIDTH, 
+                           EditorButton.DIM);
+    }
+    
+    @Override
+    public Dimension getMinimumSize() {
+      return getPreferredSize();
+    }
+    
+    @Override
+    public Dimension getMaximumSize() {
+      return getPreferredSize();
+    }
+  }
 }
+
+
 //public abstract class EditorToolbar extends JComponent implements MouseInputListener, KeyListener {
 //
 //  /** Width of each toolbar button. */
 
@@ -25,6 +25,8 @@
 
 import java.awt.*;
 import java.awt.event.*;
+import java.awt.image.BufferedImage;
+import java.awt.image.WritableRaster;
 import java.io.*;
 import java.util.*;
 
@@ -40,6 +42,7 @@
 import processing.app.contrib.ExamplesContribution;
 import processing.app.syntax.*;
 import processing.core.PApplet;
+import processing.core.PConstants;
 
 
 public abstract class Mode {
@@ -1342,6 +1345,39 @@ public SyntaxStyle getStyle(String attribute) {
 //    return new SyntaxStyle(color, italic, bold);
     return new SyntaxStyle(color, bold);
   }
+  
+  
+  public Image getGradient(String attribute, int wide, int high) {
+    int top = getColor(attribute + ".gradient.top").getRGB();
+    int bot = getColor(attribute + ".gradient.bottom").getRGB();
+
+//    float r1 = (top >> 16) & 0xff;
+//    float g1 = (top >> 8) & 0xff;
+//    float b1 = top & 0xff;
+//    float r2 = (bot >> 16) & 0xff;
+//    float g2 = (bot >> 8) & 0xff;
+//    float b2 = bot & 0xff;
+    
+    BufferedImage outgoing = 
+      new BufferedImage(wide, high, BufferedImage.TYPE_INT_RGB);
+    int[] row = new int[wide];
+    WritableRaster wr = outgoing.getRaster();
+    for (int i = 0; i < high; i++) {
+//      Arrays.fill(row, (255 - (i + GRADIENT_TOP)) << 24);
+//      int r = (int) PApplet.map(i, 0, high-1, r1, r2);
+      int rgb = PApplet.lerpColor(top, bot, i / (float)(high-1), PConstants.RGB);
+      Arrays.fill(row, rgb);
+//      System.out.println(PApplet.hex(row[0]));
+      wr.setDataElements(0, i, wide, 1, row);
+    }
+//    Graphics g = outgoing.getGraphics();
+//    for (int i = 0; i < steps; i++) {
+//      g.setColor(new Color(1, 1, 1, 255 - (i + GRADIENT_TOP)));
+//      //g.fillRect(0, i, EditorButton.DIM, 10);
+//      g.drawLine(0, i, EditorButton.DIM, i);
+//    }
+    return outgoing;
+  }
 
 
   // . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .