From e303bf9165fdfb6d1cf655f074e65ddec5b79584 Mon Sep 17 00:00:00 2001 From: jason Date: Wed, 4 Mar 2026 00:12:09 +0800 Subject: [PATCH] style: refine archive UI alignment and icon prominence --- popup.css | 24 +++++++++++++++++++++--- 1 file changed, 21 insertions(+), 3 deletions(-) diff --git a/popup.css b/popup.css index 5bd5ae1..faa5de9 100644 --- a/popup.css +++ b/popup.css @@ -47,13 +47,15 @@ body { } #archive-toggle { - color: var(--text-secondary); - opacity: 0.7; + color: var(--accent-color); + opacity: 0.9; + background: rgba(59, 130, 246, 0.05); } #archive-toggle:hover { opacity: 1; - background: rgba(100, 116, 139, 0.1); + background: rgba(59, 130, 246, 0.12); + transform: translateY(-1px); } .icon-btn { @@ -365,4 +367,20 @@ button { .empty-state svg { color: #cbd5e1; +} + +/* Archived Items Polish */ +#archive-list .rule-item { + opacity: 0.75; + background: rgba(248, 250, 252, 0.8); + border-style: dashed; +} + +#archive-list .rule-info { + filter: grayscale(0.5); +} + +.btn-restore { + color: var(--success-color); + background: rgba(16, 185, 129, 0.05); } \ No newline at end of file