Light Mode
Dark Mode
Theme
CSS
oklch(0.97 0.014 254.604)
----secondary:
oklch(0.274 0.006 286.033)
----secondary-foreground:
oklch(0.985 0 0)
----muted:
oklch(0.274 0.006 286.033)
----muted-foreground:
oklch(0.705 0.015 286.067)
----accent:
oklch(0.274 0.006 286.033)
----accent-foreground:
oklch(0.985 0 0)
----destructive:
oklch(0.594 0.1967 24.63)
----destructive-foreground:
----border:
oklch(28% 0.006 286.033)
----input:
oklch(0.2103 0.0059 285.89)
----ring:
----chart-1:
oklch(0.809 0.105 251.813)
----chart-2:
oklch(0.623 0.214 259.815)
----chart-3:
oklch(0.546 0.245 262.881)
----chart-4:
oklch(0.488 0.243 264.376)
----chart-5:
oklch(0.424 0.199 265.638)
----sidebar:
oklch(0.1228 0.0029 285.97)
----sidebar-foreground:
oklch(0.985 0 0)
----sidebar-primary:
oklch(0.6204 0.195 253.83)
----sidebar-primary-foreground:
oklch(0.97 0.014 254.604)
----sidebar-accent:
oklch(0.274 0.006 286.033)
----sidebar-accent-foreground:
oklch(0.985 0 0)
----sidebar-border:
oklch(28% 0.006 286.033)
----sidebar-ring:
----default:
oklch(27.4% 0.006 286.033)
----default-foreground:
----warning:
oklch(0.8203 0.1388 76.34)
----warning-foreground:
----surface:
oklch(0.2103 0.0059 285.89)
----surface-secondary:
oklch(0.257 0.0037 286.14)
----surface-tertiary:
oklch(0.2721 0.0024 247.91)
----segment:
oklch(0.3964 0.01 285.93)
----segment-foreground:
----default-soft:
----default-soft-foreground:
----primary-soft:
----primary-soft-foreground:
----destructive-soft:
----destructive-soft-foreground:
----warning-soft:
----warning-soft-foreground:
----success-soft:
----success-soft-foreground:
----color-chart-4:
----color-chart-3:
----color-chart-2:
----color-chart-1:
----color-ring:
----color-input:
----color-border:
----color-destructive:
----color-default:
----color-default-foreground:
----color-secondary-foreground:
----color-secondary:
----color-primary-foreground:
----color-primary:
----color-popover-foreground:
----color-popover:
----color-card-foreground:
----color-card:
----color-foreground:
----color-background:
----color-destructive-foreground:
----color-accent-foreground:
----color-accent:
----color-muted-foreground:
----color-muted:
----color-success:
----color-success-foreground:
----color-warning:
----color-warning-foreground:
----color-surface:
----color-surface-secondary:
----color-surface-tertiary:
----color-segment:
----color-segment-foreground:
----color-default-soft:
----color-default-soft-foreground:
----color-primary-soft:
----color-primary-soft-foreground:
----color-destructive-soft:
----color-destructive-soft-foreground:
----color-warning-soft:
----color-warning-soft-foreground:
----color-success-soft:
----color-success-soft-foreground:
----radius-xs:
----radius-sm:
----radius-md:
----radius-lg:
----radius-xl:
----radius-2xl:
----radius-3xl:
----radius-4xl:
----animate-skeleton: