|
7 | 7 | /* Core theme configuration */
|
8 | 8 | @theme {
|
9 | 9 | /* Font families */
|
10 |
| - --font-sans: var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', |
11 |
| - 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; |
| 10 | + --font-sans: |
| 11 | + ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', |
| 12 | + 'Noto Color Emoji'; |
12 | 13 |
|
13 | 14 | /* Colors */
|
14 |
| - /* Copied from https://tailwindcss.com/docs/theme#default-theme-variable-reference */ |
15 |
| - --color-primary-50: oklch(0.971 0.014 343.198); |
16 |
| - --color-primary-100: oklch(0.948 0.028 342.258); |
17 |
| - --color-primary-200: oklch(0.899 0.061 343.231); |
18 |
| - --color-primary-300: oklch(0.823 0.12 346.018); |
19 |
| - --color-primary-400: oklch(0.718 0.202 349.761); |
20 |
| - --color-primary-500: oklch(0.656 0.241 354.308); |
21 |
| - --color-primary-600: oklch(0.592 0.249 0.584); |
22 |
| - --color-primary-700: oklch(0.525 0.223 3.958); |
23 |
| - --color-primary-800: oklch(0.459 0.187 3.815); |
24 |
| - --color-primary-900: oklch(0.408 0.153 2.432); |
25 |
| - --color-primary-950: oklch(0.284 0.109 3.907); |
26 |
| - |
27 |
| - --color-gray-50: oklch(0.985 0.002 247.839); |
28 |
| - --color-gray-100: oklch(0.967 0.003 264.542); |
29 |
| - --color-gray-200: oklch(0.928 0.006 264.531); |
30 |
| - --color-gray-300: oklch(0.872 0.01 258.338); |
31 |
| - --color-gray-400: oklch(0.707 0.022 261.325); |
32 |
| - --color-gray-500: oklch(0.551 0.027 264.364); |
33 |
| - --color-gray-600: oklch(0.446 0.03 256.802); |
34 |
| - --color-gray-700: oklch(0.373 0.034 259.733); |
35 |
| - --color-gray-800: oklch(0.278 0.033 256.848); |
36 |
| - --color-gray-900: oklch(0.21 0.034 264.665); |
37 |
| - --color-gray-950: oklch(0.13 0.028 261.692); |
| 15 | + /* A theme using dark brown for the primary color and a warm black/gray scale. */ |
| 16 | + |
| 17 | + /* Primary Color: Brown Scale (Light Tan to Dark Espresso) */ |
| 18 | + --color-primary-50: oklch(0.96 0.03 55); |
| 19 | + --color-primary-100: oklch(0.92 0.04 55); |
| 20 | + --color-primary-200: oklch(0.85 0.06 55); |
| 21 | + --color-primary-300: oklch(0.77 0.08 55); |
| 22 | + --color-primary-400: oklch(0.68 0.1 55); |
| 23 | + --color-primary-500: oklch(0.6 0.11 55); |
| 24 | + --color-primary-600: oklch(0.52 0.1 55); |
| 25 | + --color-primary-700: oklch(0.45 0.09 55); |
| 26 | + --color-primary-800: oklch(0.38 0.08 55); |
| 27 | + --color-primary-900: oklch(0.31 0.07 55); |
| 28 | + --color-primary-950: oklch(0.25 0.06 55); |
| 29 | + |
| 30 | + /* Gray Color: Warm Gray to Near-Black Scale */ |
| 31 | + --color-gray-50: oklch(0.98 0.005 55); |
| 32 | + --color-gray-100: oklch(0.96 0.008 55); |
| 33 | + --color-gray-200: oklch(0.92 0.01 55); |
| 34 | + --color-gray-300: oklch(0.86 0.012 55); |
| 35 | + --color-gray-400: oklch(0.7 0.015 55); |
| 36 | + --color-gray-500: oklch(0.55 0.02 55); |
| 37 | + --color-gray-600: oklch(0.45 0.02 55); |
| 38 | + --color-gray-700: oklch(0.37 0.018 55); |
| 39 | + --color-gray-800: oklch(0.28 0.015 55); |
| 40 | + --color-gray-900: oklch(0.2 0.01 55); |
| 41 | + --color-gray-950: oklch(0.12 0.005 55); |
38 | 42 |
|
39 | 43 | /* Line heights */
|
40 | 44 | --line-height-11: 2.75rem;
|
|
0 commit comments