Theme

Defined in: src/theme.ts:8

A named palette. Its colors back the $token style values — see the Theming guide.

Properties

colors

colors: object

Defined in: src/theme.ts:12

Semantic color tokens (referenced in styles as $primary, $surface, …).

Index Signature

[key: string]: string | undefined

Any additional custom token.

accent

accent: string

Tertiary accent / highlights ($accent).

attr-name?

optional attr-name?: string

Syntax: markup attribute names.

background

background: string

App backdrop ($background).

boolean?

optional boolean?: string

Syntax: boolean literals.

border?

optional border?: string

Border lines ($border).

builtin?

optional builtin?: string

Syntax: built-in identifiers.

comment?

optional comment?: string

Code comments (syntax).

dimmed?

optional dimmed?: string

De-emphasized text ($dimmed).

error

error: string

Error / destructive state ($error).

focus?

optional focus?: string

Focus-ring accent ($focus).

foreground

foreground: string

Default text ($foreground).

function?

optional function?: string

Syntax: function names.

gutter?

optional gutter?: string

Editor gutter / line numbers.

keyword?

optional keyword?: string

Syntax: keywords.

number?

optional number?: string

Syntax: numeric literals.

operator?

optional operator?: string

Syntax: operators.

panel

panel: string

A second elevation above surface ($panel).

placeholder?

optional placeholder?: string

Input placeholder text.

primary

primary: string

Primary accent / interactive color ($primary).

property?

optional property?: string

Syntax: object properties.

punctuation?

optional punctuation?: string

Syntax: punctuation.

regexp?

optional regexp?: string

Syntax: regular expressions.

secondary

secondary: string

Secondary accent ($secondary).

selectionBg?

optional selectionBg?: string

Selection background ($selectionBg).

selectionFg?

optional selectionFg?: string

Selection foreground ($selectionFg).

shadow?

optional shadow?: string

Drop-shadow tint.

string?

optional string?: string

Syntax: string literals.

success

success: string

Positive state ($success).

surface

surface: string

Raised surface — cards, panels ($surface).

tag?

optional tag?: string

Syntax: markup tags.

type?

optional type?: string

Syntax: type names.

warning

warning: string

Caution state ($warning).

---

name

name: string

Defined in: src/theme.ts:10

Unique theme name passed to ThemeManager.setTheme.