Skip to main content

Function: createThemeRuntime()

createThemeRuntime(config): ThemeRuntime

Defined in: runtime.ts:137

Creates a framework-agnostic runtime that manages theme switching.

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

Parameters​

config​

ThemeRuntimeConfig = {}

Returns​

ThemeRuntime

Example​

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