32 lines
1.0 KiB
JavaScript
32 lines
1.0 KiB
JavaScript
|
// track, thumb and active are derived from macOS 10.15.7
|
||
|
|
const scrollBar = {
|
||
|
|
track: '#2b2b2b',
|
||
|
|
thumb: '#6b6b6b',
|
||
|
|
active: '#959595'
|
||
|
|
};
|
||
|
|
export default function darkScrollbar(options = scrollBar) {
|
||
|
|
return {
|
||
|
|
scrollbarColor: `${options.thumb} ${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 ${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
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|