From 03ced8615a3360c79452c0f796d95111085e07e6 Mon Sep 17 00:00:00 2001
From: Willow (GHOST) <git@willow.sh>
Date: Wed, 15 Jul 2026 00:39:54 +0000
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(s) changed, 8 insertion(s)(+), 1 deletion(s)(-)

diff --git a/input.css b/input.css
--- a/input.css
+++ b/input.css
@@ -72,10 +72,17 @@ @apply bg-yellow-400 text-black bg-opacity-30 dark:bg-yellow-600 dark:bg-opacity-50 dark:text-white;
     }
 
     @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:

--
tangled.sh