Theme

Theme represents a CMS-defined visual theme (colors, typography, and brand assets). Pages reference it via Page.theme, and hero slides can also reference it via HeroSlide.theme. Also the header and footer can use a custom theme, overwriting the style of said components.

Props

id●

string

required

Theme id in the CMS.

name●

string

required

Unique theme name. Read-only after create.

userId●

string

required

Owner/creator identifier. Set automatically on create. Read-only afterwards.

Fonts

defaultFont●

Font

required

Required base font for the theme.

additionalFonts●

Font[]

Optional additional fonts available to the renderer.

Root font sizes

rootFontSize●

number

required

Root font size (px) for mobile and tablet. Default: 16.

borderWidth●

number

required

Global border width (px), supports decimal values. Default: 2.

rootFontSizeLargeScreen●

number

required

Root font size (px) for desktop. Default: 18.

Colors

All color relationships are required on create.

colorPrimary●

ColorVariant

required

Primary color variant.

colorSecondary●

ColorVariant

required

Secondary color variant.

colorAccent●

ColorVariant

required

Accent color variant.

colorAlert●

ColorVariant

required

Alert/warning color variant.

Brand assets

favIconUrl●

string

Optional SVG favicon upload (vector image). Storage backend differs between production and local.

logoImage●

ImageList

Optional logo image.

Theme usage

Add generic graphic, explaining theme appliance