plotly
diff --git a/‎src/components/modebar/modebar.js
Copy file name to clipboardExpand all lines: src/components/modebar/modebar.js
+1-1Lines changed: 1 addition & 1 deletion b/‎src/components/modebar/modebar.js
Copy file name to clipboardExpand all lines: src/components/modebar/modebar.js
+1-1Lines changed: 1 addition & 1 deletion
diff --git a/‎test/jasmine/tests/modebar_test.js
Copy file name to clipboardExpand all lines: test/jasmine/tests/modebar_test.js
+5Lines changed: 5 additions & 0 deletions b/‎test/jasmine/tests/modebar_test.js
Copy file name to clipboardExpand all lines: test/jasmine/tests/modebar_test.js
+5Lines changed: 5 additions & 0 deletions
@@ -163,11 +163,11 @@ proto.createButton = function(config) {
     if(config.toggle) d3.select(button).classed('active', true);
 
     var icon = config.icon;
-    if(config.color) icon.color = config.color;
     if(typeof icon === 'function') {
         button.appendChild(icon());
     }
     else {
+        if(icon) icon.color = config.color;
         button.appendChild(this.createIcon(icon || Icons.question));
     }
     button.setAttribute('data-gravity', config.gravity || 'n');
 
@@ -38,6 +38,11 @@ describe('ModeBar', function() {
             _context: {
                 displaylogo: true,
                 displayModeBar: true,
+                modeBarStyle: {
+                    orientation: 'h',
+                    bgcolor: 'rgba(255,255,255,0.7)',
+                    iconColor: 'rgba(0, 31, 95, 0.3)'
+                },
                 modeBarButtonsToRemove: [],
                 modeBarButtonsToAdd: [],
                 locale: 'en',
Original file line number	Diff line number	Diff line change
`@@ -163,11 +163,11 @@ proto.createButton = function(config) {`
`163`	`163`	`if(config.toggle) d3.select(button).classed('active', true);`
`164`	`164`
`165`	`165`	`var icon = config.icon;`
`166`		`- if(config.color) icon.color = config.color;`
`167`	`166`	`if(typeof icon === 'function') {`
`168`	`167`	`button.appendChild(icon());`
`169`	`168`	`}`
`170`	`169`	`else {`
	`170`	`+ if(icon) icon.color = config.color;`
`171`	`171`	`button.appendChild(this.createIcon(icon \|\| Icons.question));`
`172`	`172`	`}`
`173`	`173`	`button.setAttribute('data-gravity', config.gravity \|\| 'n');`