From 45f612c9904ebc51fcb099c5ebf7e94e4b5cfd0e Mon Sep 17 00:00:00 2001
From: thesn10 <38666407+thesn10@users.noreply.github.com>
Date: Wed, 8 Jul 2026 19:16:01 +0200
Subject: [PATCH] fix css

---
 app/src/global.css | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/app/src/global.css b/app/src/global.css
index 9f650f0..9809a6a 100644
--- a/app/src/global.css
+++ b/app/src/global.css
@@ -10,27 +10,61 @@
 @layer theme {
   @variant light {
     --background: #f7f6fb;
+    --foreground: #0b0b18;
     --surface: #ffffff;
+    --surface-foreground: var(--foreground);
     --surface-secondary: #f0eef8;
+    --surface-secondary-foreground: var(--foreground);
+    --surface-tertiary: var(--border);
+    --surface-tertiary-foreground: var(--foreground);
+    --overlay: var(--surface);
+    --overlay-foreground: var(--foreground);
+    --backdrop: rgba(4, 4, 10, 0.78);
+    --muted: #5c5880;
+    --default: var(--surface-secondary);
+    --default-foreground: var(--foreground);
     --accent: #7a34d4;
     --accent-foreground: #ffffff;
+    --field-background: var(--surface);
+    --field-foreground: var(--foreground);
+    --field-border: var(--border);
     --success: #059669;
     --warning: #d97706;
     --danger: #dc2626;
+    --segment: var(--surface-secondary);
+    --segment-foreground: var(--foreground);
     --border: #e2dff0;
+    --separator: var(--border);
     --subtle: #9991b8;
   }
 
   @variant dark {
     --background: #0e0e1c;
+    --foreground: #ede9ff;
     --surface: #171730;
+    --surface-foreground: var(--foreground);
     --surface-secondary: #1e1e3c;
+    --surface-secondary-foreground: var(--foreground);
+    --surface-tertiary: var(--border);
+    --surface-tertiary-foreground: var(--foreground);
+    --overlay: var(--surface);
+    --overlay-foreground: var(--foreground);
+    --backdrop: rgba(4, 4, 10, 0.78);
+    --muted: #9b96c0;
+    --default: var(--surface-secondary);
+    --default-foreground: var(--foreground);
     --accent: #b060ff;
     --accent-foreground: #ffffff;
+    --field-background: var(--surface);
+    --field-foreground: var(--foreground);
+    --field-border: var(--border);
     --success: #14f195;
     --warning: #f5a623;
     --danger: #ff4d4f;
+    --segment: var(--surface-secondary);
+    --segment-foreground: var(--foreground);
     --border: #252548;
+    --separator: var(--border);
     --subtle: #605c88;
   }
 }