ros/autocoder
1
0
Fork 0
mirror of https://github.com/leonvanzyl/autocoder.git synced 2026-02-02 07:23:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add Aurora Theme

Browse Source
This commit is contained in:
Auto
2026-01-26 18:50:02 +02:00
parent 9aae6769c9
commit 910ca34eac
4 changed files with 135 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
ui/src/styles/globals.css
View File

@@ -473,6 +473,123 @@
--color-status-done: oklch(0.5000 0.1500 355);
}
/* ============================================================================
Theme: Aurora
Deep violet and luminous teal inspired by the northern lights
Created by Claude - a theme about light emerging from depth
============================================================================ */
.theme-aurora {
--radius: 0.5rem;
--background: oklch(0.9850 0.0080 285);
--foreground: oklch(0.2500 0.0400 285);
--card: oklch(0.9700 0.0120 285);
--card-foreground: oklch(0.2500 0.0400 285);
--popover: oklch(0.9800 0.0100 285);
--popover-foreground: oklch(0.2500 0.0400 285);
--primary: oklch(0.5500 0.2200 285);
--primary-foreground: oklch(1.0000 0 0);
--secondary: oklch(0.7000 0.1400 175);
--secondary-foreground: oklch(0.1500 0.0300 175);
--muted: oklch(0.9400 0.0150 285);
--muted-foreground: oklch(0.4500 0.0300 285);
--accent: oklch(0.7500 0.1500 170);
--accent-foreground: oklch(0.1500 0.0300 170);
--destructive: oklch(0.6000 0.2000 25);
--destructive-foreground: oklch(1.0000 0 0);
--border: oklch(0.8800 0.0200 285);
--input: oklch(0.9200 0.0150 285);
--ring: oklch(0.5500 0.2200 285);
--chart-1: oklch(0.5500 0.2200 285);
--chart-2: oklch(0.7000 0.1400 175);
--chart-3: oklch(0.6500 0.1800 320);
--chart-4: oklch(0.7500 0.1500 170);
--chart-5: oklch(0.6000 0.2000 25);
--sidebar: oklch(0.9600 0.0150 285);
--sidebar-foreground: oklch(0.2500 0.0400 285);
--sidebar-primary: oklch(0.5500 0.2200 285);
--sidebar-primary-foreground: oklch(1.0000 0 0);
--sidebar-accent: oklch(0.7000 0.1400 175);
--sidebar-accent-foreground: oklch(0.1500 0.0300 175);
--sidebar-border: oklch(0.8800 0.0200 285);
--sidebar-ring: oklch(0.5500 0.2200 285);
/* Shadow variables - soft violet-tinted shadows */
--shadow-sm: 0 1px 2px 0 oklch(0.3 0.05 285 / 0.08);
--shadow: 0 1px 3px 0 oklch(0.3 0.05 285 / 0.12), 0 1px 2px -1px oklch(0.3 0.05 285 / 0.08);
--shadow-md: 0 4px 6px -1px oklch(0.3 0.05 285 / 0.12), 0 2px 4px -2px oklch(0.3 0.05 285 / 0.08);
--shadow-lg: 0 10px 15px -3px oklch(0.3 0.05 285 / 0.12), 0 4px 6px -4px oklch(0.3 0.05 285 / 0.08);
/* Log level colors */
--color-log-error: #e879a0;
--color-log-warning: #d4a055;
--color-log-info: #8b5cf6;
--color-log-debug: #7c7c9a;
--color-log-success: #2dd4bf;
/* Status colors for Kanban */
--color-status-pending: oklch(0.9400 0.0150 285);
--color-status-progress: oklch(0.8500 0.0800 175);
--color-status-done: oklch(0.8000 0.1200 285);
/* Font stacks - Inter for Aurora's clean, readable feel */
--font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
--font-mono: 'JetBrains Mono', 'Fira Code', monospace;
}
.theme-aurora.dark {
--background: oklch(0.1600 0.0300 285);
--foreground: oklch(0.9000 0.0150 285);
--card: oklch(0.2000 0.0350 285);
--card-foreground: oklch(0.9000 0.0150 285);
--popover: oklch(0.1800 0.0320 285);
--popover-foreground: oklch(0.9000 0.0150 285);
--primary: oklch(0.6500 0.2400 285);
--primary-foreground: oklch(0.1000 0.0200 285);
--secondary: oklch(0.6500 0.1600 175);
--secondary-foreground: oklch(0.1000 0.0200 175);
--muted: oklch(0.2500 0.0280 285);
--muted-foreground: oklch(0.6500 0.0200 285);
--accent: oklch(0.6800 0.1700 170);
--accent-foreground: oklch(0.1000 0.0200 170);
--destructive: oklch(0.6500 0.2000 25);
--destructive-foreground: oklch(1.0000 0 0);
--border: oklch(0.3200 0.0350 285);
--input: oklch(0.2200 0.0300 285);
--ring: oklch(0.6500 0.2400 285);
--chart-1: oklch(0.6500 0.2400 285);
--chart-2: oklch(0.6500 0.1600 175);
--chart-3: oklch(0.7000 0.2000 320);
--chart-4: oklch(0.6800 0.1700 170);
--chart-5: oklch(0.6500 0.2000 25);
--sidebar: oklch(0.1400 0.0280 285);
--sidebar-foreground: oklch(0.9000 0.0150 285);
--sidebar-primary: oklch(0.6500 0.2400 285);
--sidebar-primary-foreground: oklch(0.1000 0.0200 285);
--sidebar-accent: oklch(0.6500 0.1600 175);
--sidebar-accent-foreground: oklch(0.1000 0.0200 175);
--sidebar-border: oklch(0.3000 0.0300 285);
--sidebar-ring: oklch(0.6500 0.2400 285);
/* Shadow variables - deep glowing shadows */
--shadow-sm: 0 1px 2px 0 oklch(0.1 0.03 285 / 0.4);
--shadow: 0 1px 3px 0 oklch(0.1 0.03 285 / 0.5), 0 1px 2px -1px oklch(0.1 0.03 285 / 0.4);
--shadow-md: 0 4px 6px -1px oklch(0.1 0.03 285 / 0.5), 0 2px 4px -2px oklch(0.1 0.03 285 / 0.4);
--shadow-lg: 0 10px 15px -3px oklch(0.1 0.03 285 / 0.5), 0 4px 6px -4px oklch(0.1 0.03 285 / 0.4);
/* Log level colors for dark mode - more luminous */
--color-log-error: #f472b6;
--color-log-warning: #fbbf24;
--color-log-info: #a78bfa;
--color-log-debug: #a1a1aa;
--color-log-success: #5eead4;
/* Status colors for Kanban - dark mode */
--color-status-pending: oklch(0.2500 0.0280 285);
--color-status-progress: oklch(0.4000 0.1000 175);
--color-status-done: oklch(0.4500 0.1500 285);
}
/* ============================================================================
ShadCN Tailwind v4 Theme Integration
============================================================================ */