From 1dd699117456fd34f52059e448d2114a34a6986f Mon Sep 17 00:00:00 2001
From: Leonid Pershin <lpershin@syntellect.ru>
Date: Fri, 24 Jul 2026 06:56:16 +0300
Subject: [PATCH] Enhance CSS for improved theme support: add color-scheme
 properties for light and dark modes, and explicitly define styles for native
 select elements to ensure proper color rendering in both themes.

---
 frontend/src/index.css | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/frontend/src/index.css b/frontend/src/index.css
index 42df5d1..b126938 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -14,6 +14,7 @@
   --primary-foreground: #f2ecd8;
   --accent: #b45309;
   --scanline-opacity: 0.05;
+  color-scheme: light;
 }
 
 .dark {
@@ -26,6 +27,7 @@
   --primary-foreground: #05080a;
   --accent: #22d3ee;
   --scanline-opacity: 0.09;
+  color-scheme: dark;
 }
 
 @theme inline {
@@ -48,8 +50,20 @@
 }
 
 @layer base {
-  html {
-    color-scheme: light dark;
+  /* Нативные select/option: попап рисует браузер, поэтому цвета задаём явно —
+     иначе в тёмной теме получается зелёный текст на белом фоне. */
+  select {
+    color: var(--foreground);
+  }
+
+  select option {
+    background-color: var(--background);
+    color: var(--foreground);
+  }
+
+  select option:checked {
+    background-color: var(--muted);
+    color: var(--primary);
   }
 
   body {