Bug 1701691 - common/global -moz-toolbar-prefers-color-scheme support r=desktop-theme-reviewers,harry

Differential Revision: https://phabricator.services.mozilla.com/D111970

browser/themes/shared/tabs.inc.css

@@ -14,7 +14,7 @@
   --tabpanel-background-color: #f9f9fa;
 }
 
-@media (prefers-color-scheme: dark) {
+@media (-moz-toolbar-prefers-color-scheme: dark) {
   :root {
     /* Value for --in-content-page-background for dark mode in in-content/common.inc.css */
     --tabpanel-background-color: #2a2a2e;
@@ -36,7 +36,7 @@
   /* Value for --in-content-page-background in in-content/common.inc.css */
   --tabpanel-background-color: #fff;
 }
-@media (prefers-color-scheme: dark) {
+@media (-moz-toolbar-prefers-color-scheme: dark) {
   :root {
     /* Value for --in-content-page-background for dark mode in in-content/common.inc.css */
     --tabpanel-background-color: rgb(28,27,34);

toolkit/themes/linux/global/in-content/common.css

@@ -10,7 +10,7 @@
 }
 }
 
-@media (prefers-color-scheme: dark) {
+@media (-moz-toolbar-prefers-color-scheme: dark) {
   /* Don't apply scrollbar-color since it removes the native scrollbar style on Linux */
   :root {
     scrollbar-color: initial;

toolkit/themes/shared/in-content/common.inc.css

@@ -134,7 +134,7 @@
 }
 }
 
-@media (prefers-color-scheme: dark) {
+@media (-moz-toolbar-prefers-color-scheme: dark) {
   :host,
   :root {
     /* Keep these in sync with layout/base/PresShell.cpp, and plaintext.css */
@@ -193,7 +193,7 @@
 }
 
 @media not (-moz-proton) {
-@media (prefers-color-scheme: dark) {
+@media (-moz-toolbar-prefers-color-scheme: dark) {
   :host,
   :root {
     --in-content-page-background: #2A2A2E;

toolkit/themes/windows/global/global.css

@@ -57,7 +57,7 @@
      -moz-lwtheme isn't used and the colors are selected based only on the
      system color scheme. Some of these occur in-content (for example
      about:preferences), but some do not (like the library/places window). */
-  @media (prefers-color-scheme: dark) {
+  @media (-moz-toolbar-prefers-color-scheme: dark) {
     :host(:not(:-moz-lwtheme)),
     :root:not(:-moz-lwtheme) {
       --menuitem-hover-background-color: var(--dark-menuitem-hover-background-color);