src/styles/global.css 1.1 K raw
1
@font-face {
2
  font-family: 'Commit Mono';
3
  src: url("/CommitMono-400-Regular.otf") format("opentype");
4
  font-weight: 400;
5
  font-style: normal;
6
  font-display: swap;
7
}
8
@font-face {
9
  font-family: 'Commit Mono';
10
  src: url("/CommitMono-700-Regular.otf") format("opentype");
11
  font-weight: 700;
12
  font-style: normal;
13
  font-display: swap;
14
}
15
@tailwind base;
16
@layer base {
17
	:root {
18
		color-scheme: light;
19
		--theme-bg: #121212;
20
		--theme-link: #E78A52;
21
		--theme-text: #C1C1C1;
22
		--theme-accent: #FBCB96;
23
		--theme-accent-2: #C1C1C1;
24
		--theme-quote: #FBCB96;
25
		--theme-menu-bg: rgb(250 250 250 / 0.85);
26
	}
27
28
	:root.dark {
29
		color-scheme: dark;
30
		--theme-bg: #121212;
31
		--theme-link: #E78A52;
32
		--theme-text: #C1C1C1;
33
		--theme-accent: #FBCB96;
34
		--theme-accent-2: #C1C1C1;
35
		--theme-quote: #FBCB96;
36
		--theme-menu-bg: rgb(40, 40, 40 / 0.85);
37
	}
38
39
	html {
40
		@apply h-full scroll-smooth border-t-2 border-textColor;
41
	}
42
43
	html body {
44
		@apply mx-auto flex h-full max-w-3xl flex-col bg-bgColor px-8 pt-16 font-sans text-sm font-normal text-textColor antialiased;
45
	}
46
}
47
@tailwind components;
48
@tailwind utilities;