make update menu style Derek-proof

Author: etpinard

src/components/updatemenus/attributes.js

@@ -124,20 +124,19 @@ module.exports = {
 
     bgcolor: {
         valType: 'color',
-        dflt: colorAttrs.lightLine,
         role: 'style',
         description: 'Sets the background color of the update menu buttons.'
     },
     bordercolor: {
         valType: 'color',
-        dflt: colorAttrs.defaultLine,
+        dflt: colorAttrs.borderLine,
         role: 'style',
         description: 'Sets the color of the border enclosing the update menu.'
     },
     borderwidth: {
         valType: 'number',
         min: 0,
-        dflt: 0,
+        dflt: 1,
         role: 'style',
         description: 'Sets the width (in px) of the border enclosing the update menu.'
     }

src/components/updatemenus/constants.js

@@ -51,13 +51,13 @@ module.exports = {
     ry: 2,
 
     // item  text x offset off left edge
-    textOffsetX: 10,
+    textOffsetX: 12,
 
     // item  text y offset (w.r.t. middle)
     textOffsetY: 3,
 
     // arrow offset off right edge
-    arrowOffsetX: 2,
+    arrowOffsetX: 4,
 
     // gap between header and buttons
     gapButtonHeader: 5,
@@ -66,8 +66,8 @@ module.exports = {
     gapButton: 2,
 
     // color given to active buttons
-    activeColor: '#d3d3d3',
+    activeColor: '#F4FAFF',
 
     // color given to hovered buttons
-    hoverColor: '#d3d3d3'
+    hoverColor: '#F4FAFF'
 };

src/components/updatemenus/defaults.js

@@ -53,7 +53,7 @@ function menuDefaults(menuIn, menuOut, layoutOut) {
 
     Lib.coerceFont(coerce, 'font', layoutOut.font);
 
-    coerce('bgcolor');
+    coerce('bgcolor', layoutOut.paper_bgcolor);
     coerce('bordercolor');
     coerce('borderwidth');
 }