themes/pebble.ts

view source

Declarations
#

pebble_theme
#

themes/pebble.ts view source

{ name: string; variables: { name: string; light?: string | undefined; dark?: string | undefined; summary?: string | undefined; }[]; summary?: string | undefined; scheme?: "dark" | "light" | "dual" | undefined; scheme_mirror?: { ...; }[] | undefined; }

type Theme

import {pebble_theme} from '@fuzdev/fuz_css/themes/pebble.js';

An exemplar theme: the river pebble. Structure comes from depth and softness - round corners, worn to pills on the controls, controls that sit raised on a soft drop shadow and press inward, panels that lift a little off the page, and generous spacing. A cool gray whisper in the neutral and one sans family at a semibold heading weight.

Dual-scheme: in dark the drop falls into the shadow_color_shroud black while the top edge catches a little light. Built from levers only - the palette letters keep their default hues, and nothing is pushed past the gamut caps.

Depends on
#