KitTheme
KitTheme =
object
Defined in: kit/theme.ts:18
The visual tokens every kit primitive is drawn with. By default they are extracted from the recorded app (its primary button, root CSS variables, body font and colour scheme) so overlays look like the product; a project or a single overlay can override any of them.
Properties
Section titled “Properties”accent
Section titled “accent”accent:
string
Defined in: kit/theme.ts:20
The app’s primary / accent colour: rings, step markers, accent badges.
accentForeground
Section titled “accentForeground”accentForeground:
string
Defined in: kit/theme.ts:22
Text and icon colour on accent.
accentSoft
Section titled “accentSoft”accentSoft:
string
Defined in: kit/theme.ts:24
accent at low alpha, for glows and soft fills.
fontFamily
Section titled “fontFamily”fontFamily:
string
Defined in: kit/theme.ts:32
Font family for every kit text. inherit keeps the overlay host stack.
onSurface
Section titled “onSurface”onSurface:
string
Defined in: kit/theme.ts:28
Text colour on surface.
radius
Section titled “radius”radius:
number
Defined in: kit/theme.ts:30
Control corner radius in CSS px.
scheme
Section titled “scheme”scheme:
"light"|"dark"
Defined in: kit/theme.ts:34
Whether the recorded app is light or dark, for scrims and shadows.
surface
Section titled “surface”surface:
string
Defined in: kit/theme.ts:26
Background of callouts and neutral badges.