Color scheme debug
Verifies lk-color-scheme,
prefers-color-scheme,
and how text/surfaces/shapes read in Light/Dark/System.
Live state
Stored: …
Prefers dark: …
html.dark: …
data-scheme: …
color-scheme: …
Scheme
prefers-color-scheme: dark
…
State
loading…
System mode tracks the OS/browser setting (prefers-color-scheme), not time-of-day.
Typography
Heading
Paragraph text should remain readable on both surfaces. Primary link.
Muted text example with emphasis.
Surfaces
Base
body / section
Card
surface
Primary
Accent
Destructive
Muted
Shapes
Text on blur
This block shows the blur shape behind text so we can validate contrast in both modes.
Text on curve
Curves should stay subtle and not wash out foreground text.