import { DomTools } from './domtools.classes.domtools';

/**
 * changes scrollbar styles to be consistent across OS borders
 */
export const scrollBarStyles = `
  /* 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);
};