Component

Theme Provider

App-level next-themes wrapper. No visible chrome of its own — mount once at the root so ThemeToggle and dark tokens work.

Provider

ThemeProvider is active

Card

Surfaces use design tokens that flip with light / dark.

Muted

Try Light / System / Dark with the toggle.

Brand

Installation

import { ThemeProvider } from "atroui"

Usage

Wrap the app root once with enableSystem so ThemeToggle’s System option follows prefers-color-scheme. Docs already mounts it this way.