Rethemes the scrollbar across the entire browser, wherever -webkit-scrollbar is used. Work exclusively with Chromium based browsers (Google Chrome, Vivaldi, Chromium, Edge Beta, etc).
Note: Does NOT work with Firefox as Firefox does not use -webkit-scrollbar
Inspired by MacOS and friendly to both light and dark themed sites by being a shade of grey.
Notes
Userstyle doesn't have notes.
Source code
/* ==UserStyle==
@name Global - Modern Scrollbar
@namespace USO Archive
@author Favna
@description Rethemes the scrollbar across the entire browser, wherever -webkit-scrollbar is used. Work exclusively with Chromium based browsers (Google Chrome, Vivaldi, Chromium, Edge Beta, etc). Note: Does **NOT** work with Firefox as Firefox does not use -webkit-scrollbar Inspired by MacOS and friendly to both light and dark themed sites by being a shade of grey.
@version 20190119.20.34
@license NONE
@preprocessor uso
==/UserStyle== */
*::-webkit-scrollbar:hover {
background-color: rgba(100, 100, 100, .09);
}
*::-webkit-scrollbar-thumb:vertical {
background: rgba(100, 100, 100, .5);
-webkit-border-radius: 100px;
}
*::-webkit-scrollbar-thumb:vertical:active {
background: rgba(100, 100, 100, .61);
-webkit-border-radius: 100px;
}
*::-webkit-scrollbar {
width: 0.5em;
overflow: visible;
border-radius: 4px;
-webkit-border-radius: 4px;
}
*::-webkit-scrollbar-track {
opacity: 0;
-webkit-transition: all .5s;
}
*::-webkit-scrollbar-thumb {
overflow: visible;
border-radius: 4px;
background: rgba(100, 100, 100, .2);
}