import { createGlobalStyle } from 'styled-components' ; export const GlobalStyles = createGlobalStyle `
  body {
    color: ${ ( { theme } ) => theme . primary . text };
    background: ${ ( { theme } ) => theme . primary . background };
  }

  html,
  body {
    height: 100%;
    overflow: auto;
  }

  .icon {
    color: ${ ( { theme } ) => theme . primary . text };
  }

  /* hide scrollbar */
  ::-webkit-scrollbar {
    display: none;
  }
` ;