Skip to content

domain/appearance/accent-presets

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

The accent of a color mode, as CSS.

readonly dark: string

Defined in: app/src/domain/appearance/accent-presets.ts:10

readonly light: string

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

AccentPreset = typeof accentPresets[number]

Defined in: app/src/domain/appearance/accent-presets.ts:5

An accent preset.

const accentPresets: readonly ["blue", "teal", "green", "orange", "red", "graphite"]

Defined in: app/src/domain/appearance/accent-presets.ts:2

Identifiers of the accent colors offered without picking a custom color.


const presetAccentColors: Readonly<Record<AccentPreset, AccentColors>>

Defined in: app/src/domain/appearance/accent-presets.ts:18

The accents of the presets, as accentColors in accent.ts computes them. They are written out, so the start of the browser needs no color math for a preset; a test checks that they match.

isAccentPreset(accent): accent is “blue” | “teal” | “green” | “orange” | “red” | “graphite”

Defined in: app/src/domain/appearance/accent-presets.ts:31

Whether an accent is one of the presets.

string

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

accent is “blue” | “teal” | “green” | “orange” | “red” | “graphite”