Solid
@theme-kit/solid
SolidSignals6 exports
Solid provider, signals and scopes with fine-grained reactivity.
Installation
Install the integration alongside @theme-kit/core.
pnpm add @theme-kit/solidQuick Start
Complete copy-paste usage for this package.
1import { ThemeProvider, useTheme } from "@theme-kit/solid";
2
3function App() {
4 return (
5 <ThemeProvider themes={themes}>
6 <Switcher />
7 </ThemeProvider>
8 );
9}
10
11function Switcher() {
12 const theme = useTheme();
13 return (
14 <button onClick={() => theme.toggleTheme()}>
15 {theme.theme().name} · {theme.mode()}
16 </button>
17 );
18}API Reference
Curated highlights below. The complete generated reference — every signature, parameter and type — is at /api-reference/solid.
Provider
| Export | Description |
|---|---|
ThemeProvider | Context provider with bindings. |
useTheme | Signals for theme, mode and family with getters. |
Hooks
| Export | Description |
|---|---|
useThemeHistory / useThemeBatch | History and batching. |
useThemeSnapshot / useThemeRestore | Serialize / restore. |
useThemeLifecycle / useThemePacks | Events and packs. |
Components
| Export | Description |
|---|---|
ThemeScope | Scoped theming. |