37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
import type { Config } from "tailwindcss";
|
|
|
|
const config: Config = {
|
|
content: [
|
|
"./app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
],
|
|
darkMode: "class",
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: "#00E0B8", // Vibrant teal
|
|
secondary: "#6B7280",
|
|
"background-dark": "#0F111A", // Very dark navy/black
|
|
"surface-dark": "#1E202E", // Slightly lighter dark for cards
|
|
"surface-accent": "#2D3042", // Even lighter for hover states
|
|
"text-light": "#E5E7EB", // Light text for dark mode
|
|
"text-muted": "#9CA3AF", // Muted text for dark mode
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', 'sans-serif'],
|
|
display: ['Poppins', 'sans-serif'],
|
|
},
|
|
borderRadius: {
|
|
DEFAULT: "0.75rem",
|
|
'xl': "1rem",
|
|
'2xl': "1.5rem",
|
|
},
|
|
boxShadow: {
|
|
'glow': '0 0 20px rgba(0, 224, 184, 0.15)',
|
|
}
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|
|
export default config;
|