Light Mode
Dark Mode
Theme
CSS
--glass:
--glass-edge:
--glass-lens:
--primary:
--primary-foreground:
--primary-hover:
--primary-subtle:
--secondary:
--secondary-foreground:
--secondary-hover:
--muted:
--muted-foreground:
--accent:
--accent-foreground:
--highlight:
--chip:
--destructive:
--destructive-foreground:
--destructive-subtle:
--destructive-subtle-hover:
--destructive-ring:
--destructive-text:
--destructive-border:
--destructive-icon:
--success:
--success-foreground:
--success-subtle:
--success-text:
--success-border:
--success-icon:
--warning:
--warning-foreground:
--warning-subtle:
--warning-text:
--warning-border:
--warning-icon:
--info:
--info-foreground:
--info-subtle:
--info-text:
--info-border:
--info-icon:
--border:
oklch(1 0 0 / 10%)
--input:
oklch(1 0 0 / 15%)
--input-subtle:
oklch(1 0 0 / 5%)
--input-subtle-hover:
oklch(1 0 0 / 10%)
--ring:
--ring-subtle:
--edge-depth:
--primary-edge:
--secondary-edge:
--outline-edge:
--destructive-edge:
--sticker-edge:
--sticker-ink:
--sticker-shadow:
--particle-shadow:
--finish-burgundy:
--finish-burgundy-highlight:
--finish-burgundy-shadow:
--chart-1:
--chart-2:
--chart-3:
--chart-4:
--chart-5:
--sidebar:
--sidebar-foreground:
--sidebar-primary:
--sidebar-primary-foreground:
--sidebar-accent:
--sidebar-accent-foreground:
--sidebar-border:
oklch(1 0 0 / 10%)
--sidebar-ring:
--color-glass:
--color-glass-edge:
--color-glass-lens:
--color-primary:
--color-primary-foreground:
--color-primary-hover:
--color-primary-subtle:
--color-secondary:
--color-secondary-foreground:
--color-secondary-hover:
--color-muted:
--color-muted-foreground:
--color-accent:
--color-accent-foreground:
--color-highlight:
--color-chip:
--color-destructive:
--color-destructive-foreground:
--color-destructive-subtle:
--color-destructive-subtle-hover:
--color-destructive-ring:
--color-success:
--color-success-foreground:
--color-success-subtle:
--color-warning:
--color-warning-foreground:
--color-warning-subtle:
--color-info:
--color-info-foreground:
--color-info-subtle:
--text-color-destructive:
--background-color-destructive:
--background-color-destructive-subtle:
--border-color-destructive:
--fill-destructive:
--stroke-destructive:
--text-color-success:
--background-color-success:
--background-color-success-subtle:
--border-color-success:
--fill-success:
--stroke-success:
--text-color-warning:
--background-color-warning:
--background-color-warning-subtle:
--border-color-warning:
--fill-warning:
--stroke-warning:
--text-color-info:
--background-color-info:
--background-color-info-subtle:
--border-color-info:
--fill-info:
--stroke-info:
--color-border:
--color-input:
--color-input-subtle:
--color-input-subtle-hover:
--color-ring:
--color-ring-subtle:
--color-sticker-edge:
--color-sticker-ink:
--color-sticker-shadow:
--color-particle-shadow:
--color-burgundy-700:
oklch(0.44 0.05 12)
--color-burgundy-950:
oklch(0.21 0.035 12)
--color-finish-burgundy:
--color-finish-burgundy-highlight:
--color-finish-burgundy-shadow:
--color-chart-1:
--color-chart-2:
--color-chart-3:
--color-chart-4:
--color-chart-5:
--color-sidebar:
--color-sidebar-foreground:
--color-sidebar-primary:
--color-sidebar-primary-foreground:
--color-sidebar-accent:
--color-sidebar-accent-foreground:
--color-sidebar-border:
--color-sidebar-ring:
--radius-sm:
--radius-md:
--radius-lg:
--radius-xl:
--radius-2xl:
--radius-3xl:
--radius-4xl:
--animate-progress-indeterminate:
--animate-voice-memo-wake:
--animate-typing-dot: