style: refine archive UI alignment and icon prominence
This commit is contained in:
24
popup.css
24
popup.css
@@ -47,13 +47,15 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#archive-toggle {
|
#archive-toggle {
|
||||||
color: var(--text-secondary);
|
color: var(--accent-color);
|
||||||
opacity: 0.7;
|
opacity: 0.9;
|
||||||
|
background: rgba(59, 130, 246, 0.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
#archive-toggle:hover {
|
#archive-toggle:hover {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
background: rgba(100, 116, 139, 0.1);
|
background: rgba(59, 130, 246, 0.12);
|
||||||
|
transform: translateY(-1px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-btn {
|
.icon-btn {
|
||||||
@@ -365,4 +367,20 @@ button {
|
|||||||
|
|
||||||
.empty-state svg {
|
.empty-state svg {
|
||||||
color: #cbd5e1;
|
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);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user