mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-24 00:16:42 +02:00
c6c4c5a552
- Create @manacore/shared-landing-ui package with reusable components (FeatureSection, StepsSection, FAQSection, CTASection, Card atoms) - Add complete landing page for manadeck app - Refactor märchenzauber landing to use shared components (remove local CTA, FAQ, Features, HowItWorks sections) - Add German localization for manacore and memoro landing pages - Update workspace configuration and package dependencies 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
81 lines
2 KiB
CSS
81 lines
2 KiB
CSS
/**
|
|
* Default Theme - Neutral Dark Theme
|
|
* This is a generic dark theme that works well for any app
|
|
* Import this file or one of the app-specific themes
|
|
*/
|
|
:root {
|
|
/* Primary colors - Neutral Blue */
|
|
--color-primary: #3b82f6;
|
|
--color-primary-hover: #2563eb;
|
|
--color-primary-glow: rgba(59, 130, 246, 0.3);
|
|
|
|
/* Text colors */
|
|
--color-text-primary: #f9fafb;
|
|
--color-text-secondary: #d1d5db;
|
|
--color-text-muted: #6b7280;
|
|
|
|
/* Background colors */
|
|
--color-background-page: #111827;
|
|
--color-background-card: #1f2937;
|
|
--color-background-card-hover: #374151;
|
|
|
|
/* Border colors */
|
|
--color-border: #374151;
|
|
--color-border-hover: #4b5563;
|
|
}
|
|
|
|
/* Light mode support */
|
|
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
--color-primary: #2563eb;
|
|
--color-primary-hover: #1d4ed8;
|
|
--color-primary-glow: rgba(37, 99, 235, 0.3);
|
|
|
|
--color-text-primary: #111827;
|
|
--color-text-secondary: #4b5563;
|
|
--color-text-muted: #9ca3af;
|
|
|
|
--color-background-page: #ffffff;
|
|
--color-background-card: #f9fafb;
|
|
--color-background-card-hover: #f3f4f6;
|
|
|
|
--color-border: #e5e7eb;
|
|
--color-border-hover: #d1d5db;
|
|
}
|
|
}
|
|
|
|
/* Force dark mode class */
|
|
.dark {
|
|
--color-primary: #3b82f6;
|
|
--color-primary-hover: #60a5fa;
|
|
--color-primary-glow: rgba(59, 130, 246, 0.3);
|
|
|
|
--color-text-primary: #f9fafb;
|
|
--color-text-secondary: #d1d5db;
|
|
--color-text-muted: #6b7280;
|
|
|
|
--color-background-page: #111827;
|
|
--color-background-card: #1f2937;
|
|
--color-background-card-hover: #374151;
|
|
|
|
--color-border: #374151;
|
|
--color-border-hover: #4b5563;
|
|
}
|
|
|
|
/* Force light mode class */
|
|
.light {
|
|
--color-primary: #2563eb;
|
|
--color-primary-hover: #1d4ed8;
|
|
--color-primary-glow: rgba(37, 99, 235, 0.3);
|
|
|
|
--color-text-primary: #111827;
|
|
--color-text-secondary: #4b5563;
|
|
--color-text-muted: #9ca3af;
|
|
|
|
--color-background-page: #ffffff;
|
|
--color-background-card: #f9fafb;
|
|
--color-background-card-hover: #f3f4f6;
|
|
|
|
--color-border: #e5e7eb;
|
|
--color-border-hover: #d1d5db;
|
|
}
|