Solid

@themvora/solid

SolidSignals6 exports

Solid provider, signals and scopes with fine-grained reactivity.

Verified with Themvora 2.0.0·Updated 2026-09-17

Prerequisites

Package Manager

npm, pnpm, yarn, or bun

Dependencies

@themvora/core (peer dependency)

Use Case

Solid projects with theme support

Installation

View on npm ↗Source ↗

Install the integration — @themvora/core is pulled in automatically as a dependency.

bash

pnpm add @themvora/solid

Quick Start

Complete copy-paste usage for this package.

App.tsx

TSX / JSX

import { ThemeProvider, useTheme } from "@themvora/solid";

function App() {
  return (
    <ThemeProvider>
      <Switcher />
    </ThemeProvider>
  );
}

function Switcher() {
  const theme = useTheme();
  return (
    <button onClick={() => theme.toggleTheme()}>
      {theme.theme().name} · {theme.mode()}
    </button>
  );
}

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.