extracted terminal to a widget

2026-02-17 18:46:18 +00:00
parent c6999ea66f
commit 0746844d6f
98 changed files with 487 additions and 3513 deletions
@@ -121,6 +121,169 @@
 }

@layer base {
+  :root {
+    /* Duck brand hex colors */
+    --duck-yellow: #F4C430;
+    --duck-orange: #EA580C;
+    --duck-teal: #0891B2;
+    --duck-forest: #166534;
+    --duck-dark: #14532D;
+    --duck-beige: #E7D4B5;
+
+    /* Page background */
+    --pixel-grid-color: rgba(20, 83, 45, 0.1);
+
+    /* Glass surfaces */
+    --glass-bg: rgba(255, 255, 255, 0.1);
+    --glass-border: rgba(255, 255, 255, 0.2);
+    --dock-bg: rgba(0, 0, 0, 0.15);
+    --dock-border: rgba(255, 255, 255, 0.1);
+    --dock-tooltip-bg: rgba(0, 0, 0, 0.75);
+
+    /* Card component */
+    --card-bg: rgba(255, 255, 255, 0.9);
+    --card-grid-color: rgba(20, 83, 45, 0.08);
+
+    --cta: 211 74.77% 45.58%;
+    --cta-foreground: 0 0% 100%;
+
+    --naturegreen: 145 79% 38%;
+    --naturegreen-foreground: 0 0% 100%;
+
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
+
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+
+    --accent: 211 74.77% 45.58%;
+    --accent-foreground: 0 0% 0%;
+
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+
+    --success: 142.1 76.2% 36.3%;
+    --success-foreground: 355.7 100% 97.3%;
+
+    --brand: 145 79% 38%;
+    --brand-foreground: 0 0% 100%;
+    --brand-muted: 145 40% 90%;
+
+    --warning: 43 96% 56%;
+    --warning-foreground: 0 0% 0%;
+
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+    --ring: 222.2 84% 4.9%;
+
+    --radius: 0.5rem;
+
+    /* Chart gradients */
+    --chart-primary: 211 82% 64%;
+    --chart-secondary: 211 82% 84%;
+
+    /* Status colors */
+    --status-success: 142 76% 36%;
+    --status-warning: 43 96% 56%;
+    --status-in-progress: 211 82% 64%;
+
+    --sidebar-background: 0 0% 98%;
+    --sidebar-foreground: 240 5.3% 26.1%;
+    --sidebar-primary: 240 5.9% 10%;
+    --sidebar-primary-foreground: 0 0% 98%;
+    --sidebar-accent: 240 4.8% 95.9%;
+    --sidebar-accent-foreground: 240 5.9% 10%;
+    --sidebar-border: 220 13% 91%;
+    --sidebar-ring: 217.2 91.2% 59.8%;
+
+    /* Hover Effect */
+    --ctahover: 211 91.53% 34.82%;
+  }
+
+  .dark {
+    /* Page background */
+    --pixel-grid-color: rgba(200, 230, 210, 0.08);
+
+    /* Glass surfaces */
+    --glass-bg: rgba(0, 0, 0, 0.2);
+    --glass-border: rgba(255, 255, 255, 0.1);
+    --dock-bg: rgba(0, 0, 0, 0.3);
+    --dock-border: rgba(255, 255, 255, 0.08);
+    --dock-tooltip-bg: rgba(0, 0, 0, 0.85);
+
+    /* Card component */
+    --card-bg: rgba(10, 20, 15, 0.9);
+    --card-grid-color: rgba(200, 230, 210, 0.06);
+
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+
+    --accent: 211 82% 64%;
+    --accent-foreground: 0 0% 0%;
+
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+
+    --success: 142.1 76.2% 36.3%;
+    --success-foreground: 355.7 100% 97.3%;
+
+    --brand: 145 60% 45%;
+    --brand-foreground: 0 0% 100%;
+    --brand-muted: 145 30% 25%;
+
+    --warning: 43 96% 56%;
+    --warning-foreground: 0 0% 0%;
+
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 212.7 26.8% 83.9%;
+
+    /* Chart gradients */
+    --chart-primary: 211 82% 64%;
+    --chart-secondary: 211 82% 84%;
+
+    /* Status colors */
+    --status-success: 142 76% 36%;
+    --status-warning: 43 96% 56%;
+    --status-in-progress: 211 82% 64%;
+
+    --sidebar-background: 240 5.9% 10%;
+    --sidebar-foreground: 240 4.8% 95.9%;
+    --sidebar-primary: 224.3 76.3% 48%;
+    --sidebar-primary-foreground: 0 0% 100%;
+    --sidebar-accent: 240 3.7% 15.9%;
+    --sidebar-accent-foreground: 240 4.8% 95.9%;
+    --sidebar-border: 240 3.7% 15.9%;
+    --sidebar-ring: 217.2 91.2% 59.8%;
+  }
+
  * {
    @apply border-border;
  }