Spaces:
Running
Running
| // tailwind.config.ts | |
| import type { Config } from "tailwindcss"; | |
| const config: Config = { | |
| content: [ | |
| "./app/**/*.{ts,tsx}", | |
| "./components/**/*.{ts,tsx}", | |
| "./lib/**/*.{ts,tsx}", | |
| ], | |
| theme: { | |
| extend: { | |
| fontFamily: { | |
| sans: ["Inter", "Noto Sans Devanagari", "system-ui", "sans-serif"], | |
| devanagari: ["Noto Sans Devanagari", "system-ui", "sans-serif"], | |
| }, | |
| colors: { | |
| bg: "#0d0d1a", | |
| accent: "#FF9933", | |
| ok: "#22C55E", | |
| warn: "#EF4444", | |
| caution: "#F59E0B", | |
| }, | |
| boxShadow: { | |
| "glow-accent": "0 0 20px rgba(255,153,51,0.35)", | |
| "glow-ok": "0 0 20px rgba(34,197,94,0.25)", | |
| "glow-warn": "0 0 20px rgba(239,68,68,0.25)", | |
| "glow-card": "0 8px 32px rgba(0,0,0,0.4)", | |
| }, | |
| keyframes: { | |
| fadeUp: { | |
| "0%": { opacity: "0", transform: "translateY(12px)" }, | |
| "100%": { opacity: "1", transform: "translateY(0)" }, | |
| }, | |
| shimmer: { | |
| "0%": { backgroundPosition: "-200% center" }, | |
| "100%": { backgroundPosition: "200% center" }, | |
| }, | |
| pulseRing: { | |
| "0%": { transform: "scale(1)", opacity: "0.6" }, | |
| "100%": { transform: "scale(1.75)", opacity: "0" }, | |
| }, | |
| floatY: { | |
| "0%, 100%": { transform: "translateY(0)" }, | |
| "50%": { transform: "translateY(-6px)" }, | |
| }, | |
| gradientShift: { | |
| "0%": { backgroundPosition: "0% 50%" }, | |
| "50%": { backgroundPosition: "100% 50%" }, | |
| "100%": { backgroundPosition: "0% 50%" }, | |
| }, | |
| }, | |
| animation: { | |
| "fade-up": "fadeUp 0.3s ease both", | |
| "shimmer": "shimmer 2s linear infinite", | |
| "pulse-ring": "pulseRing 1.8s ease-out infinite", | |
| "float-y": "floatY 3s ease-in-out infinite", | |
| "gradient-shift":"gradientShift 6s ease infinite", | |
| }, | |
| backgroundSize: { | |
| "200": "200% 200%", | |
| }, | |
| }, | |
| }, | |
| plugins: [], | |
| }; | |
| export default config; |