65 lines
1.7 KiB
TypeScript
65 lines
1.7 KiB
TypeScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: [
|
|
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
up: "#ef4444",
|
|
down: "#22c55e",
|
|
hot: "#f97316",
|
|
bg: {
|
|
primary: "#0a0e1a",
|
|
secondary: "#0f172a",
|
|
card: "#131a2e",
|
|
elevated: "#1a2340",
|
|
},
|
|
text: {
|
|
primary: "#f1f5f9",
|
|
secondary: "#8896b3",
|
|
muted: "#546380",
|
|
},
|
|
accent: {
|
|
orange: "#f97316",
|
|
indigo: "#818cf8",
|
|
},
|
|
},
|
|
fontFamily: {
|
|
display: ["'Outfit'", "system-ui", "sans-serif"],
|
|
mono: ["'SF Mono'", "'JetBrains Mono'", "ui-monospace", "monospace"],
|
|
},
|
|
borderRadius: {
|
|
"2xl": "16px",
|
|
"3xl": "20px",
|
|
},
|
|
boxShadow: {
|
|
card: "0 4px 24px rgba(0, 0, 0, 0.2)",
|
|
glow: "0 0 20px rgba(249, 115, 22, 0.15)",
|
|
"glow-sm": "0 0 10px rgba(249, 115, 22, 0.1)",
|
|
},
|
|
animation: {
|
|
"fade-in-up": "fadeInUp 0.5s cubic-bezier(0.4, 0, 0.2, 1) both",
|
|
shimmer: "shimmer 2s infinite",
|
|
"pulse-ring": "pulse-ring 2s ease-in-out infinite",
|
|
},
|
|
keyframes: {
|
|
fadeInUp: {
|
|
from: { opacity: "0", transform: "translateY(12px)" },
|
|
to: { opacity: "1", transform: "translateY(0)" },
|
|
},
|
|
shimmer: {
|
|
"0%": { backgroundPosition: "-200% 0" },
|
|
"100%": { backgroundPosition: "200% 0" },
|
|
},
|
|
pulseRing: {
|
|
"0%, 100%": { transform: "scale(0.9)", opacity: "0.7" },
|
|
"50%": { transform: "scale(1.05)", opacity: "1" },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|