| |
| module.exports = { |
| darkMode: ["class"], |
| content: [ |
| './pages/**/*.{ts,tsx}', |
| './components/**/*.{ts,tsx}', |
| './app/**/*.{ts,tsx}', |
| './src/**/*.{ts,tsx}', |
| ], |
| theme: { |
| container: { |
| center: true, |
| padding: "2rem", |
| screens: { |
| "2xl": "1400px", |
| }, |
| }, |
| extend: { |
| colors: { |
| border: "hsl(var(--border))", |
| input: "hsl(var(--input))", |
| ring: "hsl(var(--ring))", |
| background: "hsl(var(--background))", |
| foreground: "hsl(var(--foreground))", |
| primary: { |
| DEFAULT: "hsl(var(--primary))", |
| foreground: "hsl(var(--primary-foreground))", |
| }, |
| secondary: { |
| DEFAULT: "hsl(var(--secondary))", |
| foreground: "hsl(var(--secondary-foreground))", |
| }, |
| destructive: { |
| DEFAULT: "hsl(var(--destructive))", |
| foreground: "hsl(var(--destructive-foreground))", |
| }, |
| muted: { |
| DEFAULT: "hsl(var(--muted))", |
| foreground: "hsl(var(--muted-foreground))", |
| }, |
| accent: { |
| DEFAULT: "hsl(var(--accent))", |
| foreground: "hsl(var(--accent-foreground))", |
| }, |
| popover: { |
| DEFAULT: "hsl(var(--popover))", |
| foreground: "hsl(var(--popover-foreground))", |
| }, |
| card: { |
| DEFAULT: "hsl(var(--card))", |
| foreground: "hsl(var(--card-foreground))", |
| }, |
| youtube: { |
| red: "#FF0000", |
| "red-hover": "#CC0000", |
| dark: "#0F0F0F", |
| "dark-secondary": "#212121", |
| "dark-hover": "#2A2A2A", |
| light: "#FFFFFF", |
| "light-secondary": "#F9F9F9", |
| "light-hover": "#F2F2F2", |
| text: { |
| primary: "#0F0F0F", |
| secondary: "#606060", |
| tertiary: "#909090", |
| } |
| } |
| }, |
| borderRadius: { |
| lg: "var(--radius)", |
| md: "calc(var(--radius) - 2px)", |
| sm: "calc(var(--radius) - 4px)", |
| }, |
| keyframes: { |
| "accordion-down": { |
| from: { height: 0 }, |
| to: { height: "var(--radix-accordion-content-height)" }, |
| }, |
| "accordion-up": { |
| from: { height: "var(--radix-accordion-content-height)" }, |
| to: { height: 0 }, |
| }, |
| "fade-in": { |
| "0%": { opacity: "0", transform: "translateY(10px)" }, |
| "100%": { opacity: "1", transform: "translateY(0)" }, |
| }, |
| "slide-in": { |
| "0%": { transform: "translateX(-100%)" }, |
| "100%": { transform: "translateX(0)" }, |
| } |
| }, |
| animation: { |
| "accordion-down": "accordion-down 0.2s ease-out", |
| "accordion-up": "accordion-up 0.2s ease-out", |
| "fade-in": "fade-in 0.5s ease-out", |
| "slide-in": "slide-in 0.3s ease-out", |
| }, |
| }, |
| }, |
| plugins: [require("tailwindcss-animate")], |
| } |
