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 ad859356f342dfec73c7e792df7e7179f445fed3..2c8e8052f552e51f0dd0b63d62c2a4d270dde210 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;
@@ -67,7 +67,7 @@
 
 /* Text-glyph item */

[dgozman, 2016/01/14 22:05:21]

Wrong comment :-)

 
-.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 {

[dgozman, 2016/01/14 22:05:21]

:hover -> .hover

+    background-color: #f3f3f3;
+}
+
 .toolbar-dimmed .toolbar-text {
     color: #999;
 }