diff options
| author | Craig Jennings <c@cjennings.net> | 2026-06-09 18:58:10 -0500 |
|---|---|---|
| committer | Craig Jennings <c@cjennings.net> | 2026-06-09 18:58:10 -0500 |
| commit | 59e1289964ca5a42704e9fd74195ce050d5eff36 (patch) | |
| tree | d71c68ac365e9c1377303ec07ebef41117d5e7ed /scripts/theme-studio/README.md | |
| parent | 31c076f5e1d4a406235777069c3bbbf6e823a2bc (diff) | |
| download | dotemacs-59e1289964ca5a42704e9fd74195ce050d5eff36.tar.gz dotemacs-59e1289964ca5a42704e9fd74195ce050d5eff36.zip | |
feat(theme-studio): add the ramp UI in the palette
A ramp button on the palette controls opens a panel that generates a tonal ramp from the current color and previews the steps. Each step is a swatch labeled with its derived name (blue, blue+1, blue-1) and a clamp badge when the color left the sRGB gamut, so an out-of-gamut step is visible before it's added. The n, stepL, and chroma-ease controls default to 2 / 0.08 / 0.5 and re-preview live.
Clicking a step adds it to the palette; "add all" adds the lot. Steps insert adjacent to the source swatch in -n..+n order. A name collision is flagged and skipped rather than overwriting an existing color, and a generated hex that already matches another entry is added but flagged as a duplicate.
This is Phase 2, the DOM around the pure ramp() from Phase 1. A new #ramptest browser gate pins the step count, the ordered insertion after the source, the collision skip, and the clamp badge on an out-of-gamut step.
Diffstat (limited to 'scripts/theme-studio/README.md')
0 files changed, 0 insertions, 0 deletions
