67 lines
1.9 KiB
TypeScript
67 lines
1.9 KiB
TypeScript
import type { Config } from "tailwindcss"
|
|
|
|
const config: Config = {
|
|
darkMode: ["class"],
|
|
content: [
|
|
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Neo-brutalism color scheme from design
|
|
primary: {
|
|
DEFAULT: "#FFD700", // Gold/Yellow from MotherDuck
|
|
dark: "#e5cb00",
|
|
},
|
|
secondary: "#ff6f00", // Orange accent
|
|
background: {
|
|
light: "#F5F2EB", // Warm off-white/beige
|
|
dark: "#121212", // Dark charcoal for dark mode
|
|
},
|
|
surface: {
|
|
light: "#FFFFFF",
|
|
dark: "#1E1E1E",
|
|
},
|
|
border: {
|
|
light: "#000000",
|
|
dark: "#4a4a4a",
|
|
},
|
|
text: {
|
|
light: "#000000",
|
|
dark: "#F5F2EB",
|
|
},
|
|
},
|
|
fontFamily: {
|
|
display: ["'Space Mono'", "'Courier New'", "monospace"], // Space Mono for headings
|
|
sans: ["var(--font-inter)", "system-ui", "-apple-system", "sans-serif"], // Inter for body
|
|
},
|
|
boxShadow: {
|
|
// Neo-brutalism shadows
|
|
neo: "4px 4px 0px 0px rgba(0,0,0,1)",
|
|
"neo-sm": "2px 2px 0px 0px rgba(0,0,0,1)",
|
|
"neo-hover": "2px 2px 0px 0px rgba(0,0,0,1)",
|
|
"neo-dark": "4px 4px 0px 0px rgba(255,215,0,0.5)",
|
|
brutal: "4px 4px 0px 0px rgba(0,0,0,1)",
|
|
"brutal-hover": "2px 2px 0px 0px rgba(0,0,0,1)",
|
|
"brutal-dark": "4px 4px 0px 0px rgba(255,255,255,0.2)",
|
|
},
|
|
borderRadius: {
|
|
DEFAULT: "0px", // Sharp corners for neo-brutalism
|
|
md: "2px",
|
|
},
|
|
animation: {
|
|
float: "float 6s ease-in-out infinite",
|
|
},
|
|
keyframes: {
|
|
float: {
|
|
"0%, 100%": { transform: "translateY(0px) rotate(0deg)" },
|
|
"50%": { transform: "translateY(-10px) rotate(2deg)" },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [require("tailwindcss-animate")],
|
|
}
|
|
export default config
|