JSVision

Appearance

@jsvision/core / ThemeColors

Interface: ThemeColors ​

Defined in: color/aliases.ts:25

The 16 semantic color aliases a generated theme is built from.

Each token is a Color (hex, a named ANSI-16 color, or 'default') and carries a fixed meaning — the four groups are text, surface, accent, line, and status. rolesFromAliases maps every one of the 63 UI roles onto its nearest token by purpose, so changing (say) accent re-colors every focus/selection surface at once.

This is a type — it has no runtime footprint and is exempt from the @example doc rule; build a value with createTheme (or an object literal) instead.

Properties ​

accent ​

readonly accent: Color

Defined in: color/aliases.ts:48

The brand/focus color — focused rows, the default button, selected menu/tab fills.

accentMuted ​

readonly accentMuted: Color

Defined in: color/aliases.ts:50

A dimmer/pressed step of accent — a focused button face, an inactive tab.

background ​

readonly background: Color

Defined in: color/aliases.ts:38

The base backdrop — the desktop field behind all windows.

backgroundRaised ​

readonly backgroundRaised: Color

Defined in: color/aliases.ts:40

A raised surface — window/dialog interiors, menus, list bodies; sits above background.

backgroundSelected ​

readonly backgroundSelected: Color

Defined in: color/aliases.ts:44

A selected-but-unfocused row's fill — a quiet highlight distinct from the accent focus fill.

backgroundSunken ​

readonly backgroundSunken: Color

Defined in: color/aliases.ts:42

A sunken surface — the well of an input/editor field, visually recessed below backgroundRaised.

border ​

readonly border: Color

Defined in: color/aliases.ts:54

Frame and border lines on an active surface.

borderMuted ​

readonly borderMuted: Color

Defined in: color/aliases.ts:56

Dimmed border lines — an inactive window frame, an inter-column divider.

danger ​

readonly danger: Color

Defined in: color/aliases.ts:60

Danger / destructive signal — the default red hotkey accent, error emphasis.

foreground ​

readonly foreground: Color

Defined in: color/aliases.ts:28

Primary body text — the default readable foreground on a normal surface.

foregroundDisabled ​

readonly foregroundDisabled: Color

Defined in: color/aliases.ts:32

Disabled text — a greyed control's label; deliberately low-contrast.

foregroundMuted ​

readonly foregroundMuted: Color

Defined in: color/aliases.ts:30

De-emphasized text — captions, dividers, inactive titles; sits on the same surfaces as foreground.

foregroundOnAccent ​

readonly foregroundOnAccent: Color

Defined in: color/aliases.ts:34

Text drawn on the accent fill — a button caption, a focused row; must contrast the accent.

info ​

readonly info: Color

Defined in: color/aliases.ts:66

Informational signal — a "today" marker, a neutral highlight.

success ​

readonly success: Color

Defined in: color/aliases.ts:64

Success / positive signal — a completed action, a drag-in-progress indicator.

warning ​

readonly warning: Color

Defined in: color/aliases.ts:62

Warning / attention signal — the default yellow shortcut accent.