🎨

Colors

Semantic color system with automatic dark mode support. All colors use OKLCH for perceptual uniformity.

Base Colors

Neutral colors for backgrounds and content

base-100

Main background

bg-base-100

base-200

Elevated surfaces

bg-base-200

base-300

Borders & dividers

bg-base-300

Brand Colors

Vibrant accents: Electric Cyan, Lime Green, Hot Pink

primary

Electric Cyan

bg-primary

secondary

Lime Green

bg-secondary

accent

Hot Pink

bg-accent

Semantic Colors

Contextual colors for feedback and status

info

Blue

bg-info

success

Green

bg-success

warning

Orange

bg-warning

error

Red

bg-error

Neutral

Neutral dark color for UI elements

neutral

Dark gray

bg-neutral

Border Color Overrides

Automatic themed borders, but can be overridden with utility classes

Automatic

bg-primary border-4

Matching

border-secondary

Custom

border-warning

No Border

(no border class)

Dark Mode

Toggle dark mode with the theme controller in the navbar (top-right) to see automatic color adjustments.