Skip to content

Snapshot for @system-core/core 0.8.x. Current docs live at /.

theme

Generated Reference

Theme tokens, presets, and CSS generation utilities for branded sites and editor tooling. This page is generated from core/cms/theme/index.ts against package version 0.8.1 on the 0.8 docs line.

Import

ts
import { THEME_PRESETS, tokensToCssVariables } from '@system-core/core/theme'

Entry

FieldValue
Import path@system-core/core/theme
Package export./theme
Source entrycore/cms/theme/index.ts
Exported symbols14
Runtime file./dist/theme.js
Types file./dist/theme.d.ts

Use This Surface When

  • Use this for site theming, token application, and preset-driven styling.
  • Keep theming shared across public sites and admin builders.
  • Pair it with site-client and sections for visual composition.

Public Surface

Functions

ExportKindSource
applyThemeToDomfunctioncore/cms/theme/css.ts
generateThemeInlineScriptfunctioncore/cms/theme/css.ts
tokensToCssVariablesfunctioncore/cms/theme/css.ts

Consts

ExportKindSource
THEME_PRESET_METAconstcore/cms/theme/presets.ts
THEME_PRESETSconstcore/cms/theme/presets.ts

Interfaces

ExportKindSource
ThemeBackgroundColorsinterfacecore/cms/types/index.ts
ThemeBrandColorsinterfacecore/cms/types/index.ts
ThemeCategoryColorsinterfacecore/cms/types/index.ts
ThemeConfiginterfacecore/cms/types/index.ts
ThemeFooterColorsinterfacecore/cms/types/index.ts
ThemeHeaderColorsinterfacecore/cms/types/index.ts
ThemePresetDefinitioninterfacecore/cms/types/index.ts
ThemeStatusColorsinterfacecore/cms/types/index.ts
ThemeTokensinterfacecore/cms/types/index.ts

system-core documentation for maintainers, integrators, and AI build agents.