Theme
ThemeProvider
React context provider for light, dark, and system theme — toggles html.dark and persists manic-theme.
<ThemeProvider>
Wrap your tree once (typically around Router in app/main.tsx) so useTheme, ThemeToggle, and CSS dark class toggling work.
import { } from 'manicjs';
import { } from 'manicjs';
<>
<>
< />
</>
</>Props
Prop
Type
Behavior
| Detail | Implementation |
|---|---|
| Persistence | Reads/writes localStorage key manic-theme (light | dark | system). |
| DOM | Adds/removes dark on <html> via applyTheme. |
| System | Listens for prefers-color-scheme when preference is system. |
Imports
import { ThemeProvider } from 'manicjs';
import { ThemeProvider } from 'manicjs/theme';