From 03ced8615a3360c79452c0f796d95111085e07e6 Mon Sep 17 00:00:00 2001
From: "Willow (GHOST)" <git@willow.sh>
Date: Wed, 15 Jul 2026 02:39:54 +0200
Subject: [PATCH] appview: set color-scheme css property

Set the `color-scheme` property such that css functions like
`light-dark` work correctly, and any un-customised native elements use
the correct theme
---
 input.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/input.css b/input.css
index 2b3eee7b..c0ebd482 100644
--- a/input.css
+++ b/input.css
@@ -72,10 +72,17 @@
     }
 
     @layer base {
-        html {
+        :root {
             font-size: 14px;
             scrollbar-gutter: stable;
+
+            color-scheme: light;
+
+            @media (prefers-color-scheme: dark) {
+                color-scheme: dark;
+            }
         }
+
         @supports (font-variation-settings: normal) {
             html {
                 font-feature-settings:
-- 
2.51.2