Mercurial

comparison .claude/skills/zenbu-design-system/SKILL.md @ 256:30c2196d03d4

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[site] Integrate Zenbu themes and components Co-authored-by: Copilot <[email protected]>
author MrJuneJune <me@mrjunejune.com>
date Tue, 04 Aug 2026 16:49:01 -0700
parents 2b6e732087ff
children 60a876c4587a
comparison
equal deleted inserted replaced
255:5ec271d612ae 256:30c2196d03d4
38 keyboard calendar rather than exposing the browser's default date picker. 38 keyboard calendar rather than exposing the browser's default date picker.
39 - Browser acceptance must exercise every catalog route at desktop and mobile 39 - Browser acceptance must exercise every catalog route at desktop and mobile
40 widths and reject horizontal page overflow. 40 widths and reject horizontal page overflow.
41 - Preserve the warm, restrained MUJI-like visual character: paper neutrals, 41 - Preserve the warm, restrained MUJI-like visual character: paper neutrals,
42 natural material colors, strong typography, and deliberate color accents. 42 natural material colors, strong typography, and deliberate color accents.
43 - Treat themes as semantic-token compositions. Preserve the built-in Paper,
44 Ink, and Playful themes plus automatic system light/dark behavior; components
45 must not branch on theme names.
43 - Use semantic `--zen-color-*` aliases in component CSS. Use primitive ramps 46 - Use semantic `--zen-color-*` aliases in component CSS. Use primitive ramps
44 or the ten data tokens only when a semantic role does not fit; never encode 47 or the ten data tokens only when a semantic role does not fit; never encode
45 meaning through color alone. 48 meaning through color alone.
46 - Raw color literals are forbidden outside `src/styles/tokens.css`. Run 49 - Raw color literals are forbidden outside `src/styles/tokens.css`. Run
47 `//design_system/test:design_system_policy_test` whenever styles, components, 50 `//design_system/test:design_system_policy_test` whenever styles, components,