| 1 |
import type { Config } from "tailwindcss"; |
| 2 |
|
| 3 |
const config: Config = { |
| 4 |
content: [ |
| 5 |
"./src/pages/**/*.{js,ts,jsx,tsx,mdx}", |
| 6 |
"./src/components/**/*.{js,ts,jsx,tsx,mdx}", |
| 7 |
"./src/app/**/*.{js,ts,jsx,tsx,mdx}", |
| 8 |
], |
| 9 |
theme: { |
| 10 |
extend: { |
| 11 |
colors: { |
| 12 |
background: { |
| 13 |
DEFAULT: "#fafaf9", |
| 14 |
dark: "#1c1917", |
| 15 |
}, |
| 16 |
foreground: { |
| 17 |
DEFAULT: "#292524", |
| 18 |
dark: "#e7e5e4", |
| 19 |
}, |
| 20 |
surface: { |
| 21 |
50: "#fafaf9", |
| 22 |
100: "#f5f5f4", |
| 23 |
200: "#e7e5e4", |
| 24 |
300: "#d6d3d1", |
| 25 |
400: "#a8a29e", |
| 26 |
500: "#78716c", |
| 27 |
600: "#57534e", |
| 28 |
700: "#44403c", |
| 29 |
800: "#292524", |
| 30 |
900: "#1c1917", |
| 31 |
950: "#0c0a09", |
| 32 |
}, |
| 33 |
accent: { |
| 34 |
DEFAULT: "#5294e2", |
| 35 |
hover: "#4080cc", |
| 36 |
}, |
| 37 |
}, |
| 38 |
fontFamily: { |
| 39 |
sans: ["Inter", "system-ui", "sans-serif"], |
| 40 |
mono: ["JetBrains Mono", "Menlo", "Monaco", "monospace"], |
| 41 |
}, |
| 42 |
}, |
| 43 |
}, |
| 44 |
plugins: [], |
| 45 |
}; |
| 46 |
|
| 47 |
export default config; |