40f29777e553

fix undefined CSS vars: replace dead --ac-r/g/b with color-mix(--peach-accent); add aliases for --peach-t4, --peach-text-dim, --peach-bg-card, --peach-border, --peach-mono

time
2026-05-07 14:43 UTC · 5 months ago
machine
koh2
parent
60d971d11986
2 files src/popup/styles/popup.css+2 −2src/popup/styles/vars.css+5 −0
src/popup/styles/popup.css+2 −2
@@ -583,11 +583,11 @@583583   flex-shrink: 0;584584 }585585 .peach-inline-save-btn {586-  background: rgba(var(--ac-r, 217), var(--ac-g, 104), var(--ac-b, 48), 0.18);586+  background: color-mix(in srgb, var(--peach-accent) 18%, transparent);587587   color: var(--peach-accent);588588 }589589 .peach-inline-save-btn:hover:not(:disabled) {590-  background: rgba(var(--ac-r, 217), var(--ac-g, 104), var(--ac-b, 48), 0.30);590+  background: color-mix(in srgb, var(--peach-accent) 30%, transparent);591591 }592592 .peach-inline-cancel-btn {593593   background: rgba(240, 232, 216, 0.06);

view file

src/popup/styles/vars.css+5 −0
@@ -124,6 +124,11 @@124124   --peach-t1: var(--t1);125125   --peach-t2: var(--t2);126126   --peach-t3: var(--t3);127+  --peach-t4: var(--t4);128+  --peach-text-dim: var(--peach-t1);129+  --peach-bg-card: var(--surface-card);130+  --peach-border: var(--peach-t3);131+  --peach-mono: var(--font-mono);127132   --peach-accent: var(--ac);128133   --peach-accent-dim: color-mix(in srgb, var(--peach-accent) 25%, transparent);129134   --peach-glow: #F49C702A;        /* accent bloom behind buttons/illustrations — set by applyAccent() */

view file