> ## Documentation Index
> Fetch the complete documentation index at: https://docs.graphy.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# EditorTheme

## Structure

```tsx theme={null}
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`](/sdk/reference/graph-theme#semantic-font-tokens). 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](https://developer.mozilla.org/en-US/docs/Web/CSS/font), 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 |


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.