From 062bb4cabcd8da742f5a2ce94ec2776d50d5c6de Mon Sep 17 00:00:00 2001 From: judy Date: Thu, 25 Jun 2026 15:24:03 +0800 Subject: [PATCH] fix(web/style): activity-chip hover/disabled use theme vars (dark mode fix) Hard-coded #E5E9EF / #F1F4F8 / #A4ADB8 didn't flip under prefers-color-scheme: dark, leaving pale-white pills on dark surface. Same class of bug as icon-rail dark active and xiaof portal text-invisible. - hover bg: #E5E9EF -> var(--surface-hover) - disabled bg: #F1F4F8 -> var(--surface-2) - disabled fg: #A4ADB8 -> var(--text-soft), + opacity .7 - base fg: var(--chip-text) (undefined) -> var(--text) --- web/style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/web/style.css b/web/style.css index aabe851..db3d3fd 100644 --- a/web/style.css +++ b/web/style.css @@ -2910,15 +2910,15 @@ a.mini-avatar.avatar-link:focus-visible { .activity-chip { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 999px; - font-size: 12px; color: var(--chip-text); + font-size: 12px; color: var(--text); background: var(--accent-soft); cursor: pointer; border: 1px solid transparent; user-select: none; } -.activity-chip:hover:not(:disabled) { background: #E5E9EF; } +.activity-chip:hover:not(:disabled) { background: var(--surface-hover); } .activity-chip.is-active { background: var(--brand-blue); color: var(--text-on-accent); } .activity-chip.is-disabled, .activity-chip:disabled { - color: #A4ADB8; background: #F1F4F8; cursor: not-allowed; + color: var(--text-soft); background: var(--surface-2); cursor: not-allowed; opacity: .7; } .activity-banner {