Important: This documentation is about an older version. It's relevant only to the release noted, many of the features and functions have been updated or replaced. Please view the current version.
GrafanaTheme2 interface
This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
Next gen theme model introduced in Grafana v8.
Signature
export interface GrafanaTheme2 Import
import { GrafanaTheme2 } from '@grafana/data';Properties
| Property | Type | Description |
|---|---|---|
| breakpoints | ThemeBreakpoints | (BETA) |
| colors | ThemeColors | (BETA) |
| components | ThemeComponents | (BETA) |
| isDark | boolean | (BETA) |
| isLight | boolean | (BETA) |
| name | string | (BETA) |
| shadows | ThemeShadows | (BETA) |
| shape | ThemeShape | (BETA) |
| spacing | ThemeSpacing | (BETA) |
| transitions | ThemeTransitions | (BETA) |
| typography | ThemeTypography | (BETA) |
| v1 | GrafanaTheme | (BETA) |
| visualization | ThemeVisualizationColors | (BETA) |
| zIndex | ThemeZIndices | (BETA) |
This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
breakpoints property
Signature
breakpoints: ThemeBreakpoints;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
colors property
Signature
colors: ThemeColors;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
components property
Signature
components: ThemeComponents;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
isDark property
Signature
isDark: boolean;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
isLight property
Signature
isLight: boolean;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
name property
Signature
name: string;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
shadows property
Signature
shadows: ThemeShadows;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
shape property
Signature
shape: ThemeShape;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
spacing property
Signature
spacing: ThemeSpacing;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
transitions property
Signature
transitions: ThemeTransitions;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
typography property
Signature
typography: ThemeTypography;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
v1 property
Signature
v1: GrafanaTheme;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
visualization property
Signature
visualization: ThemeVisualizationColors;This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
zIndex property
Signature
zIndex: ThemeZIndices;Was this page helpful?
Related resources from Grafana Labs
