sync both themes with toolkit windows theme changes in Mozilla 55 cycle

[themes.git] / LCARStrek / global / narrateControls.css

diff --git a/LCARStrek/global/narrateControls.css b/LCARStrek/global/narrateControls.css
index dc24a4c9628e60505cd75d8669e370462af47ba6..4def74dc88b11f1cc9ca25e87db2ae041ce12b93 100644 (file)
--- a/LCARStrek/global/narrateControls.css
+++ b/LCARStrek/global/narrateControls.css
@@ -2,8 +2,9 @@
   --border-color: #e5e5e5;
 }
 
-#narrate-toggle {
-  background-image: url("chrome://global/skin/narrate/narrate.svg");
+#narrate-toggle > svg {
+  display: block;
+  margin: 0 8px;
 }
 
 .dropdown-popup button {
@@ -44,27 +45,28 @@
 
 #narrate-skip-previous {
   border-top-left-radius: 3px;
-  background-image: url("chrome://global/skin/narrate/back.svg#enabled");
+  background-image: url("chrome://global/skin/narrate/back.svg");
+  -moz-context-properties: fill;
+  fill: rgb(128 128 128);
 }
 
 #narrate-skip-next {
   border-top-right-radius: 3px;
-  background-image: url("chrome://global/skin/narrate/forward.svg#enabled");
-}
-
-#narrate-skip-previous:disabled {
-  background-image: url("chrome://global/skin/narrate/back.svg#disabled");
+  background-image: url("chrome://global/skin/narrate/forward.svg");
+  -moz-context-properties: fill;
+  fill: rgb(128 128 128);
 }
 
+#narrate-skip-previous:disabled,
 #narrate-skip-next:disabled {
-  background-image: url("chrome://global/skin/narrate/forward.svg#disabled");
+  fill: rgb(128 128 128 / 50%);
 }
 
 #narrate-start-stop {
   background-image: url("chrome://global/skin/narrate/start.svg");
 }
 
-#narrate-start-stop.speaking {
+#narrate-dropdown.speaking #narrate-start-stop {
   background-image: url("chrome://global/skin/narrate/stop.svg");
 }