Bug 1036709 - Changed the variable and node attention background color to light orange r=bgrins
authorGabriel Luong <gabriel.luong@gmail.com>
Fri, 18 Jul 2014 11:50:00 +0300
changeset 215874 cfe6339e0fcbbea0f3c8f44cd2b67a58a9f6ff52
parent 215873 89669f18bd2d3ce56382da9288c5d0eb44e9b4a5
child 215875 04fc2abf8ac6a5671bbaa7590e176d26c461a42e
push id3857
push userraliiev@mozilla.com
push dateTue, 02 Sep 2014 16:39:23 +0000
treeherdermozilla-beta@5638b907b505 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersbgrins
bugs1036709
milestone33.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 1036709 - Changed the variable and node attention background color to light orange r=bgrins
browser/themes/shared/devtools/dark-theme.css
browser/themes/shared/devtools/light-theme.css
browser/themes/shared/devtools/widgets.inc.css
--- a/browser/themes/shared/devtools/dark-theme.css
+++ b/browser/themes/shared/devtools/dark-theme.css
@@ -28,17 +28,17 @@
 .theme-selected,
 .CodeMirror-hint-active {
   background-color: #1d4f73;
   color: #f5f7fa; /* Light foreground text */
 }
 
 .theme-bg-contrast,
 .variable-or-property:not([overridden])[changed] { /* contrast bg color to attract attention on a container */
-  background: #a18650;
+  background: #B28025; /* Background - Attention */
 }
 
 .theme-link,
 .cm-s-mozilla .cm-link { /* blue */
   color: #3689b2;
 }
 
 /*
--- a/browser/themes/shared/devtools/light-theme.css
+++ b/browser/themes/shared/devtools/light-theme.css
@@ -28,17 +28,17 @@
 .theme-selected,
 .CodeMirror-hint-active {
   background-color: #4c9ed9;
   color: #f5f7fa; /* Light foreground text */
 }
 
 .theme-bg-contrast,
 .variable-or-property:not([overridden])[changed] { /* contrast bg color to attract attention on a container */
-  background: #a18650;
+  background: #E8B671; /* Background - Attention */
 }
 
 .theme-link,
 .cm-s-mozilla .cm-link,
 .CodeMirror-Tern-type { /* blue */
   color: hsl(208,56%,40%);
 }
 
--- a/browser/themes/shared/devtools/widgets.inc.css
+++ b/browser/themes/shared/devtools/widgets.inc.css
@@ -1356,23 +1356,33 @@
 .theme-light .table-widget-cell:not(.theme-selected)[odd] {
   background: rgba(128,128,128,0.05);
 }
 
 .theme-light .table-widget-cell:last-of-type {
   box-shadow: inset 0 -1px 0 @smw_itemLightTopBorder@;
 }
 
-.table-widget-cell.flash-out {
-  animation: flash-out 0.5s ease-in;
+.theme-light .table-widget-cell.flash-out {
+  animation: light-flash-out 0.5s ease-in;
 }
 
-@keyframes flash-out {
+@keyframes light-flash-out {
   to {
-    background: #a18650;
+    background: #E8B671;
+  }
+}
+
+.theme-dark .table-widget-cell.flash-out {
+  animation: dark-flash-out 0.5s ease-in;
+}
+
+@keyframes dark-flash-out {
+  to {
+    background: #B28025;
   }
 }
 
 /* Empty text and initial text */
 
 .table-widget-empty-text {
   display: none;
   text-align: center;