Dark mode toggle
A pure CSS dark mode toggle using :has() on the root element to switch custom properties.
CSS color snippets: gradients, shadows, glassmorphism, dark mode, and oklch theming. Every snippet includes a live demo, copyable CSS, and an LLM-ready prompt.
A pure CSS dark mode toggle using :has() on the root element to switch custom properties.
A frosted glass card using backdrop-filter and oklch colors.
A card with a vibrant gradient border using background-clip and oklch colors.
Apply a vivid gradient to text using background-clip.
Multi-layer box-shadow for natural depth.
The light-dark() CSS function: one-line dark mode color switching.
Glassmorphism with backdrop-filter and oklch(): live demo, copy CSS, and LLM prompt.