Vlad Durnea
cffdf8af86
Some checks failed
CI/CD Pipeline / unit-tests (push) Failing after 1m16s
CI/CD Pipeline / integration-tests (push) Failing after 2m32s
CI/CD Pipeline / lint (push) Successful in 5m22s
CI/CD Pipeline / e2e-tests (push) Has been skipped
CI/CD Pipeline / build (push) Has been skipped
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
|
|
}
|
|
};
|
|
} |