diff options
| author | Craig Jennings <c@cjennings.net> | 2026-06-16 08:37:46 -0500 |
|---|---|---|
| committer | Craig Jennings <c@cjennings.net> | 2026-06-16 08:37:46 -0500 |
| commit | 65978dfe55fc5b29a7f6a3bfab386ed01c976ac0 (patch) | |
| tree | de6521eff62c7918df187274bb997e55d10b7497 /scripts/theme-studio/styles.css | |
| parent | 28a82ef059b5e8046d2e8fbf25a8b213c09484b0 (diff) | |
| download | dotemacs-65978dfe55fc5b29a7f6a3bfab386ed01c976ac0.tar.gz dotemacs-65978dfe55fc5b29a7f6a3bfab386ed01c976ac0.zip | |
fix(theme-studio): make the color picker stand out from the page
The picker panel's background (#161412) sat a few shades off the page background (#0d0b0a), so it was hard to tell apart from the page. I gave it the studio's gold accent border (#e8bd30) and lifted the background to #1f1c19, both already used in the toolbar chrome, so the panel reads as a distinct surface. The #pickertest gate asserts the accent border and a per-channel background lift of at least 12 over the page, so the distinction can't quietly regress.
Diffstat (limited to 'scripts/theme-studio/styles.css')
| -rw-r--r-- | scripts/theme-studio/styles.css | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/scripts/theme-studio/styles.css b/scripts/theme-studio/styles.css index 6a2d08d9..720539cf 100644 --- a/scripts/theme-studio/styles.css +++ b/scripts/theme-studio/styles.css @@ -96,7 +96,7 @@ .palctl input[type=text]::placeholder{color:#b4b1a2;opacity:1} .palctl{position:relative} .swatch{width:128px;height:58px;border:1px solid #555;border-radius:6px;cursor:pointer;background:#888} - .picker{display:none;position:absolute;top:66px;left:0;z-index:60;background:#161412;border:1px solid #3a3a3a;border-radius:8px;padding:12px;box-shadow:0 10px 30px #000b;width:470px} + .picker{display:none;position:absolute;top:66px;left:0;z-index:60;background:#1f1c19;border:1px solid #e8bd30;border-radius:8px;padding:12px;box-shadow:0 10px 30px #000b;width:470px} .picker .prow{display:flex;gap:10px} .sv{position:relative;width:400px;height:320px;border-radius:4px;cursor:crosshair} .svmask{position:absolute;inset:0;pointer-events:none;border-radius:4px} |