33 lines
1.1 KiB
JavaScript
33 lines
1.1 KiB
JavaScript
// track, thumb and active are derived from macOS 10.15.7
|
|
var scrollBar = {
|
|
track: '#2b2b2b',
|
|
thumb: '#6b6b6b',
|
|
active: '#959595'
|
|
};
|
|
export default function darkScrollbar() {
|
|
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : scrollBar;
|
|
return {
|
|
scrollbarColor: "".concat(options.thumb, " ").concat(options.track),
|
|
'&::-webkit-scrollbar, & *::-webkit-scrollbar': {
|
|
backgroundColor: options.track
|
|
},
|
|
'&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb': {
|
|
borderRadius: 8,
|
|
backgroundColor: options.thumb,
|
|
minHeight: 24,
|
|
border: "3px solid ".concat(options.track)
|
|
},
|
|
'&::-webkit-scrollbar-thumb:focus, & *::-webkit-scrollbar-thumb:focus': {
|
|
backgroundColor: options.active
|
|
},
|
|
'&::-webkit-scrollbar-thumb:active, & *::-webkit-scrollbar-thumb:active': {
|
|
backgroundColor: options.active
|
|
},
|
|
'&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover': {
|
|
backgroundColor: options.active
|
|
},
|
|
'&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner': {
|
|
backgroundColor: options.track
|
|
}
|
|
};
|
|
} |