Thin dark scrollbars
This commit is contained in:
@@ -47,3 +47,17 @@ kbd {
|
||||
padding: 0 4px;
|
||||
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