EditorTheme - Graphy SDK

Structure

interface EditorTheme {
  values: EditorThemeValues;
}

Property	Type	Description
`values`	`EditorThemeValues`	Design tokens (see below)

EditorThemeValues

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)). EditorTheme inherits the base and semantic tokens from GraphTheme. Modify these tokens in the graph theme to update multiple elements at once.

Color tokens

Token	Purpose
`graphTypeButtonIcon`	Icon color for buttons in the graph type picker

Font tokens

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.

Token	Purpose
`fontInputUnit`	Unit suffix in numeric inputs
`fontInlineError`	Inline validation error messages
`fontToolbarButton`	Toolbar button labels
`fontGridButtonLabel`	Grid/layout button labels
`fontTextScalePreview`	Text scale preview labels
`fontSectionTitle`	Editor panel section titles
`fontSectionBody`	Editor panel section body text
`fontControlLabel`	Control and field labels
`fontAccordionTitle`	Accordion section titles
`fontAnnotationButton`	Annotation action button text
`fontPaletteLabel`	Color palette item labels
`fontHighlightSelected`	Selected highlight mode label
`fontDataTableAccessory`	Data table accessory text
`fontNumberControlValue`	Numeric control value display
`fontTabButtonLabel`	Tab button labels
`fontSelectedPropertyLabel`	Selected property indicator label
`fontSwitchLabel`	Toggle switch labels
`fontDataTableCell`	Data table cell text
`fontDataTableHeaderCell`	Data table header cell text