mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-15 06:41:08 +02:00
e7f5f942f3
Projects included: - maerchenzauber (NestJS backend + Expo mobile + SvelteKit web + Astro landing) - manacore (Expo mobile + SvelteKit web + Astro landing) - manadeck (NestJS backend + Expo mobile + SvelteKit web) - memoro (Expo mobile + SvelteKit web + Astro landing) This commit preserves the current state before monorepo restructuring. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
165 lines
4.6 KiB
JavaScript
165 lines
4.6 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ['./src/**/*.{html,js,svelte,ts}'],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Mana - Consistent color for subscription page
|
|
mana: '#4287f5',
|
|
// Lume Theme - Modern Gold & Dark
|
|
lume: {
|
|
primary: '#f8d62b',
|
|
primaryButton: '#f8d62b',
|
|
primaryButtonText: '#000000',
|
|
secondary: '#D4B200',
|
|
secondaryButton: '#FFE9A3',
|
|
contentBackground: '#ffffff',
|
|
contentBackgroundHover: '#f5f5f5',
|
|
contentPageBackground: '#ffffff',
|
|
menuBackground: '#dddddd',
|
|
menuBackgroundHover: '#cccccc',
|
|
pageBackground: '#dddddd',
|
|
text: '#2c2c2c',
|
|
borderLight: '#f2f2f2',
|
|
border: '#e6e6e6',
|
|
borderStrong: '#cccccc',
|
|
error: '#e74c3c'
|
|
},
|
|
// Nature Theme - Soothing Green
|
|
nature: {
|
|
primary: '#4CAF50',
|
|
primaryButton: '#A08500',
|
|
primaryButtonText: '#ffffff',
|
|
secondary: '#81C784',
|
|
secondaryButton: '#F1F8E9',
|
|
contentBackground: '#F1F8E9',
|
|
contentBackgroundHover: '#E8F5E9',
|
|
contentPageBackground: '#ffffff',
|
|
menuBackground: '#E8F5E9',
|
|
menuBackgroundHover: '#C8E6C9',
|
|
pageBackground: '#FBFDF8',
|
|
text: '#1B5E20',
|
|
borderLight: '#E8F5E9',
|
|
border: '#C8E6C9',
|
|
borderStrong: '#A5D6A7',
|
|
error: '#E57373'
|
|
},
|
|
// Stone Theme - Elegant Slate
|
|
stone: {
|
|
primary: '#607D8B',
|
|
primaryButton: '#FF9500',
|
|
primaryButtonText: '#000000',
|
|
secondary: '#90A4AE',
|
|
secondaryButton: '#ECEFF1',
|
|
contentBackground: '#ECEFF1',
|
|
contentBackgroundHover: '#E0E6EA',
|
|
contentPageBackground: '#ffffff',
|
|
menuBackground: '#E0E6EA',
|
|
menuBackgroundHover: '#CFD8DC',
|
|
pageBackground: '#F5F7F9',
|
|
text: '#263238',
|
|
borderLight: '#ECEFF1',
|
|
border: '#CFD8DC',
|
|
borderStrong: '#B0BEC5',
|
|
error: '#EF5350'
|
|
},
|
|
// Ocean Theme - Tranquil Blue
|
|
ocean: {
|
|
primary: '#039BE5',
|
|
primaryButton: '#FF9500',
|
|
primaryButtonText: '#000000',
|
|
secondary: '#4FC3F7',
|
|
secondaryButton: '#E1F5FE',
|
|
contentBackground: '#E1F5FE',
|
|
contentBackgroundHover: '#B3E5FC',
|
|
contentPageBackground: '#ffffff',
|
|
menuBackground: '#E1F5FE',
|
|
menuBackgroundHover: '#B3E5FC',
|
|
pageBackground: '#F5FCFF',
|
|
text: '#01579B',
|
|
borderLight: '#E1F5FE',
|
|
border: '#B3E5FC',
|
|
borderStrong: '#81D4FA',
|
|
error: '#EF5350'
|
|
},
|
|
// Dark Mode Variants
|
|
dark: {
|
|
lume: {
|
|
primary: '#f8d62b',
|
|
primaryButton: '#7C6B16',
|
|
primaryButtonText: '#ffffff',
|
|
secondary: '#D4B200',
|
|
secondaryButton: '#1E1E1E',
|
|
contentBackground: '#1E1E1E',
|
|
contentBackgroundHover: '#333333',
|
|
contentPageBackground: '#121212',
|
|
menuBackground: '#101010',
|
|
menuBackgroundHover: '#333333',
|
|
pageBackground: '#101010',
|
|
text: '#ffffff',
|
|
borderLight: '#333333',
|
|
border: '#424242',
|
|
borderStrong: '#616161',
|
|
error: '#e74c3c'
|
|
},
|
|
nature: {
|
|
primary: '#4CAF50',
|
|
primaryButton: '#FF9500',
|
|
primaryButtonText: '#000000',
|
|
secondary: '#81C784',
|
|
secondaryButton: '#1E1E1E',
|
|
contentBackground: '#1E1E1E',
|
|
contentBackgroundHover: '#2E7D32',
|
|
contentPageBackground: '#121212',
|
|
menuBackground: '#252525',
|
|
menuBackgroundHover: '#2E7D32',
|
|
pageBackground: '#121212',
|
|
text: '#FFFFFF',
|
|
borderLight: '#1B5E20',
|
|
border: '#2E7D32',
|
|
borderStrong: '#388E3C',
|
|
error: '#CF6679'
|
|
},
|
|
stone: {
|
|
primary: '#78909C',
|
|
primaryButton: '#FF9500',
|
|
primaryButtonText: '#000000',
|
|
secondary: '#90A4AE',
|
|
secondaryButton: '#1E1E1E',
|
|
contentBackground: '#1E1E1E',
|
|
contentBackgroundHover: '#37474F',
|
|
contentPageBackground: '#121212',
|
|
menuBackground: '#252525',
|
|
menuBackgroundHover: '#37474F',
|
|
pageBackground: '#121212',
|
|
text: '#FFFFFF',
|
|
borderLight: '#37474F',
|
|
border: '#455A64',
|
|
borderStrong: '#546E7A',
|
|
error: '#CF6679'
|
|
},
|
|
ocean: {
|
|
primary: '#039BE5',
|
|
primaryButton: '#FF9500',
|
|
primaryButtonText: '#000000',
|
|
secondary: '#4FC3F7',
|
|
secondaryButton: '#1E1E1E',
|
|
contentBackground: '#1E1E1E',
|
|
contentBackgroundHover: '#0277BD',
|
|
contentPageBackground: '#121212',
|
|
menuBackground: '#252525',
|
|
menuBackgroundHover: '#0277BD',
|
|
pageBackground: '#121212',
|
|
text: '#FFFFFF',
|
|
borderLight: '#01579B',
|
|
border: '#0277BD',
|
|
borderStrong: '#0288D1',
|
|
error: '#CF6679'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
plugins: [require('@tailwindcss/typography')]
|
|
};
|