Bug 1742696 - Also add color-scheme to in-content/common. r=Gijs
authorEmilio Cobos Álvarez <emilio@crisal.io>
Fri, 26 Nov 2021 11:37:00 +0000
changeset 600224 409807080a656fcb8ee97b54184f8ab26e70ea71
parent 600223 be50432bfca6b2d9eac3655123fcc85476fcb66c
child 600225 50f07fce131a6a67ef8a2feedd3f334a9eda1fa1
push id39013
push userabutkovits@mozilla.com
push dateFri, 26 Nov 2021 16:04:49 +0000
treeherdermozilla-central@63cb32ec323b [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersGijs
bugs1742696
milestone96.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 1742696 - Also add color-scheme to in-content/common. r=Gijs This should have roughly the same effect as the meta tag, and all these pages support dark mode. The meta tag still has its merits (it allows us to conceptually paint a dark background sooner to avoid flashing white). I'd still prefer to keep the meta tag but this might be a simpler fix. Differential Revision: https://phabricator.services.mozilla.com/D132186
toolkit/themes/shared/in-content/common.inc.css
--- a/toolkit/themes/shared/in-content/common.inc.css
+++ b/toolkit/themes/shared/in-content/common.inc.css
@@ -106,16 +106,17 @@
   --shadow-30: 0 4px 16px var(--grey-90-a10);
 
   --card-padding: 16px;
   --card-shadow: var(--shadow-10);
   --card-outline-color: var(--grey-30);
   --card-shadow-hover: var(--card-shadow), 0 0 0 5px var(--card-outline-color);
 
   accent-color: var(--in-content-accent-color);
+  color-scheme: light dark;
 }
 
 @media (prefers-color-scheme: dark) {
   :host,
   :root {
     /* Keep these in sync with:
      *
      *  * plaintext.css