mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-16 16:59:41 +02:00
264149a913
Add new reusable components to shared-landing-ui package: - AppScrollerSection, TimelineSection, MasonryGridSection, PrinciplesSection - LegalPageTemplate for privacy/terms/cookies/imprint pages - Navigation component with mobile menu and language switcher - GradientText and LanguageSwitcher atoms - i18n system with getLangFromUrl, useTranslations, localizePath - Theme files for picture (indigo), chat (blue), zitare (teal) Add legal pages to ManaDeck and Chat landing pages: - privacy, terms, cookies, imprint pages using shared template - Updated footers with cookies link
80 lines
1.9 KiB
CSS
80 lines
1.9 KiB
CSS
/**
|
|
* Picture Theme - Dark Indigo
|
|
* AI image generation app
|
|
*/
|
|
:root {
|
|
/* Primary colors - Indigo/Purple */
|
|
--color-primary: #6366f1;
|
|
--color-primary-hover: #4f46e5;
|
|
--color-primary-glow: rgba(99, 102, 241, 0.3);
|
|
|
|
/* Text colors */
|
|
--color-text-primary: #f8fafc;
|
|
--color-text-secondary: #cbd5e1;
|
|
--color-text-muted: #64748b;
|
|
|
|
/* Background colors - Deep dark */
|
|
--color-background-page: #0c0a1d;
|
|
--color-background-card: #1a1833;
|
|
--color-background-card-hover: #252345;
|
|
|
|
/* Border colors */
|
|
--color-border: rgba(99, 102, 241, 0.2);
|
|
--color-border-hover: rgba(99, 102, 241, 0.4);
|
|
}
|
|
|
|
/* Light mode support */
|
|
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
--color-primary: #4f46e5;
|
|
--color-primary-hover: #4338ca;
|
|
--color-primary-glow: rgba(79, 70, 229, 0.2);
|
|
|
|
--color-text-primary: #1e1b4b;
|
|
--color-text-secondary: #4338ca;
|
|
--color-text-muted: #6366f1;
|
|
|
|
--color-background-page: #fafafa;
|
|
--color-background-card: #ffffff;
|
|
--color-background-card-hover: #f5f3ff;
|
|
|
|
--color-border: #e0e7ff;
|
|
--color-border-hover: #c7d2fe;
|
|
}
|
|
}
|
|
|
|
/* Force dark mode class */
|
|
.dark {
|
|
--color-primary: #6366f1;
|
|
--color-primary-hover: #818cf8;
|
|
--color-primary-glow: rgba(99, 102, 241, 0.3);
|
|
|
|
--color-text-primary: #f8fafc;
|
|
--color-text-secondary: #cbd5e1;
|
|
--color-text-muted: #64748b;
|
|
|
|
--color-background-page: #0c0a1d;
|
|
--color-background-card: #1a1833;
|
|
--color-background-card-hover: #252345;
|
|
|
|
--color-border: rgba(99, 102, 241, 0.2);
|
|
--color-border-hover: rgba(99, 102, 241, 0.4);
|
|
}
|
|
|
|
/* Force light mode class */
|
|
.light {
|
|
--color-primary: #4f46e5;
|
|
--color-primary-hover: #4338ca;
|
|
--color-primary-glow: rgba(79, 70, 229, 0.2);
|
|
|
|
--color-text-primary: #1e1b4b;
|
|
--color-text-secondary: #4338ca;
|
|
--color-text-muted: #6366f1;
|
|
|
|
--color-background-page: #fafafa;
|
|
--color-background-card: #ffffff;
|
|
--color-background-card-hover: #f5f3ff;
|
|
|
|
--color-border: #e0e7ff;
|
|
--color-border-hover: #c7d2fe;
|
|
}
|