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

  1. export interface GrafanaTheme2

Import

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

Properties

PropertyTypeDescription
breakpointsThemeBreakpoints(BETA)
colorsThemeColors(BETA)
componentsThemeComponents(BETA)
flags{
topnav?: boolean;
}
(BETA) feature flags that might impact component looks
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

  1. 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

  1. 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

  1. 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.

flags property

feature flags that might impact component looks

Signature

  1. flags: {
  2. topnav?: boolean;
  3. };

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

  1. 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

  1. 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

  1. 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

  1. 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

  1. 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

  1. 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

  1. 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

  1. 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

  1. 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

  1. 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

  1. zIndex: ThemeZIndices;