Set color-scheme property in themes (#8547)

robintown · web-flow · commit d5b363e971f3 · 2022-05-09T21:55:31.000-04:00
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

Original file line number	Diff line number	Diff line change
`@@ -378,6 +378,10 @@ $location-live-secondary-color: #deddfd;`
`378`	`378`	`text-decoration: none;`
`379`	`379`	`}`
`380`	`380`
	`381`	`+body {`
	`382`	`+ color-scheme: light;`
	`383`	`+}`
	`384`	`+`
`381`	`385`	`// ********************`
`382`	`386`
`383`	`387`	`// diff highlight colors`