| 1 |
|
| 2 | var scrollBar = {
|
| 3 | track: '#2b2b2b',
|
| 4 | thumb: '#6b6b6b',
|
| 5 | active: '#959595'
|
| 6 | };
|
| 7 | export default function darkScrollbar() {
|
| 8 | var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : scrollBar;
|
| 9 | return {
|
| 10 | scrollbarColor: "".concat(options.thumb, " ").concat(options.track),
|
| 11 | '&::-webkit-scrollbar, & *::-webkit-scrollbar': {
|
| 12 | backgroundColor: options.track
|
| 13 | },
|
| 14 | '&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb': {
|
| 15 | borderRadius: 8,
|
| 16 | backgroundColor: options.thumb,
|
| 17 | minHeight: 24,
|
| 18 | border: "3px solid ".concat(options.track)
|
| 19 | },
|
| 20 | '&::-webkit-scrollbar-thumb:focus, & *::-webkit-scrollbar-thumb:focus': {
|
| 21 | backgroundColor: options.active
|
| 22 | },
|
| 23 | '&::-webkit-scrollbar-thumb:active, & *::-webkit-scrollbar-thumb:active': {
|
| 24 | backgroundColor: options.active
|
| 25 | },
|
| 26 | '&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover': {
|
| 27 | backgroundColor: options.active
|
| 28 | },
|
| 29 | '&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner': {
|
| 30 | backgroundColor: options.track
|
| 31 | }
|
| 32 | };
|
| 33 | } |
| \ | No newline at end of file |