themes/high_contrast.ts view source
{ name: string; variables: { name: string; dark?: string | undefined; base?: string | undefined; summary?: string | undefined; }[]; summary?: string | undefined; scheme?: "dark" | "light" | "dual" | undefined; } type Theme
import {high_contrast_theme} from '@fuzdev/fuz_css/themes/high_contrast.js'; Stretched contrast: a pure white page background in light mode and a deepened one in dark, text bent toward the contrast end - curve-knob moves, not stop surgery - darker links, and stronger borders.
The dark ground stops short of pure black because the bottom of the lightness range carries almost no luminance: going to black buys text a sliver of contrast while collapsing the surface steps and weakening borders. The text bend is moderate for a similar reason - the stretched ground already takes body text past AAA, and a harder bend lifts disabled and subtle text to nearly body contrast, flattening the hierarchy those stops encode.
On the white ground an input's sunken fill has nowhere to go, so the border
alone marks a control, and it moves up the shade ramp to stay past 3:1
against the page. Panels get a ring in that border color, since their faint
fill reads as nothing beside the louder text and borders - which replaces a
theme's own panel_shadow while the modifier holds.