--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 {
#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");
}