52 lines
1.3 KiB
TypeScript
52 lines
1.3 KiB
TypeScript
import type { Config } from "tailwindcss";
|
|
|
|
const config: Config = {
|
|
darkMode: "class",
|
|
content: [
|
|
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
brand: {
|
|
orange: "#f97316",
|
|
"orange-light": "#fb923c",
|
|
"orange-dark": "#ea6c00",
|
|
blue: "#2563eb",
|
|
"blue-light": "#60a5fa",
|
|
"blue-dark": "#1d4ed8",
|
|
dark: "#0d1117",
|
|
darker: "#080d12",
|
|
card: "#111827",
|
|
border: "#1f2937",
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: ["Inter", "system-ui", "sans-serif"],
|
|
mono: ["JetBrains Mono", "Fira Code", "monospace"],
|
|
},
|
|
animation: {
|
|
"fade-in": "fadeIn 0.6s ease-out forwards",
|
|
"slide-up": "slideUp 0.6s ease-out forwards",
|
|
"pulse-slow": "pulse 3s ease-in-out infinite",
|
|
"spin-slow": "spin 8s linear infinite",
|
|
},
|
|
keyframes: {
|
|
fadeIn: {
|
|
"0%": { opacity: "0" },
|
|
"100%": { opacity: "1" },
|
|
},
|
|
slideUp: {
|
|
"0%": { opacity: "0", transform: "translateY(20px)" },
|
|
"100%": { opacity: "1", transform: "translateY(0)" },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|
|
|
|
export default config;
|