Color System

:root (Light Theme)

--background

oklch(1 0 0)

--foreground

oklch(0.145 0 0)

--card

oklch(1 0 0)

--card-foreground

oklch(0.145 0 0)

--popover

oklch(1 0 0)

--popover-foreground

oklch(0.145 0 0)

--primary

oklch(0.205 0 0)

--primary-foreground

oklch(0.985 0 0)

--secondary

oklch(0.97 0 0)

--secondary-foreground

oklch(0.205 0 0)

--muted

oklch(0.97 0 0)

--muted-foreground

oklch(0.556 0 0)

--accent

oklch(0.97 0 0)

--accent-foreground

oklch(0.205 0 0)

--destructive

oklch(0.577 0.245 27.325)

--border

oklch(0.922 0 0)

--input

oklch(0.922 0 0)

--ring

oklch(0.708 0 0)

--chart-1

oklch(0.646 0.222 41.116)

--chart-2

oklch(0.6 0.118 184.704)

--chart-3

oklch(0.398 0.07 227.392)

--chart-4

oklch(0.828 0.189 84.429)

--chart-5

oklch(0.769 0.188 70.08)

--sidebar

oklch(0.985 0 0)

--sidebar-foreground

oklch(0.145 0 0)

--sidebar-primary

oklch(0.205 0 0)

--sidebar-primary-foreground

oklch(0.985 0 0)

--sidebar-accent

oklch(0.97 0 0)

--sidebar-accent-foreground

oklch(0.205 0 0)

--sidebar-border

oklch(0.922 0 0)

--sidebar-ring

oklch(0.708 0 0)

--color-algo-standard-border

oklch(1 0 0)

--color-text-primary

oklch(0.145 0 0)

--color-algo-muted

oklch(0.97 0 0)

--color-algo-active-border

oklch(0.145 0 0)

.dark (Dark Theme)

--background

oklch(0.145 0 0)

--foreground

oklch(0.985 0 0)

--card

oklch(0.205 0 0)

--card-foreground

oklch(0.985 0 0)

--popover

oklch(0.205 0 0)

--popover-foreground

oklch(0.985 0 0)

--primary

oklch(0.922 0 0)

--primary-foreground

oklch(0.205 0 0)

--secondary

oklch(0.269 0 0)

--secondary-foreground

oklch(0.985 0 0)

--muted

oklch(0.269 0 0)

--muted-foreground

oklch(0.708 0 0)

--accent

oklch(0.269 0 0)

--accent-foreground

oklch(0.985 0 0)

--destructive

oklch(0.704 0.191 22.216)

--border

oklch(1 0 0 / 10%)

--input

oklch(1 0 0 / 15%)

--ring

oklch(0.556 0 0)

--chart-1

oklch(0.488 0.243 264.376)

--chart-2

oklch(0.696 0.17 162.48)

--chart-3

oklch(0.769 0.188 70.08)

--chart-4

oklch(0.627 0.265 303.9)

--chart-5

oklch(0.645 0.246 16.439)

--sidebar

oklch(0.205 0 0)

--sidebar-foreground

oklch(0.985 0 0)

--sidebar-primary

oklch(0.488 0.243 264.376)

--sidebar-primary-foreground

oklch(0.985 0 0)

--sidebar-accent

oklch(0.269 0 0)

--sidebar-accent-foreground

oklch(0.985 0 0)

--sidebar-border

oklch(1 0 0 / 10%)

--sidebar-ring

oklch(0.556 0 0)

--color-algo-standard-border

oklch(0.145 0 0)

--color-text-primary

oklch(0.985 0 0)

--color-algo-muted

oklch(0.269 0 0)

--color-algo-active-border

oklch(0.985 0 0)

@theme inline (Mapped Colors)

--color-background

var(--background)

--color-foreground

var(--foreground)

--color-algo-active

#00D084

--color-algo-standard

#00CEFF

--color-algo-secondary

#d6f7ff

--color-algo-highlight

#FCB900

--color-algo-standard-border

#FFF

--color-sidebar-ring

var(--sidebar-ring)

--color-sidebar-border

var(--sidebar-border)

--color-sidebar-accent-foreground

var(--sidebar-accent-foreground)

--color-sidebar-accent

var(--sidebar-accent)

--color-sidebar-primary-foreground

var(--sidebar-primary-foreground)

--color-sidebar-primary

var(--sidebar-primary)

--color-sidebar-foreground

var(--sidebar-foreground)

--color-sidebar

var(--sidebar)

--color-chart-5

var(--chart-5)

--color-chart-4

var(--chart-4)

--color-chart-3

var(--chart-3)

--color-chart-2

var(--chart-2)

--color-chart-1

var(--chart-1)

--color-ring

var(--ring)

--color-input

var(--input)

--color-border

var(--border)

--color-destructive

var(--destructive)

--color-accent-foreground

var(--accent-foreground)

--color-accent

var(--accent)

--color-muted-foreground

var(--muted-foreground)

--color-muted

var(--muted)

--color-secondary-foreground

var(--secondary-foreground)

--color-secondary

var(--secondary)

--color-primary-foreground

var(--primary-foreground)

--color-primary

var(--primary)

--color-popover-foreground

var(--popover-foreground)

--color-popover

var(--popover)

--color-card-foreground

var(--card-foreground)

--color-card

var(--card)