diff options
| author | Craig Jennings <c@cjennings.net> | 2026-06-09 19:23:05 -0500 |
|---|---|---|
| committer | Craig Jennings <c@cjennings.net> | 2026-06-09 19:23:05 -0500 |
| commit | 7d69d4df0086a408a52c85aedf1516eef18a1dce (patch) | |
| tree | 62151e90961fd0e7ac5fff449822b56da1283567 /scripts/theme-studio/styles.css | |
| parent | db67b9a482144a98bca0f6c70154daefc936dcb0 (diff) | |
| download | dotemacs-7d69d4df0086a408a52c85aedf1516eef18a1dce.tar.gz dotemacs-7d69d4df0086a408a52c85aedf1516eef18a1dce.zip | |
feat(theme-studio): show the hex under each ramp preview tile
Each ramp step tile showed only its derived name. It now shows the hex underneath too, matching the palette chips, so you can read the generated value without hovering for the title. The #ramptest gate asserts every tile carries its hex line.
Diffstat (limited to 'scripts/theme-studio/styles.css')
| -rw-r--r-- | scripts/theme-studio/styles.css | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/scripts/theme-studio/styles.css b/scripts/theme-studio/styles.css index a4aa7c04..b874ee72 100644 --- a/scripts/theme-studio/styles.css +++ b/scripts/theme-studio/styles.css @@ -66,7 +66,8 @@ .ramprow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font:10pt monospace;color:#b4b1a2} .ramprow input[type=number]{background:#0d0b0a;border:1px solid #252321;color:#cdced1;border-radius:4px;padding:4px 6px;font:10pt monospace} .rampprev{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px} - .rchip{width:74px;height:48px;border-radius:5px;border:1px solid #555;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;font:bold 9pt monospace} + .rchip{width:74px;height:48px;border-radius:5px;border:1px solid #555;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font:bold 9pt monospace;line-height:1.3} + .rchip .rhex{font-weight:normal;font-size:8pt;opacity:.85} .rchip .rclamp{position:absolute;top:2px;right:4px;color:#cb6b4d;font-weight:bold;font-size:12px} #rampmsg{font:10pt monospace;margin-top:6px;min-height:14px;color:#8a9496} .svsafe{position:absolute;left:0;width:100%;background:rgba(203,107,77,0.30);border-bottom:2px solid #cb6b4d;pointer-events:none;z-index:2} |