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 atJune 18, 2021 17:43

Applies tounset

Statistics

Total views31

Total installs15

Weekly installs5

Weekly updates2

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.

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;
}
}