init

2026-01-26 09:05:48 +08:00
commit f218a21377
20 changed files with 7774 additions and 0 deletions
--- a/ui/theme/colors.slint
+++ b/ui/theme/colors.slint
@@ -0,0 +1,75 @@
+// Shadcn-style Color System
+// Based on shadcn/ui zinc theme with light/dark mode support
+
+// Color palette structure
+export struct ColorPalette {
+    background: color,
+    foreground: color,
+    card: color,
+    card-foreground: color,
+    popover: color,
+    popover-foreground: color,
+    primary: color,
+    primary-foreground: color,
+    secondary: color,
+    secondary-foreground: color,
+    muted: color,
+    muted-foreground: color,
+    accent: color,
+    accent-foreground: color,
+    destructive: color,
+    destructive-foreground: color,
+    border: color,
+    input: color,
+    ring: color,
+}
+
+// Light mode colors - shadcn zinc theme
+export global LightColors {
+    out property <ColorPalette> palette: {
+        background: #ffffff,
+        foreground: #09090b,
+        card: #ffffff,
+        card-foreground: #09090b,
+        popover: #ffffff,
+        popover-foreground: #09090b,
+        primary: #18181b,
+        primary-foreground: #fafafa,
+        secondary: #f4f4f5,
+        secondary-foreground: #18181b,
+        muted: #f4f4f5,
+        muted-foreground: #71717a,
+        accent: #f4f4f5,
+        accent-foreground: #18181b,
+        destructive: #ef4444,
+        destructive-foreground: #fafafa,
+        border: #e4e4e7,
+        input: #e4e4e7,
+        ring: #18181b,
+    };
+}
+
+// Dark mode colors - shadcn zinc theme
+export global DarkColors {
+    out property <ColorPalette> palette: {
+        background: #09090b,
+        foreground: #fafafa,
+        card: #09090b,
+        card-foreground: #fafafa,
+        popover: #09090b,
+        popover-foreground: #fafafa,
+        primary: #fafafa,
+        primary-foreground: #18181b,
+        secondary: #27272a,
+        secondary-foreground: #fafafa,
+        muted: #27272a,
+        muted-foreground: #a1a1aa,
+        accent: #27272a,
+        accent-foreground: #fafafa,
+        destructive: #7f1d1d,
+        destructive-foreground: #fafafa,
+        border: #27272a,
+        input: #27272a,
+        ring: #d4d4d8,
+    };
+}