Skip to content

Instantly share code, notes, and snippets.

@thure
Forked from Sporif/dark-scrollbar.as.css
Last active January 28, 2020 04:08
Show Gist options
  • Save thure/b2f8f972951a9e0541029d604af40fac to your computer and use it in GitHub Desktop.
Save thure/b2f8f972951a9e0541029d604af40fac to your computer and use it in GitHub Desktop.
Dark scrollbar for Firefox 57. Tested on Windows 10. Requires https://gist.github.com/Sporif/db6b3440fba0b1bcf5477afacf93f875
@media (prefers-color-scheme: dark) {
scrollbar, scrollbar *, scrollcorner {
-moz-appearance: none !important;
--scrollbar-width: 10px;
--scrollbar-height: var(--scrollbar-width);
}
scrollbar, scrollcorner {
background: #282828 !important;
}
scrollbar[orient="vertical"] {
width: var(--scrollbar-width) !important;
min-width: var(--scrollbar-width) !important;
}
scrollbar[orient="horizontal"] {
height: var(--scrollbar-height) !important;
min-height: var(--scrollbar-height) !important;
}
scrollbar thumb {
background: #646464 !important;
}
scrollbar thumb:hover,
scrollbar thumb:active {
background: #00ACED !important;
}
scrollbar:hover scrollbarbutton {
background-color: #444444 !important;
}
scrollbar scrollbarbutton:hover {
background: #646464 !important;
}
scrollbar scrollbarbutton:active {
background: #00ACED !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment