From 5cc92365b8b201bde364827111b663f0a50ba9f3 Mon Sep 17 00:00:00 2001
From: Anders Kaseorg <anders@zulip.com>
Date: Fri, 25 Nov 2022 13:06:11 -0800
Subject: [PATCH] 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>
---
 static/styles/dark_theme.css | 2 ++
 static/styles/zulip.css      | 4 ++++
 2 files changed, 6 insertions(+)

diff --git a/static/styles/dark_theme.css b/static/styles/dark_theme.css
index b480e7efbb..0100325aac 100644
--- a/static/styles/dark_theme.css
+++ b/static/styles/dark_theme.css
@@ -6,6 +6,8 @@
      */
     @extend %dark-theme-block;
 
+    color-scheme: dark;
+
     body {
         color: hsl(236, 33%, 90%);
     }
diff --git a/static/styles/zulip.css b/static/styles/zulip.css
index 9981887d8b..1994d37ae4 100644
--- a/static/styles/zulip.css
+++ b/static/styles/zulip.css
@@ -49,6 +49,10 @@ body,
     transition: background-color 200ms linear;
 }
 
+:root {
+    color-scheme: light;
+}
+
 input,
 button,
 select,