From d37ca69f772041e043a744ca78364a2831a10c52 Mon Sep 17 00:00:00 2001 From: chiyi Date: Tue, 27 Oct 2026 18:25:02 +0800 Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E5=85=A8=E5=B1=80=20rescue=20?= =?UTF-8?q?=E8=A6=86=E7=9B=96=E5=AF=BC=E8=87=B4=E6=93=8D=E4=BD=9C=E6=8C=89?= =?UTF-8?q?=E9=92=AE=E4=B8=80=E7=9B=B4=E6=98=AF=E7=81=B0=E5=BA=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit .theme-text .act 全局规则强制 surface-2 灰底，优先级高于 组件 scoped 样式。摘出 .act 单独给白底灰边，删除按钮白底粉边。 Generated with [Devin](https://devin.ai) Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com> --- frontend/src/style.css | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/frontend/src/style.css b/frontend/src/style.css index 6beff70..fb877b1 100644 --- a/frontend/src/style.css +++ b/frontend/src/style.css @@ -139,12 +139,19 @@ html:not(.dark) .theme-text :is([class*="text-teal-300"], [class*="text-teal-200 Recolor them centrally in light mode — the extra .theme-text class outranks the scoped `.x[data-v-*]` rules. Dark mode keeps the scoped look (gated on :not(.dark)). */ -html:not(.dark) .theme-text :is(.fp, .pg, .act, .filter-pill, .kind-btn, .preset-btn, .opt, .chip-x, .ro-chip) { +html:not(.dark) .theme-text :is(.fp, .pg, .filter-pill, .kind-btn, .preset-btn, .opt, .chip-x, .ro-chip) { color: var(--fg-2); background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--hairline); } -html:not(.dark) .theme-text :is(.fp, .pg, .act, .filter-pill, .kind-btn, .preset-btn, .opt, .chip-x):hover { +html:not(.dark) .theme-text :is(.fp, .pg, .filter-pill, .kind-btn, .preset-btn, .opt, .chip-x):hover { color: var(--fg); background: var(--hover); } +/* 行内操作图标按钮：白底灰边，悬停浅灰加深描边 */ +html:not(.dark) .theme-text .act { + color: var(--fg-3); background: var(--surface-solid); box-shadow: inset 0 0 0 1px var(--hairline); +} +html:not(.dark) .theme-text .act:hover { + color: var(--fg); background: var(--surface-2); box-shadow: inset 0 0 0 1px rgb(24 24 27 / 0.14); +} html:not(.dark) .theme-text :is(.fp-on, .pg-on, .seg-on, .opt-on) { background: linear-gradient(120deg, #18181b, #27272a); color: #fff; box-shadow: 0 4px 16px var(--accent-glow); @@ -264,8 +271,8 @@ html:not(.dark) .theme-text .lbl { color: var(--fg); } html:not(.dark) .theme-text :is(.hint, .flbl) { color: var(--fg-3); } /* Delete icon button: a clean neutral button with a red glyph (not a heavy pink box), filling solid red on hover. */ -html:not(.dark) .theme-text .act.danger { color: rgb(225 29 72); background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--hairline); } -html:not(.dark) .theme-text .act.danger:hover { color: #fff; background: rgb(244 63 94); box-shadow: inset 0 0 0 1px rgb(225 29 72); } +html:not(.dark) .theme-text .act.danger { color: rgb(225 29 72); background: var(--surface-solid); box-shadow: inset 0 0 0 1px rgb(244 63 94 / 0.25); } +html:not(.dark) .theme-text .act.danger:hover { color: #dc2626; background: rgb(244 63 94 / 0.08); box-shadow: inset 0 0 0 1px rgb(244 63 94 / 0.3); } /* Soft "danger" toolbar buttons (删除选中 / 删除异常账号 …): a muted red, not a heavy pink fill; solid red on hover. Outranks the per-view scoped pink. */ html:not(.dark) .theme-text .btn-soft.danger { color: rgb(190 18 60); background: rgb(244 63 94 / 0.08); box-shadow: inset 0 0 0 1px rgb(244 63 94 / 0.22); }