DevTools: cleanup button styles

third_party/WebKit/Source/devtools/front_end/ui/toolbar.css

Index: third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
diff --git a/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css b/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
index b62e03bd33a3acbe0ce60589de384a8018295466..74bdb6a39b2626dc0fbd243f72be6e0e8349de0d 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
+++ b/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
@@ -137,12 +137,12 @@
 .toolbar-button.toolbar-state-on .toolbar-glyph,
 .toolbar-blue-on-hover .toolbar-button:not(.toolbar-state-on):enabled.hover:not(:active),
 .-theme-selection-color {
-    background-color: hsl(218, 81%, 59%);

[pfeldman, 2017/05/30 21:18:17]

This was kind-of nice, hinting us at the fact that the hue and saturation were
the same with just the lightness changing. Why is this changing?

[luoe, 2017/05/30 22:39:45]

The only reason is to be more consistent and use fewer shades of 'blue'.  I
think a better solution would involve CSS variables, say --devtools-blue and
--devtools-lighter-blue.  But that seems out of scope for this CL.

I'll revert these changes.

+    background-color: #4285F4;
 }
 
 .toolbar-button.toolbar-state-on .toolbar-text,
 .-theme-selection-color {
-    color: hsl(218, 81%, 59%);
+    color: #4285F4;
 }
 
 .toolbar-blue-on-hover .toolbar-button:not(.toolbar-state-on):enabled.hover .toolbar-glyph {
@@ -156,12 +156,12 @@
 .toolbar-button.toolbar-state-on:enabled.hover:not(:active) .toolbar-glyph,
 .toolbar-blue-on-hover .toolbar-button:not(.toolbar-state-on):enabled:active.hover,
 .-theme-selection-color {
-    background-color: hsl(218, 96%, 54%);
+    background-color: rgb(56, 121, 217);
 }
 
 .toolbar-button.toolbar-state-on:enabled.hover:not(:active) .toolbar-text,
 .-theme-selection-color {
-    color: hsl(218, 96%, 54%);
+    color: rgb(56, 121, 217);
 }
 
 .toolbar-toggled-gray .toolbar-button.toolbar-state-on {