fix: panel close button dark on light background
This commit is contained in:
parent
2ee9eb03e3
commit
ac359105bf
@ -414,11 +414,11 @@
|
|||||||
.panel::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }
|
.panel::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }
|
||||||
.panel-close {
|
.panel-close {
|
||||||
position: absolute; top: 0.75rem; right: 0.75rem;
|
position: absolute; top: 0.75rem; right: 0.75rem;
|
||||||
background: rgba(255,255,255,0.14); border: 1.5px solid rgba(255,255,255,0.28);
|
background: #e8e8f0; border: 1.5px solid #c0c0cc;
|
||||||
color: rgba(255,255,255,0.92); width: 38px; height: 38px; border-radius: 8px;
|
color: #1a1a2e; width: 38px; height: 38px; border-radius: 8px;
|
||||||
cursor: pointer; font-size: 1.3rem; font-weight: 700;
|
cursor: pointer; font-size: 1.3rem; font-weight: 700;
|
||||||
display: flex; align-items: center; justify-content: center;
|
display: flex; align-items: center; justify-content: center;
|
||||||
transition: all 0.2s; box-shadow: 0 2px 10px rgba(0,0,0,0.35); z-index: 10;
|
transition: all 0.2s; box-shadow: 0 2px 8px rgba(0,0,0,0.12); z-index: 10;
|
||||||
}
|
}
|
||||||
.panel-close:hover { background: var(--accent); color: #fff; border-color: var(--accent); box-shadow: 0 2px 12px rgba(255,102,0,0.4); }
|
.panel-close:hover { background: var(--accent); color: #fff; border-color: var(--accent); box-shadow: 0 2px 12px rgba(255,102,0,0.4); }
|
||||||
.panel-title {
|
.panel-title {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user