Merge 448e87a84d into 09be5d45d5
This commit is contained in:
commit
21c708d5c6
@ -344,6 +344,15 @@
|
|||||||
color: var(--text);
|
color: var(--text);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Active state for icon buttons in light mode — without this override the
|
||||||
|
white .btn--icon background (specificity) masks the generic .btn.active
|
||||||
|
orange tint, making on/off states visually identical. See #2832. */
|
||||||
|
:root[data-theme="light"] .btn--icon.active {
|
||||||
|
background: rgba(245, 159, 74, 0.18);
|
||||||
|
border-color: rgba(245, 159, 74, 0.5);
|
||||||
|
color: rgba(16, 24, 40, 0.9);
|
||||||
|
}
|
||||||
|
|
||||||
.btn--icon svg {
|
.btn--icon svg {
|
||||||
display: block;
|
display: block;
|
||||||
width: 18px;
|
width: 18px;
|
||||||
|
|||||||
@ -510,6 +510,11 @@
|
|||||||
border-color: var(--accent);
|
border-color: var(--accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
:root[data-theme="light"] .btn.active {
|
||||||
|
background: rgba(245, 159, 74, 0.14);
|
||||||
|
border-color: rgba(245, 159, 74, 0.45);
|
||||||
|
}
|
||||||
|
|
||||||
/* ===========================================
|
/* ===========================================
|
||||||
Utilities
|
Utilities
|
||||||
=========================================== */
|
=========================================== */
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user