f365.theme, CSS theme tokens
Read the form's current theme tokens, colours, spacing, typography, as a flat object.
f365.theme is a read-only snapshot of the CSS custom properties defined on the form's
root element, keyed without the leading --. Use it when you need to programmatically
style something that the form's CSS variables drive.
Surface
| Property | Description |
|---|---|
f365.theme[name] | String value of the named CSS variable. Returns undefined when the variable is not defined. |
Example
Use the brand colour in a custom inline style
const brand = f365.theme['brand-orange'] ?? '#ff6100';
f365.field('StatusBar').el().style.background = brand;