Bug 1407322 - use currentColor for selected stylesheet icon in styleeditor;r=ntim
authorJulian Descottes <jdescottes@mozilla.com>
Tue, 10 Oct 2017 19:44:27 +0200
changeset 385350 e3834abf326e8dd949dc28475cb3606d890c50a1
parent 385349 f580e00e8f62b7c53844d97948b396e6a1752f7f
child 385351 e464d1cc05a6cc106bd96fd2e48676f5574e0096
push id32652
push userarchaeopteryx@coole-files.de
push dateTue, 10 Oct 2017 21:49:31 +0000
treeherdermozilla-central@f1ecd5c26948 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersntim
bugs1407322
milestone58.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 1407322 - use currentColor for selected stylesheet icon in styleeditor;r=ntim MozReview-Commit-ID: HysqhWk4y4G
devtools/client/themes/styleeditor.css
--- a/devtools/client/themes/styleeditor.css
+++ b/devtools/client/themes/styleeditor.css
@@ -168,29 +168,26 @@ li.error > .stylesheet-info > .styleshee
   margin: 0 8px;
   background-image: url(images/item-toggle.svg);
   background-repeat: no-repeat;
   background-clip: content-box;
   background-position: center;
   background-size: 16px;
   width: 24px;
   height: 40px;
+
+  /* The icon color should always match the text color. */
   -moz-context-properties: fill;
-  fill: var(--theme-toolbar-color);
+  fill: currentColor;
 }
 
 .disabled > .stylesheet-enabled {
   opacity: 0.3;
 }
 
-/* Invert the toggle icon in the active row for light theme */
-.splitview-nav > li.splitview-active .stylesheet-enabled {
-  fill: var(--theme-toolbar-selected-color);
-}
-
 .splitview-nav > li > .stylesheet-enabled:focus,
 .splitview-nav > li:hover > .stylesheet-enabled {
   outline: 0;
 }
 
 .stylesheet-linked-file:not(:empty){
   margin-inline-end: 0.4em;
 }