{"size": 1123, "ext": "js", "max_stars_repo_path": "src/styles/GlobalStyles.js", "max_stars_repo_name": "loayei/B7Customs", "max_stars_repo_stars_event_min_datetime": "2022-03-13T04:57:37.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-13T04:57:37.000Z", "max_issues_repo_path": "src/styles/GlobalStyles.js", "max_issues_repo_name": "loayei/B7Customs", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/styles/GlobalStyles.js", "max_forks_repo_name": "loayei/B7Customs", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 19.0338983051, "max_line_length": 76, "alphanum_fraction": 0.6500445236}
import { createGlobalStyle } from 'styled-components';
import themeList from '../data/themeList';

// Typography
import '@fontsource/poppins';
import '@fontsource/poppins/500.css';
import '@fontsource/poppins/600.css';
import '@fontsource/poppins/700.css';
import '@fontsource/poppins/800.css';

const GlobalStyles = createGlobalStyle`
:root{
  /* colors */
  --darkBlue_1: #181818;
  --darkBlue_2: #101010;
  --darkBlue_3: #080808;
  --darkBlue_4: #000000;
  --mediumSlateBlue: #3f4555;
  --lightBlue_1: #F3F1FE;
  --lightBlue_2: #3f4555;
  --white: #FFFFFF;
  --black: #000000;

  /* others */
    --header-height: 50px;
}
html{
  font-size: 10px;
}
body{
  background-color: ${({ theme: { theme } }) =>
    theme === themeList.light ? 'var(--lightBlue_1)' : 'var(--darkBlue_3)'};
  font-family: 'Poppins', sans-serif;
}
*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
a{
  text-decoration: none;
  cursor: pointer;
}
ul, li{
  list-style: none;
}
.container{
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}
img, svg{
  width: 100%;
  height: 100%;
}
`;

export default GlobalStyles;
