domain/appearance/accent

Interfaces

Oklch

Defined in: app/src/domain/appearance/accent.ts:6

A color in OKLCH: lightness 0-1, chroma and hue in degrees.

Properties

c

readonly c: number

Defined in: app/src/domain/appearance/accent.ts:8

h

readonly h: number

Defined in: app/src/domain/appearance/accent.ts:9

l

readonly l: number

Defined in: app/src/domain/appearance/accent.ts:7

Variables

minimumAccentContrast

const minimumAccentContrast: 4.5 = 4.5

Defined in: app/src/domain/appearance/accent.ts:34

Contrast that accents keep against those surfaces, as WCAG requires for text.

Functions

accentColors()

accentColors(accent): AccentColors

Defined in: app/src/domain/appearance/accent.ts:42

Computes the accent for light and dark mode. A preset or a custom #rrggbb color keeps its hue; its lightness changes only as far as needed for a contrast of at least 4.5:1 against the surfaces of each mode.

Parameters

accent

string

A preset, such as blue, or a custom color, such as #2a7f62.

Returns

AccentColors

---

contrastRatio()

contrastRatio(a, b): number

Defined in: app/src/domain/appearance/accent.ts:57

The WCAG contrast ratio of two OKLCH colors.

Parameters

a

Oklch

One color.

b

Oklch

The other color.

Returns

number

A ratio from 1 to 21.

---

oklchFromHex()

oklchFromHex(hex): Oklch

Defined in: app/src/domain/appearance/accent.ts:66

Reads a #rrggbb color.

Parameters

hex

string

The color; anything else reads as black.

Returns

Oklch

References

AccentColors

Re-exports AccentColors

---

AccentPreset

Re-exports AccentPreset

---

accentPresets

Re-exports accentPresets