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

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

Signature

typescript
export interface ThemeColors extends ThemeColorsBase<ThemeRichColor> 

Import

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

Methods

MethodDescription
emphasize(color, amount)(BETA)
getContrastText(background, threshold)(BETA) Returns a text color for the background

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.

emphasize method

Signature

typescript
emphasize(color: string, amount?: number): string;

Parameters

ParameterTypeDescription
colorstring
amountnumber

Returns:

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.

getContrastText method

Returns a text color for the background

Signature

typescript
getContrastText(background: string, threshold?: number): string;

Parameters

ParameterTypeDescription
backgroundstring
thresholdnumber

Returns:

string