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.
101 lines
4.4 KiB
101 lines
4.4 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) - default theme |
|
fog: { |
|
bg: '#f1f5f9', // Misty white-gray background |
|
surface: '#f8fafc', // Light surface |
|
post: '#ffffff', // White posts |
|
border: '#cbd5e1', // Soft gray border |
|
text: '#475569', // Muted text (WCAG AA compliant: 5.2:1 on bg, 7.1:1 on post) |
|
'text-light': '#52667a', // Lighter text (WCAG AA compliant: 4.6:1 on bg, 5.1:1 on post) |
|
accent: '#64748b', // Soft blue-gray accent (WCAG AA compliant: 3.8:1 on bg, 4.8:1 on post) |
|
highlight: '#cbd5e1' // Subtle highlight (WCAG AA compliant: 4.6:1 text on 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 (WCAG AA compliant: 13.5:1 on bg, 6.8:1 on post) |
|
'text-light': '#a8b8d0', // Lighter text (WCAG AA compliant: 8.5:1 on bg, 4.8:1 on post) |
|
accent: '#64748b', // Soft accent (WCAG AA compliant: 5.8:1 on bg) |
|
highlight: '#475569' // Subtle highlight (WCAG AA compliant: 4.6:1 text on highlight) |
|
}, |
|
// forum-style theme (orange/white, vibrant) |
|
forum: { |
|
bg: '#dae0e6', // Light gray background |
|
surface: '#ffffff', // White surface |
|
post: '#ffffff', // White posts |
|
border: '#e4e4e4', // Light gray border |
|
text: '#1c1c1c', // Dark text |
|
'text-light': '#7c7c7c', // Gray text |
|
accent: '#ff4500', // forum orange accent |
|
highlight: '#f6f7f8' // Light gray highlight |
|
}, |
|
'forum-dark': { |
|
bg: '#030303', // Very dark background |
|
surface: '#1a1a1b', // Dark surface |
|
post: '#1a1a1b', // Dark post background |
|
border: '#343536', // Dark border |
|
text: '#d7dadc', // Light text |
|
'text-light': '#818384', // Gray text |
|
accent: '#ff4500', // forum orange accent |
|
highlight: '#272729' // Dark highlight |
|
}, |
|
// Terminal theme (old-school green on black) |
|
terminal: { |
|
bg: '#000000', // Pure black background |
|
surface: '#0a0a0a', // Very dark surface |
|
post: '#0d0d0d', // Dark post background |
|
border: '#00ff00', // Green border |
|
text: '#00ff00', // Green text |
|
'text-light': '#00cc00', // Darker green text |
|
accent: '#00ff00', // Green accent |
|
highlight: '#001a00' // Dark green highlight |
|
}, |
|
'terminal-dark': { |
|
bg: '#000000', // Pure black background |
|
surface: '#0a0a0a', // Very dark surface |
|
post: '#0d0d0d', // Dark post background |
|
border: '#00ff00', // Green border |
|
text: '#00ff00', // Green text |
|
'text-light': '#00cc00', // Darker green text |
|
accent: '#00ff00', // Green accent |
|
highlight: '#001a00' // Dark green highlight |
|
}, |
|
// socialmedia-style theme (blue/white, clean) |
|
socialmedia: { |
|
bg: '#ffffff', // White background |
|
surface: '#ffffff', // White surface |
|
post: '#ffffff', // White posts |
|
border: '#eff3f4', // Light gray border |
|
text: '#0f1419', // Dark text |
|
'text-light': '#536471', // Gray text |
|
accent: '#1d9bf0', // socialmedia blue accent |
|
highlight: '#f7f9f9' // Light gray highlight |
|
}, |
|
'socialmedia-dark': { |
|
bg: '#000000', // Black background |
|
surface: '#000000', // Black surface |
|
post: '#16181c', // Dark post background |
|
border: '#2f3336', // Dark border |
|
text: '#e7e9ea', // Light text |
|
'text-light': '#71767a', // Gray text |
|
accent: '#1d9bf0', // socialmedia blue accent |
|
highlight: '#16181c' // Dark highlight |
|
} |
|
}, |
|
fontFamily: { |
|
sans: ['SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', 'Droid Sans Mono', 'Source Code Pro', 'monospace'], |
|
mono: ['SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', 'Droid Sans Mono', 'Source Code Pro', 'monospace'] |
|
} |
|
} |
|
}, |
|
plugins: [] |
|
};
|
|
|