github-wiki-generator/styles.ts at main · Satttoshi/github-wiki-generator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
import { createGlobalStyle } from "styled-components";

import localfont from "@next/font/local";

const quicksand = localfont({
  src: "/public/fonts/quicksand.ttf",
});

const theme0 = {
  "--1": "#F0F5F9",
  "--2": "#C9D6DF",
  "--3": "#52616B",
  "--4": "#1E2022",
};

export default createGlobalStyle`

*,
*::before,
*::after {
    box-sizing: border-box;
}

:root {
  --1: ${() => theme0["--1"]};
  --2: ${() => theme0["--2"]};
  --3: ${() => theme0["--3"]};
  --4: ${() => theme0["--4"]};

  --font1: ${quicksand.style.fontFamily}, serif;
}

body {
    margin-left: 1rem;
    margin-right: 1rem;
    color: var(--1);
    background-color: var(--4);
    font-family: var(--font1);
    display: flex;
    justify-content: center;
}

`;