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: "#ff6b6b",
|
|
down: "#34d399",
|
|
hot: "#f59e0b",
|
|
bg: {
|
|
primary: "#0a0a0c",
|
|
secondary: "#101013",
|
|
card: "#161619",
|
|
elevated: "#1e1e22",
|
|
},
|
|
text: {
|
|
primary: "#f5f5f7",
|
|
secondary: "#9898a4",
|
|
muted: "#58585f",
|
|
},
|
|
accent: {
|
|
amber: "#f59e0b",
|
|
cyan: "#22d3ee",
|
|
},
|
|
},
|
|
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.3)",
|
|
glow: "0 0 20px rgba(245, 158, 11, 0.12)",
|
|
"glow-sm": "0 0 10px rgba(245, 158, 11, 0.08)",
|
|
},
|
|
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: [],
|
|
};
|