| 1 | /** @type {import("tailwindcss").Config} */ |
| 2 | module.exports = { |
| 3 | content: [ |
| 4 | "./app/**/*.{ts,tsx}", |
| 5 | "./components/**/*.{ts,tsx}", |
| 6 | "./content/**/*.{md,mdx}", |
| 7 | ], |
| 8 | darkMode: ["class"], |
| 9 | theme: { |
| 10 | extend: { |
| 11 | colors: { |
| 12 | brand: { |
| 13 | DEFAULT: "#E11D48", |
| 14 | 50: "#FFF1F2", |
| 15 | 100: "#FFE4E6", |
| 16 | 200: "#FECDD3", |
| 17 | 300: "#FDA4AF", |
| 18 | 400: "#FB7185", |
| 19 | 500: "#F43F5E", |
| 20 | 600: "#E11D48", |
| 21 | 700: "#BE123C", |
| 22 | 800: "#9F1239", |
| 23 | 900: "#881337", |
| 24 | }, |
| 25 | }, |
| 26 | backgroundImage: { |
| 27 | "hero-glow": |
| 28 | "radial-gradient(ellipse 80% 50% at 50% 0%, rgba(99,102,241,0.15), transparent)", |
| 29 | }, |
| 30 | }, |
| 31 | }, |
| 32 | plugins: [require("@tailwindcss/typography")], |
| 33 | } |