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.

Documentation Grafana documentation API Reference @grafana/data GrafanaTheme2

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 Copy

export interface GrafanaTheme2 

Import

typescript Copy

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

Properties

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 Copy

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 Copy

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 Copy

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 Copy

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 Copy

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 Copy

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 Copy

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 Copy

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 Copy

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 Copy

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 Copy

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 Copy

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 Copy

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 Copy

zIndex: ThemeZIndices;