ThemeConfig
@blobs/sdk / constants/themes / ThemeConfig
Defined in: constants/themes.ts:29
Static theme preset shape.
config is a key-value map of CSS custom properties (each starts with
--). The full set of variables a complete theme defines is up to the
consumer; missing properties simply fall through to the page’s default
stylesheet values.
Notable conventions (any theme may set these):
--color-background — solid background color fallback
--app-background-image — full-resolution background image, e.g.
url('/images/bg/foo.png'). Consumed by
the homepage via background-image: var(--app-background-image, none). Set
to none (or omit) to fall back to the
solid color.
--color-primary / -hover brand accent
--color-text-primary body copy
Properties
id
id:
string
Defined in: constants/themes.ts:31
Stable theme ID (e.g., deep-space); used as the lookup key in PREDEFINED_THEMES.
name
name:
string
Defined in: constants/themes.ts:33
Human-readable display name shown in the UI.
description
description:
string
Defined in: constants/themes.ts:35
Short description rendered in theme pickers.
config
config:
Record<string,string>
Defined in: constants/themes.ts:37
CSS custom-property map (e.g., { '--color-primary': '#3b82f6' }).