Thin dark scrollbars
This commit is contained in:
@@ -47,3 +47,17 @@ kbd {
|
|||||||
padding: 0 4px;
|
padding: 0 4px;
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Thin dark scrollbars: a rounded thumb that brightens on hover, no arrows. */
|
||||||
|
::-webkit-scrollbar { width: 10px; height: 10px; background: transparent; }
|
||||||
|
::-webkit-scrollbar-track { background: transparent; }
|
||||||
|
::-webkit-scrollbar-corner { background: transparent; }
|
||||||
|
::-webkit-scrollbar-button { display: none; }
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
background: #2c3150;
|
||||||
|
border-radius: 999px;
|
||||||
|
border: 3px solid transparent;
|
||||||
|
background-clip: padding-box;
|
||||||
|
}
|
||||||
|
::-webkit-scrollbar-thumb:hover { background-color: #4a5280; }
|
||||||
|
::-webkit-scrollbar-thumb:active { background-color: var(--accent); }
|
||||||
|
|||||||
Reference in New Issue
Block a user