> ## 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       |