tailwind.config.js•1.03 kB
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./app/**/*.{js,ts,jsx,tsx}"],
theme: {
extend: {
fontFamily: {
sans: ["var(--font-inter)", "Inter", "system-ui", "sans-serif"],
},
colors: {
emerald: {
400: "#34d399",
500: "#10b981",
},
blue: {
400: "#60a5fa",
500: "#3b82f6",
},
purple: {
400: "#a78bfa",
500: "#8b5cf6",
},
},
boxShadow: {
glow: "0 0 20px rgba(52, 211, 153, 0.5)",
},
typography: {
DEFAULT: {
css: {
maxWidth: "65ch",
color: "inherit",
a: {
color: "inherit",
textDecoration: "underline",
fontWeight: "500",
},
strong: {
fontWeight: "600",
},
code: {
fontWeight: "400",
},
},
},
},
},
},
plugins: [],
};