Set color-scheme property in themes (#8547)

matrix-org · May 10, 2022 · d5b363e · d5b363e
1 parent ed2ee70
commit d5b363e
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 0 deletions.
diff --git a/res/themes/dark/css/_dark.scss b/res/themes/dark/css/_dark.scss
@@ -269,6 +269,10 @@ $selected-color: $room-highlight-color;
 }
 // ********************
 
+body {
+    color-scheme: dark;
+}
+
 // Nasty hacks to apply a filter to arbitrary monochrome artwork to make it
 // better match the theme.  Typically applied to dark grey 'off' buttons or
 // light grey 'on' buttons.

diff --git a/res/themes/legacy-dark/css/_legacy-dark.scss b/res/themes/legacy-dark/css/_legacy-dark.scss
@@ -242,6 +242,10 @@ $location-live-secondary-color: #deddfd;
     text-decoration: none;
 }
 
+body {
+    color-scheme: dark;
+}
+
 // Nasty hacks to apply a filter to arbitrary monochrome artwork to make it
 // better match the theme.  Typically applied to dark grey 'off' buttons or
 // light grey 'on' buttons.

diff --git a/res/themes/legacy-light/css/_legacy-light.scss b/res/themes/legacy-light/css/_legacy-light.scss
@@ -347,6 +347,10 @@ $location-live-secondary-color: #deddfd;
     text-decoration: none;
 }
 
+body {
+    color-scheme: light;
+}
+
 // diff highlight colors
 .hljs-addition {
     background: #dfd;

diff --git a/res/themes/light/css/_light.scss b/res/themes/light/css/_light.scss
@@ -378,6 +378,10 @@ $location-live-secondary-color: #deddfd;
     text-decoration: none;
 }
 
+body {
+    color-scheme: light;
+}
+
 // ********************
 
 // diff highlight colors