Skip to main content

Structure

GraphThemeCanvasColor

GraphThemeAnnotationColorIds

GraphThemeValues

All tokens are strings resolved to CSS values at render time. Any valid CSS value is supported, including CSS variables (e.g. var(--my-brand-color)). Tokens follow an inheritance hierarchy: Base Tokens define foundational primitives, Semantic Tokens map those primitives to contextual meaning and can be used to update multiple elements at once. Element Tokens target specific UI components for more fine-grained control.

Colors

Base colors

Semantic color tokens

Element color tokens

Fonts

Font tokens are passed to the CSS font property and use the CSS font shorthand syntax, which sets multiple font properties in a single declaration.

Base font tokens

Foundational font properties. Combine these to build higher-level tokens.

Semantic font tokens

Named text styles built from base tokens. Override these to update the font style across all elements that use them.

Element font tokens

Per-component font tokens that reference semantic tokens. Override these to adjust typography for a specific element without affecting others.