My personal website. Now written from scratch!
arctictherogue.xyz
1/*noinspection CssUnknownTarget*/
2@import "tailwindcss";
3@plugin "@tailwindcss/typography";
4
5@theme {
6 --color-base-500: #24273a;
7 --color-base-light-500: #eff1f5;
8 --color-crust-500: #181926;
9 --color-crust-light-500: #dce0e8;
10 --color-surface0-500: #363a4f;
11 --color-surface0-light-500: #ccd0da;
12 --color-text-500: #cad3f5;
13 --color-text-light-500: #4c4f69;
14 --color-subtext-500: #a5adcb;
15 --color-subtext-light-500: #5c5f77;
16 --color-accent-500: #8bd5ca;
17 --color-accent-light-500: #179299;
18}
19
20@utility prose-cat {
21 --tw-prose-body: var(--color-text-500);
22 --tw-prose-headings: var(--color-accent-500);
23 --tw-prose-bullets: var(--color-accent-500);
24 --tw-prose-links: var(--color-text-500);
25}
26
27@utility prose-cat-light {
28 --tw-prose-body: var(--color-text-light-500);
29 --tw-prose-headings: var(--color-accent-light-500);
30 --tw-prose-bullets: var(--color-accent-light-500);
31 --tw-prose-links: var(--color-text-light-500);
32}