Menu

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.

Enterprise Open source

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

typescript
export interface GrafanaTheme2 

Import

typescript
import { GrafanaTheme2 } from '@grafana/data';

Properties

PropertyTypeDescription
breakpointsThemeBreakpoints(BETA)
colorsThemeColors(BETA)
componentsThemeComponents(BETA)
isDarkboolean(BETA)
isLightboolean(BETA)
namestring(BETA)
shadowsThemeShadows(BETA)
shapeThemeShape(BETA)
spacingThemeSpacing(BETA)
transitionsThemeTransitions(BETA)
typographyThemeTypography(BETA)
v1GrafanaTheme(BETA)
visualizationThemeVisualizationColors(BETA)
zIndexThemeZIndices(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

typescript
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

typescript
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

typescript
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

typescript
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

typescript
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

typescript
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

typescript
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

typescript
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

typescript
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

typescript
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

typescript
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

typescript
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

typescript
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

typescript
zIndex: ThemeZIndices;