DocSpace-client/packages/shared/components/global-style/index.tsx

import { createGlobalStyle } from "styled-components";
import { TTheme } from "../../themes";

const GlobalStyle = createGlobalStyle<{ theme: TTheme }>`
  html, body {
    margin: 0;
  
    background-color: ${(props) => props.theme.backgroundColor};
    
    color: ${(props) => props.theme.color};
    
    font-family: ${(props) => props.theme.fontFamily};
    
    font-size: ${(props) =>
      props.theme.getCorrectFontSize(props.theme.fontSize)};
  }

  body {
  
    direction: ${(props) => props.theme.interfaceDirection};
  }
`;

export { GlobalStyle };