Skip to main content

ThemeTokens

@lowcode/ui-kit


Interface: ThemeTokens

Defined in: theme/ThemeTypes.ts:11

Набор семантических токенов для одной темы. Эти токены описывают базовые цвета и могут использоваться в компонентах и для генерации CSS-переменных.

Properties

colors

colors: object

Defined in: theme/ThemeTypes.ts:21

Цветовые токены для текущей темы. Значения задаются в формате HEX или CSS-цветов.

background

background: string

Цвет фонового слоя приложения (основной фон редактора).

border

border: string

Цвет тонких рамок и границ.

borderStrong

borderStrong: string

Цвет более выраженных (контрастных) рамок.

danger

danger: string

Цвет для ошибок, предупреждений и опасных действий.

dangerSoft

dangerSoft: string

Мягкий фон для ошибок и опасных состояний.

info

info: string

ℹ️ Цвет для информационных / процессных состояний (например, dataSourceCallStarted).

infoSoft

infoSoft: string

Мягкий фон для info-состояний.

primary

primary: string

Основной акцентный цвет (primary).

primaryHover

primaryHover: string

Цвет акцентного элемента в состоянии наведения (hover).

primarySoft

primarySoft: string

Мягкий фон для акцентных элементов (например, чипы, бейджи).

success

success: string

Цвет для успешных состояний (success).

successSoft

successSoft: string

Мягкий фон для успешных состояний.

surface

surface: string

Цвет поверхности для основных панелей и карточек.

surfaceMuted

surfaceMuted: string

Цвет более "мягкой" поверхности (вторичный фон панелей).

text

text: string

Основной цвет текста.

textMuted

textMuted: string

Вторичный (приглушённый) цвет текста.

warning

warning: string

⚠️ Цвет для предупреждений (warning).

warningSoft

warningSoft: string

Мягкий фон для предупреждений.


name

name: ThemeName

Defined in: theme/ThemeTypes.ts:15

Имя темы (например, "light" или "dark").