Properties
A preview note, so a theme has something to be a theme of. Headings, body text,
a link to the Reading list, and the occasional highlight all take their
colour from the palette rather than from this note.
What ornament changes
Frames, shadows, textures and folds are chosen per role — surfaces, boxes, and
controls — so a theme dresses this callout without naming it.
Code, quoted text, and tasks
export function palette(theme: Theme): Palette {
const tokens = resolve(theme.vars);
return { ...tokens, accent: tokens.accent ?? DEFAULT_ACCENT };
}
A blockquote sits in the same ornament role as a callout, which is why the two
pick up a frame together.
Pick a background and an accent
Try a texture behind the page
Decide it looks better than the last one
Tagged #themes #design
139 words · 815 chars