30 lines
847 B
CSS
30 lines
847 B
CSS
/* OverlayScrollbars — 3 states: not visible, visible (dim), visible+hovered (bright) */
|
|
.os-scrollbar .os-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
.os-scrollbar .os-scrollbar-handle {
|
|
background: var(--text-muted, rgba(255, 255, 255, 0.15));
|
|
border-radius: 3px;
|
|
opacity: 0.4;
|
|
transition: opacity 0.2s, background 0.2s;
|
|
}
|
|
|
|
/* Hover anywhere inside the scrollable host → brighter */
|
|
[data-overlayscrollbars-initialize]:hover .os-scrollbar-handle {
|
|
opacity: 0.7;
|
|
background: var(--text-dim);
|
|
}
|
|
|
|
/* Hover directly on scrollbar → full brightness */
|
|
.os-scrollbar:hover .os-scrollbar-handle {
|
|
opacity: 1;
|
|
background: var(--text-dim);
|
|
}
|
|
|
|
/* Actively dragging the handle */
|
|
.os-scrollbar .os-scrollbar-handle.active,
|
|
.os-scrollbar .os-scrollbar-handle:active {
|
|
opacity: 1;
|
|
background: var(--text);
|
|
}
|