|
3 | 3 | @import '@astrojs/starlight-tailwind';
|
4 | 4 | @import 'tailwindcss/theme.css' layer(theme);
|
5 | 5 | @import 'tailwindcss/utilities.css' layer(utilities);
|
| 6 | + |
| 7 | +@theme { |
| 8 | + /* Your preferred text font. Starlight uses a system font stack by default. */ |
| 9 | + --font-sans: 'Atkinson Hyperlegible'; |
| 10 | + /* Your preferred code font. Starlight uses system monospace fonts by default. */ |
| 11 | + --font-mono: 'IBM Plex Mono'; |
| 12 | + /* Your preferred accent color. Indigo is closest to Starlight’s defaults. */ |
| 13 | + --color-accent-50: var(--color-indigo-50); |
| 14 | + --color-accent-100: var(--color-indigo-100); |
| 15 | + --color-accent-200: var(--color-indigo-200); |
| 16 | + --color-accent-300: var(--color-indigo-300); |
| 17 | + --color-accent-400: var(--color-indigo-400); |
| 18 | + --color-accent-500: var(--color-indigo-500); |
| 19 | + --color-accent-600: var(--color-indigo-600); |
| 20 | + --color-accent-700: var(--color-indigo-700); |
| 21 | + --color-accent-800: var(--color-indigo-800); |
| 22 | + --color-accent-900: var(--color-indigo-900); |
| 23 | + --color-accent-950: var(--color-indigo-950); |
| 24 | + /* Your preferred gray scale. Zinc is closest to Starlight’s defaults. */ |
| 25 | + --color-gray-50: var(--color-zinc-50); |
| 26 | + --color-gray-100: var(--color-zinc-100); |
| 27 | + --color-gray-200: var(--color-zinc-200); |
| 28 | + --color-gray-300: var(--color-zinc-300); |
| 29 | + --color-gray-400: var(--color-zinc-400); |
| 30 | + --color-gray-500: var(--color-zinc-500); |
| 31 | + --color-gray-600: var(--color-zinc-600); |
| 32 | + --color-gray-700: var(--color-zinc-700); |
| 33 | + --color-gray-800: var(--color-zinc-800); |
| 34 | + --color-gray-900: var(--color-zinc-900); |
| 35 | + --color-gray-950: var(--color-zinc-950); |
| 36 | +} |
0 commit comments