dees-domtools/ts/domtools.css.theme.ts
2020-09-15 20:24:11 +00:00

37 lines
706 B
TypeScript

import { DomTools } from './domtools.classes.domtools';
/**
* changes scrollbar styles to be consistent across OS borders
*/
export const scrollBarStyles = (() => {
const returnStyles = navigator.userAgent.indexOf("Windows") !== -1 ? `
/* width */
::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
background: #111;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #666;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #777;
}
` : ``;
})();
export const setupGlobalTheme = (domToolsInstance: DomTools) => {
const styles = `
${scrollBarStyles}
`;
domToolsInstance.setGlobalStyles(styles);
};