36 lines
1.1 KiB
JavaScript
36 lines
1.1 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ["./index.html", "./src/**/*.{ts,tsx}"],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ["Inter", "system-ui", "sans-serif"],
|
|
},
|
|
colors: {
|
|
accent: {
|
|
DEFAULT: "#7c6ef7",
|
|
light: "#a599f9",
|
|
dark: "#5b4de0",
|
|
},
|
|
surface: {
|
|
DEFAULT: "rgba(18, 16, 32, 0.92)",
|
|
card: "rgba(255,255,255,0.05)",
|
|
hover: "rgba(255,255,255,0.09)",
|
|
},
|
|
},
|
|
animation: {
|
|
"fade-in": "fadeIn 0.25s ease",
|
|
"slide-in": "slideIn 0.3s cubic-bezier(0.34,1.56,0.64,1)",
|
|
"pulse-dot": "pulseDot 1.4s ease-in-out infinite",
|
|
"typewriter":"typewriter 0.04s steps(1) forwards",
|
|
},
|
|
keyframes: {
|
|
fadeIn: { from: { opacity: 0 }, to: { opacity: 1 } },
|
|
slideIn: { from: { opacity: 0, transform: "translateY(10px)" }, to: { opacity: 1, transform: "translateY(0)" } },
|
|
pulseDot: { "0%,100%": { opacity: 0.3 }, "50%": { opacity: 1 } },
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|