DevTools: set toolbar and statusbar to blue only on Windows.

Also, for inactive toolbar on Windows, use a grayscale version of blue.

BUG=none
TEST=none

Review URL: http://codereview.chromium.org/444015

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@33213 0039d316-1c4b-4281-b951-d872f2087c98

1 files changed, 21 insertions, 17 deletions

diff --git a/webkit/glue/devtools/js/devtools.css b/webkit/glue/devtools/js/devtools.css
index 79e8d3e..3cdc54e 100644
--- a/webkit/glue/devtools/js/devtools.css
+++ b/webkit/glue/devtools/js/devtools.css
@@ -15,10 +15,14 @@ body.attached #toolbar {
 
 
 /* Chrome theme overrides */
-#toolbar {
+body.platform-windows #toolbar {
     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(242, 247, 253)), to(rgb(223, 234, 248)));
 }
 
+body.platform-windows.inactive #toolbar {
+    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(248, 248, 248)), to(rgb(237, 237, 237)));
+}
+
 
 /* Heap Profiler Styles */
 
@@ -112,70 +116,70 @@ body.attached #toolbar {
     -webkit-background-clip: padding;
 }
 
-.section .header {
+body.platform-windows .section .header {
     border: 1px solid rgb(92, 116, 157);
     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(105, 133, 180)), to(rgb(92, 116, 157)));
 }
 
-#resources-filter {
+body.platform-windows #resources-filter {
     background: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 233, 233)), to(rgb(233, 233, 233)));
 }
 
-.crumbs .crumb {
+body.platform-windows .crumbs .crumb {
     -webkit-border-image: url(Images/segmentChromium.png) 0 12 0 2;
 }
 
-.crumbs .crumb.end {
+body.platform-windows .crumbs .crumb.end {
     -webkit-border-image: url(Images/segmentEndChromium.png) 0 2 0 2;
 }
 
-.crumbs .crumb.selected {
+body.platform-windows .crumbs .crumb.selected {
     -webkit-border-image: url(Images/segmentSelectedChromium.png) 0 12 0 2;
     color: white;
     text-shadow: rgba(255, 255, 255, 0.5) 0 0px 0;
 }
 
-.crumbs .crumb.selected:hover {
+body.platform-windows .crumbs .crumb.selected:hover {
     -webkit-border-image: url(Images/segmentSelectedChromium.png) 0 12 0 2;
 }
 
-.crumbs .crumb.selected.end, .crumbs .crumb.selected.end:hover {
+body.platform-windows .crumbs .crumb.selected.end, .crumbs .crumb.selected.end:hover {
     -webkit-border-image: url(Images/segmentSelectedEndChromium.png) 0 2 0 2;
 }
 
-.crumbs .crumb:hover {
+body.platform-windows .crumbs .crumb:hover {
     -webkit-border-image: url(Images/segmentHoverChromium.png) 0 12 0 2;
 }
 
-.crumbs .crumb.dimmed:hover {
+body.platform-windows .crumbs .crumb.dimmed:hover {
     -webkit-border-image: url(Images/segmentHoverChromium.png) 0 12 0 2;
 }
 
-.crumbs .crumb.end:hover {
+body.platform-windows .crumbs .crumb.end:hover {
     -webkit-border-image: url(Images/segmentHoverEndChromium.png) 0 2 0 2;
 }
 
-body.drawer-visible #main-status-bar {
+body.platform-windows body.drawer-visible #main-status-bar {
     background-image: url(Images/statusbarResizerVertical.png), url(Images/statusbarBackgroundChromium.png);
 }
 
-.status-bar {
+body.platform-windows .status-bar {
     background-image: url(Images/statusbarBackgroundChromium.png);
 }
 
-button.status-bar-item {
+body.platform-windows button.status-bar-item {
     background-image: url(Images/statusbarButtonsChromium.png);
 }
 
-select.status-bar-item:active {
+body.platform-windows select.status-bar-item:active {
     -webkit-border-image: url(Images/statusbarMenuButtonSelectedChromium.png) 0 17 0 2;
 }
 
-#drawer {
+body.platform-windows #drawer {
     background-image: url(Images/statusbarBottomBackgroundChromium.png);
 }
 
-select.status-bar-item {
+body.platform-windows select.status-bar-item {
     -webkit-border-image: url(Images/statusbarMenuButtonChromium.png) 0 17 0 2;
 }