30 lines
908 B
JavaScript
30 lines
908 B
JavaScript
|
// tailwind.config.js
|
||
|
|
/** @type {import('tailwindcss').Config} */
|
||
|
|
module.exports = {
|
||
|
|
content: [
|
||
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
||
|
|
"./app/**/*.{js,ts,jsx,tsx}"
|
||
|
|
],
|
||
|
|
darkMode: "class", // enable class-based dark mode
|
||
|
|
theme: {
|
||
|
|
extend: {
|
||
|
|
colors: {
|
||
|
|
// Brand-specific colors used in UI components
|
||
|
|
biker: "#1e3a8a", // deep blue for Biker theme
|
||
|
|
swapstation: "#7c3aed", // purple for Shop/Merchant theme
|
||
|
|
accent: "#6366f1", // primary accent (indigo)
|
||
|
|
"accent-dark": "#4f46e5", // darker accent for hover states
|
||
|
|
// Additional subtle shades for UI elements
|
||
|
|
"bg-dark": "#1f2937",
|
||
|
|
"bg-darker": "#111827",
|
||
|
|
"text-muted": "#9ca3af"
|
||
|
|
},
|
||
|
|
backgroundImage: {
|
||
|
|
// optional gradient for hero background
|
||
|
|
"hero-gradient": "radial-gradient(circle at top left, #1e293b, #111827)"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
plugins: []
|
||
|
|
};
|