From a29b7a57f70d495e3ca8e33eedc5af2ea5435ccc Mon Sep 17 00:00:00 2001
From: Simran Singh <ss.simransingh26@hmail.com>
Date: Sun, 25 Oct 2026 00:34:58 +0530
Subject: [PATCH] fix: make select dropdown options readable in dark mode

---
 static/css/app.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/static/css/app.css b/static/css/app.css
index a23d433..5296fa3 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -60,6 +60,7 @@
   --on-error: 255 255 255;
   --error-container: 255 218 214;
   --on-error-container: 147 0 10;
+  color-scheme: light;
 }
 
 .dark {
@@ -102,6 +103,7 @@
   --on-error: 105 0 5;
   --error-container: 147 0 10;
   --on-error-container: 255 218 214;
+  color-scheme: dark;
 }
 
 /* ---- Base ---------------------------------------------------------------- */
@@ -120,6 +122,11 @@ body {
   font-feature-settings: "ss01" on, "kern" on;
 }
 
+select option {
+  background-color: rgb(var(--surface-container-low));
+  color: rgb(var(--on-surface));
+}
+
 :focus-visible {
   outline: 2px solid rgb(var(--primary));
   outline-offset: 3px;