Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

dark_theme: Declare color-scheme CSS property. 

This allows the browser to select a more appropriate color for the
browser scrollbars, for example.

https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme

Signed-off-by: Anders Kaseorg <anders@zulip.com>
This commit is contained in:
Anders Kaseorg 2022-11-25 13:06:11 -08:00 committed by Tim Abbott
parent 21f8d26040
commit 5cc92365b8
2 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
static/styles/dark_theme.css
View File

@ -6,6 +6,8 @@
*/ */
@extend %dark-theme-block; @extend %dark-theme-block;
color-scheme: dark;
body { body {
color: hsl(236, 33%, 90%); color: hsl(236, 33%, 90%);
} }

4
static/styles/zulip.css
View File

@ -49,6 +49,10 @@ body,
transition: background-color 200ms linear; transition: background-color 200ms linear;
} }
:root {
color-scheme: light;
}
input, input,
button, button,
select, select,