personal site
feat: goldweaver theme
+33
-1
+33
-1
src/styles/global.css
+33
-1
src/styles/global.css
···
1
1
@import "tailwindcss";
2
-
@plugin "@tailwindcss/typography";
2
+
3
+
@theme {
4
+
--font-sans: var(--font-hanken-grotesk);
5
+
--font-mono: var(--font-maple-mono);
6
+
--font-serif: var(--font-amiri);
7
+
8
+
--color-glw-rosewater: #ffdae4;
9
+
--color-glw-flamingo: #f4c2cf;
10
+
--color-glw-pink: #e8abbc;
11
+
--color-glw-mauve: #b793cd;
12
+
--color-glw-red: #c85157;
13
+
--color-glw-maroon: #d67779;
14
+
--color-glw-peach: #eaa582;
15
+
--color-glw-yellow: #cfb965;
16
+
--color-glw-green: #82ca91;
17
+
--color-glw-teal: #6dc9b4;
18
+
--color-glw-sky: #72c6ce;
19
+
--color-glw-sapphire: #79c2e7;
20
+
--color-glw-blue: #94bcf6;
21
+
--color-glw-lavender: #b6b4f4;
22
+
--color-glw-text: #fcf4d2;
23
+
--color-glw-subtext1: #f9e491;
24
+
--color-glw-subtext0: #e2ce7e;
25
+
--color-glw-overlay2: #c9b66c;
26
+
--color-glw-overlay1: #aea06a;
27
+
--color-glw-overlay0: #8c7f4b;
28
+
--color-glw-surface2: #776a36;
29
+
--color-glw-surface1: #514825;
30
+
--color-glw-surface0: #352d10;
31
+
--color-glw-base: #282001;
32
+
--color-glw-mantle: #191301;
33
+
--color-glw-crust: #060400;
34
+
}