From 4cd86a1558b0a8609523bdffd8ae324bde76707d Mon Sep 17 00:00:00 2001
From: Lilian <30466471+hlxid@users.noreply.github.com>
Date: Mon, 23 Dec 2024 01:00:04 +0100
Subject: [PATCH] Indicate support for dark and light theme to browsers using
 color-scheme

---
 static/main.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/static/main.css b/static/main.css
index f7b394d..b0462d3 100644
--- a/static/main.css
+++ b/static/main.css
@@ -6,6 +6,11 @@
   --main-accent-color: #f9c827;
   --secondary-accent-color: #ff925f;
 
+  /* Tell browser that we support dark and light mode.
+     Allows browser to change UI elements to match the color scheme.
+     By default browser assume only light mode is supported and draw elements accordingly.
+     This for example includes the chrome scrollbar and default form elements. */
+  color-scheme: dark light;
   scroll-behavior: smooth;
 }