Bug 1159437 - Add top green border for highlighted tabs in light theme. r=bgrins
authorTim Nguyen <ntim.bugs@gmail.com>
Thu, 30 Apr 2015 15:37:19 -0700
changeset 273236 bb8f2d873bc825cb657e89c383e74a12e279e94a
parent 273235 81455ec95c0a8ddf623872e24f075c9886e841b5
child 273237 94ca3cad5caa837d14b9ac77f8d8a4f4382b7679
push id863
push userraliiev@mozilla.com
push dateMon, 03 Aug 2015 13:22:43 +0000
treeherdermozilla-release@f6321b14228d [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersbgrins
bugs1159437
milestone40.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 1159437 - Add top green border for highlighted tabs in light theme. r=bgrins
browser/themes/shared/devtools/toolbars.inc.css
--- a/browser/themes/shared/devtools/toolbars.inc.css
+++ b/browser/themes/shared/devtools/toolbars.inc.css
@@ -873,19 +873,22 @@
   background-color: hsla(206,37%,4%,.4);
   color: var(--theme-selection-color);
 }
 
 .theme-light .devtools-tab:hover:active {
   background-color: rgba(170,170,170,.4);
 }
 
+.devtools-tab:not([selected])[highlighted] {
+  box-shadow: 0 2px 0 var(--theme-highlight-green) inset;
+}
+
 .theme-dark .devtools-tab:not([selected])[highlighted] {
   background-color: hsla(99,100%,14%,.2);
-  box-shadow: 0 2px 0 #7bc107 inset;
 }
 
 .theme-light .devtools-tab:not([selected])[highlighted] {
   background-color: rgba(44, 187, 15, .2);
 }
 
 .devtools-tab > image {
   border: none;