|
9 | 9 |
|
10 | 10 | @custom-variant dark (&:is(.dark *)); /* or nextra-theme-blog/style.css */ |
11 | 11 |
|
12 | | -/* Tokens not covered by theme.generated.css (gitignored) */ |
13 | | -@theme inline { |
14 | | - --color-brand-orange: var(--brand-orange); |
15 | | - --color-destructive-foreground: var(--destructive-foreground); |
16 | | - --color-success: var(--success); |
17 | | - --color-success-foreground: var(--success-foreground); |
18 | | - --color-info: var(--info); |
19 | | - --color-info-foreground: var(--info-foreground); |
20 | | - --color-warning: var(--warning); |
21 | | - --color-warning-foreground: var(--warning-foreground); |
22 | | - --color-badge: var(--badge); |
23 | | - --color-badge-foreground: var(--badge-foreground); |
24 | | -} |
25 | | - |
26 | 12 | :root { |
27 | 13 | /* Override Nextra's background to match our theme */ |
28 | 14 | --x-color-nextra-bg: var(--background); |
29 | | - /* Status & brand tokens */ |
30 | | - --brand-orange: #fa4616; |
31 | | - --destructive-foreground: oklch(1 0 89.8800); |
32 | | - --success: oklch(0.57 0.105 152); |
33 | | - --success-foreground: oklch(1 0 89.8800); |
34 | | - --info: oklch(0.60 0.125 210); |
35 | | - --info-foreground: oklch(1 0 89.8800); |
36 | | - --warning: oklch(0.80 0.1401 80.82); |
37 | | - --warning-foreground: oklch(0.1660 0.0283 203.3400); |
38 | | - --badge: oklch(0.5995 0.0199 253.42); |
39 | | - --badge-foreground: oklch(1 0 89.8800); |
40 | 15 | } |
41 | 16 |
|
42 | 17 | .dark { |
43 | 18 | /* Override Nextra's background to match our theme */ |
44 | 19 | --x-color-nextra-bg: var(--background); |
45 | | - /* Status & brand tokens */ |
46 | | - --brand-orange: #fa4616; |
47 | | - --destructive-foreground: oklch(0.1660 0.0283 203.3400); |
48 | | - --success: oklch(0.70 0.120 152); |
49 | | - --success-foreground: oklch(0.1660 0.0283 203.3400); |
50 | | - --info: oklch(0.69 0.112 207); |
51 | | - --info-foreground: oklch(0.1660 0.0283 203.3400); |
52 | | - --warning: oklch(0.6889 0.1401 80.82); |
53 | | - --warning-foreground: oklch(0.1660 0.0283 203.3400); |
54 | | - --badge: oklch(0.7196 0.0135 255.53); |
55 | | - --badge-foreground: oklch(0.1660 0.0283 203.3400); |
56 | 20 | } |
57 | 21 |
|
58 | 22 | @layer base { |
|
0 commit comments