Dark Minimalistic Scrollbar by pabli
Imported from https://github.com/pabli24/DMScrollbar/raw/master/Dark-Minimalistic-Scrollbar.user.css

Details
Authorpabli
LicenseCC-BY-SA-4.0 (https://creativecommons.org/licenses/by-sa/4.0/)
Created atMay 31, 2021 07:35
Updated atFebruary 1, 2022 20:11
Applies tounset
Statistics
Learn how we calculate statistics in the FAQ.
Total views575
Total installs1188
Weekly installs23
Description
Customizable scrollbar for WebKit based browsers (Chrome, Opera).
Working on Chrome, Opera and probably in any other WebKit based browsers (NOT WORKING in Firefox)
See project on GitHub
Also available on GreasyFork.org
How to exclude web pages in stylus
☕ Support me on ko-fi
Screenshots


userstyle usercss uso style stylish stylus css theme design
Notes
Userstyle doesn't have notes.History
Daily snapshots of style statistics.
Source code
/* ==UserStyle==
@name Dark Minimalistic Scrollbar
@namespace https://github.com/pabli24/DMScrollbar
@version 0.1.3
@description Customizable scrollbar for WebKit based browsers (Chrome, Opera).
@author Pabli
@license CC-BY-SA-4.0 (https://creativecommons.org/licenses/by-sa/4.0/)
@homepageURL https://github.com/pabli24/DMScrollbar
@supportURL https://github.com/pabli24/DMScrollbar/issues
@updateURL https://raw.githubusercontent.com/pabli24/DMScrollbar/master/Dark-Minimalistic-Scrollbar.user.css
@preprocessor uso
@var color border "border" #484848
@var color bar "bar" #383838
@var color hover "hover" #282828
@var color active "active" #181818
@var color corner "corner" #383838
@var color bg "background" rgba(0,0,0,0)
@var number width "width (px)" [10,0,null,null,'px']
@var number b "border (px)" [2,0,null,null,'px']
@var number br "border-radius (px)" [10,0,null,null,'px']
==/UserStyle== */
@-moz-document regexp(".*") {
html::-webkit-scrollbar {
width: /*[[width]]*/ !important;
height: /*[[width]]*/ !important;
max-width: /*[[width]]*/ !important;
max-height: /*[[width]]*/ !important;
min-width: /*[[width]]*/ !important;
min-height: /*[[width]]*/ !important;
}
html::-webkit-scrollbar-thumb {
background-color: /*[[bar]]*/ !important;
border: /*[[b]]*/ solid /*[[border]]*/ !important;
border-radius: /*[[br]]*/ !important;
}
html::-webkit-scrollbar-track {
background-color: /*[[bg]]*/ !important;
}
html::-webkit-scrollbar-thumb:hover {
background: /*[[hover]]*/ !important;
border: /*[[b]]*/ solid /*[[border]]*/ !important;
}
html::-webkit-scrollbar-thumb:active {
background: /*[[active]]*/ !important;
}
html::-webkit-scrollbar-corner {
background: /*[[corner]]*/ !important;
}
}