Bug 966639 - The search output panel should use theme colors, r=bgrins
authorVictor Porof <vporof@mozilla.com>
Sat, 01 Feb 2014 18:32:16 +0200
changeset 166456 16dfbbf8a15947644302ecdae6d3ceb07936e5d0
parent 166455 fb7a29f77890d9dea86f7069776fd5dfed4c65f6
child 166457 5c5bdeec691845673737be429742458454cbed5e
push id26127
push userphilringnalda@gmail.com
push dateSun, 02 Feb 2014 17:11:12 +0000
treeherdermozilla-central@2918a9e625b4 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersbgrins
bugs966639
milestone29.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 966639 - The search output panel should use theme colors, r=bgrins
browser/themes/shared/devtools/debugger.inc.css
browser/themes/shared/devtools/widgets.inc.css
--- a/browser/themes/shared/devtools/debugger.inc.css
+++ b/browser/themes/shared/devtools/debugger.inc.css
@@ -473,16 +473,24 @@
   transition: transform 0.3s ease-in-out;
 }
 
 .dbg-results-line-contents-string[match=true][focused] {
   transition-duration: 0.1s;
   transform: scale(1.75, 1.75);
 }
 
+.theme-dark .dbg-source-results:not(.selected):hover {
+  background-color: #181d20; /* Sidebar background */
+}
+
+.theme-light .dbg-source-results:not(.selected):hover {
+  background-color: #f7f7f7; /* Sidebar background */
+}
+
 .theme-dark .dbg-results-header {
   background-color: #252c33; /* Tab toolbar */
   color: #b8c8d9; /* Light content text */
 }
 
 .theme-light .dbg-results-header {
   background-color: #ebeced; /* Tab toolbar */
   color: #667380; /* Dark grey content text */
--- a/browser/themes/shared/devtools/widgets.inc.css
+++ b/browser/themes/shared/devtools/widgets.inc.css
@@ -258,36 +258,37 @@
 }
 
 .theme-light .breadcrumbs-widget-item:not([checked]):hover label {
   color: black;
 }
 
 /* SimpleListWidget */
 
-%filter substitution
-%define slw_selectionGradient linear-gradient(hsl(206,59%,39%), hsl(206,59%,29%))
-%define slw_selectionTextColor #fff
-
 .simple-list-widget-container {
   /* Hack: force hardware acceleration */
   transform: translateZ(1px);
 }
 
-.simple-list-widget-item.selected {
-  background: @slw_selectionGradient@;
-  color: @slw_selectionTextColor@;
+.theme-dark .simple-list-widget-item.selected {
+  background-color: #1d4f73; /* Select Highlight Blue */
+  color: #f5f7fa; /* Light foreground text */
+}
+
+.theme-light .simple-list-widget-item.selected {
+  background-color: #4c9ed9; /* Select Highlight Blue */
+  color: #f5f7fa; /* Light foreground text */
 }
 
 .theme-dark .simple-list-widget-item:not(.selected):hover {
-  background-color: #181d20; /* Sidebar background */
+  background-color: rgba(255,255,255,.05);
 }
 
 .theme-light .simple-list-widget-item:not(.selected):hover {
-  background-color: #f7f7f7; /* Sidebar background */
+  background-color: rgba(0,0,0,.05);
 }
 
 .simple-list-widget-empty-text,
 .simple-list-widget-perma-text {
   padding: 4px 8px;
 }
 
 .theme-dark .simple-list-widget-empty-text,