e.xyehr.cn
forked from
standard.site/standard.site
Standard.site landing page built in Next.js
brookie.blog
1@import 'tailwindcss';
2
3@theme inline {
4 --font-sans : var(--font-inter), var(--font-geist-sans), system-ui, sans-serif;
5 --font-mono : var(--font-geist-mono), monospace;
6 --font-display : var(--font-hanken-grotesk), system-ui, sans-serif;
7
8 /* Register semantic colors with Tailwind */
9 --color-base-100 : var(--base-100);
10 --color-base-200 : var(--base-200);
11 --color-base-300 : var(--base-300);
12 --color-base-content : var(--base-content);
13 --color-muted : var(--muted);
14 --color-muted-content : var(--muted-content);
15 --color-border : var(--border);
16 --color-card : var(--card);
17}
18
19/* Light mode (default) */
20:root {
21 --base-100 : var(--color-zinc-50);
22 --base-200 : var(--color-zinc-100);
23 --base-300 : var(--color-zinc-200);
24 --base-content : var(--color-zinc-950);
25 --muted : var(--color-zinc-500);
26 --muted-content : var(--color-zinc-400);
27 --border : var(--color-zinc-200);
28 --card : var(--color-white);
29}
30
31/* Dark mode */
32@media (prefers-color-scheme: dark) {
33 :root {
34 --base-100 : var(--color-zinc-900);
35 --base-200 : var(--color-zinc-800);
36 --base-300 : var(--color-zinc-700);
37 --base-content : var(--color-zinc-50);
38 --muted : var(--color-zinc-400);
39 --muted-content : var(--color-zinc-500);
40 --border : var(--color-zinc-700);
41 --card : var(--color-zinc-900);
42 }
43}
44
45body {
46 font-family : var(--font-inter), var(--font-geist-sans), Arial, Helvetica, sans-serif;
47}
48
49/* Softer link underlines */
50a {
51 text-decoration-color: var(--border);
52}
53
54a:hover {
55 text-decoration-color: var(--muted-content);
56}