1import type { Config } from "tailwindcss"; 2 3const config: Config = { 4 darkMode: "class", 5 content: ["./src/**/*.{ts,tsx}"], 6 theme: { 7 extend: { 8 colors: { 9 border: "oklch(var(--border) / <alpha-value>)", 10 input: "oklch(var(--input) / <alpha-value>)", 11 ring: "oklch(var(--ring) / <alpha-value>)", 12 background: "oklch(var(--background) / <alpha-value>)", 13 foreground: "oklch(var(--foreground) / <alpha-value>)", 14 primary: { 15 DEFAULT: "oklch(var(--primary) / <alpha-value>)", 16 foreground: "oklch(var(--primary-foreground) / <alpha-value>)" 17 }, 18 secondary: { 19 DEFAULT: "oklch(var(--secondary) / <alpha-value>)", 20 foreground: "oklch(var(--secondary-foreground) / <alpha-value>)" 21 }, 22 destructive: { 23 DEFAULT: "oklch(var(--destructive) / <alpha-value>)", 24 foreground: "oklch(var(--destructive-foreground) / <alpha-value>)" 25 }, 26 muted: { 27 DEFAULT: "oklch(var(--muted) / <alpha-value>)", 28 foreground: "oklch(var(--muted-foreground) / <alpha-value>)" 29 }, 30 accent: { 31 DEFAULT: "oklch(var(--accent) / <alpha-value>)", 32 foreground: "oklch(var(--accent-foreground) / <alpha-value>)" 33 }, 34 popover: { 35 DEFAULT: "oklch(var(--popover) / <alpha-value>)", 36 foreground: "oklch(var(--popover-foreground) / <alpha-value>)" 37 }, 38 card: { 39 DEFAULT: "oklch(var(--card) / <alpha-value>)", 40 foreground: "oklch(var(--card-foreground) / <alpha-value>)" 41 } 42 }, 43 borderRadius: { 44 lg: "var(--radius)", 45 md: "calc(var(--radius) - 2px)", 46 sm: "calc(var(--radius) - 4px)" 47 }, 48 fontFamily: { 49 sans: [ 50 "Inter", 51 "ui-sans-serif", 52 "system-ui", 53 "-apple-system", 54 "Segoe UI", 55 "Roboto", 56 "Helvetica Neue", 57 "Arial", 58 "sans-serif" 59 ] 60 } 61 } 62 }, 63 plugins: [] 64}; 65 66export default config; 67