# SystemThemeOptions

Canonical page: https://www.adaptabletools.com/docs/reference/systemthemeoptions

Pairing options between AG Grid and AdapTable themes

```ts title="TypeScript"
export interface SystemThemeOptions 
```

## Properties

| Property | Type | Description |
| --- | --- | --- |
| [AgThemeMode](https://www.adaptabletools.com/docs/reference/systemthemeoptions.md#agthememode) | `TypeHint<string, 'light' \| 'dark' \| 'dark-blue'>` | AG Grid theme mode to apply when this theme is selected; valid values are `light`, `dark`, `dark-blue` or any custom theme mode defined in AG Grid |
| [Name](https://www.adaptabletools.com/docs/reference/systemthemeoptions.md#name) | [`SystemThemeName`](https://www.adaptabletools.com/docs/reference/systemthemename.md) | Shipped theme this entry configures: `light`, `dark`, or `os` |

## Property Details

### AgGridClassName

Ag Grid theme to apply when loading theme; relevant only when using legacy AG Grid themes

```ts title="TypeScript"
AgGridClassName?: string;
```

###### Deprecated

no longer used with new AG Grid Theming API

###### Property Value

`string`

### AgThemeMode

AG Grid theme mode to apply when this theme is selected; valid values are `light`, `dark`, `dark-blue` or any custom theme mode defined in AG Grid

```ts title="TypeScript"
AgThemeMode?: TypeHint<string, 'light' | 'dark' | 'dark-blue'>;
```

###### Property Value

`TypeHint<string, 'light' | 'dark' | 'dark-blue'>`

### Name

Shipped theme this entry configures: `light`, `dark`, or `os`

```ts title="TypeScript"
Name: SystemThemeName;
```

###### Property Value

[`SystemThemeName`](https://www.adaptabletools.com/docs/reference/systemthemename.md)