Skip to main content

Function: createThemeRuntime()

createThemeRuntime(config?): ThemeRuntime

Defined in: runtime.ts:132

Creates a framework-agnostic runtime that manages theme switching.

  • Sets data-tt-mode (and data-tt-theme when defaultTheme is provided) attributes on the root element.
  • Updates style.colorScheme for native dark/light UI.
  • Persists { mode } to localStorage.
  • Listens to prefers-color-scheme media query when mode is 'system'.
  • Pub/sub pattern for state changes.

Parameters​

ParameterType
configThemeRuntimeConfig

Returns​

ThemeRuntime

Example​

const runtime = createThemeRuntime({ defaultMode: 'dark' });
runtime.setMode('system');
const unsub = runtime.subscribe(console.log);
runtime.destroy();