You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
1.2 KiB
37 lines
1.2 KiB
/** @type {import('tailwindcss').Config} */ |
|
export default { |
|
content: ['./src/**/*.{html,js,svelte,ts}'], |
|
darkMode: 'class', // Enable class-based dark mode |
|
theme: { |
|
extend: { |
|
colors: { |
|
// Fog aesthetic color palette (light mode) |
|
fog: { |
|
bg: '#f1f5f9', // Misty white-gray background |
|
surface: '#f8fafc', // Light surface |
|
post: '#ffffff', // White posts |
|
border: '#cbd5e1', // Soft gray border |
|
text: '#475569', // Muted text |
|
'text-light': '#64748b', // Lighter text |
|
accent: '#94a3b8', // Soft blue-gray accent |
|
highlight: '#e2e8f0' // Subtle highlight |
|
}, |
|
// Dark mode fog palette |
|
'fog-dark': { |
|
bg: '#0f172a', // Deep slate background |
|
surface: '#1e293b', // Dark surface |
|
post: '#334155', // Dark post background |
|
border: '#475569', // Muted border |
|
text: '#cbd5e1', // Light text |
|
'text-light': '#94a3b8', // Lighter text |
|
accent: '#64748b', // Soft accent |
|
highlight: '#475569' // Subtle highlight |
|
} |
|
}, |
|
fontFamily: { |
|
sans: ['system-ui', '-apple-system', 'sans-serif'] |
|
} |
|
} |
|
}, |
|
plugins: [] |
|
};
|
|
|