DevTools: beautified styles sidebar toolbar.

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 7defad3bd95fda2d65683b39899b238240012328..f452d71cc43171231074d9032932e880d998ff6d 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
+++ b/third_party/WebKit/Source/devtools/front_end/ui/toolbar.css
@@ -51,7 +51,7 @@
     -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
     -webkit-mask-size: 352px 168px;
     -webkit-mask-position: -18px -96px;
-    background-color: #444;
+    background-color: #6D6D6D;
     width: 12px;
     height: 12px;
     display: inline-block;
@@ -65,9 +65,9 @@
     }
 } /* media */
 
-/* Text-glyph item */
+/* Toolbar item */
 
-.toolbar-text-glyph {
+.toolbar-button {
     white-space: nowrap;
     overflow: hidden;
     min-width: 28px;
@@ -88,10 +88,14 @@
     margin-left: 0;
 }
 
-.toolbar-bold .toolbar-text {
+.toolbar-button:not(.toolbar-has-glyph):not(.toolbar-has-dropdown):not(.menu-toolbar-item) {
     font-weight: bold;
 }
 
+.toolbar-button:not(.toolbar-has-glyph).hover {
+    background-color: #f3f3f3;
+}
+
 .toolbar-dimmed .toolbar-text {
     color: #999;
 }