Bug 1407322 - use currentColor for selected stylesheet icon in styleeditor;r=ntim draft
authorJulian Descottes <jdescottes@mozilla.com>
Tue, 10 Oct 2017 19:44:27 +0200
changeset 677741 d1a9416336dc53e05890c11e95a73c77e8450696
parent 677214 77a4c52e9987d2359969d7c478183b438b464744
child 677744 4435d53e0f96a2beea27d5e727642479fba7d1f2
push id83792
push userjdescottes@mozilla.com
push dateTue, 10 Oct 2017 17:44:52 +0000
reviewersntim
bugs1407322
milestone58.0a1
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;
 }