mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-15 08:01:09 +02:00
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>
131 lines
3.2 KiB
CSS
131 lines
3.2 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
/* Theme CSS Variables - Default Light */
|
|
:root,
|
|
:root.theme-default {
|
|
--background: 255 255 255;
|
|
--foreground: 17 24 39;
|
|
--surface: 249 250 251;
|
|
--surface-elevated: 255 255 255;
|
|
--muted: 243 244 246;
|
|
--muted-foreground: 107 114 128;
|
|
--primary: 59 130 246;
|
|
--primary-foreground: 255 255 255;
|
|
--secondary: 229 231 235;
|
|
--secondary-foreground: 31 41 55;
|
|
--accent: 99 102 241;
|
|
--accent-foreground: 255 255 255;
|
|
--destructive: 239 68 68;
|
|
--destructive-foreground: 255 255 255;
|
|
--border: 229 231 235;
|
|
--input: 229 231 235;
|
|
--ring: 59 130 246;
|
|
}
|
|
|
|
/* Default Dark */
|
|
:root.dark,
|
|
:root.theme-default.dark {
|
|
--background: 3 7 18;
|
|
--foreground: 248 250 252;
|
|
--surface: 15 23 42;
|
|
--surface-elevated: 30 41 59;
|
|
--muted: 51 65 85;
|
|
--muted-foreground: 148 163 184;
|
|
--primary: 96 165 250;
|
|
--primary-foreground: 3 7 18;
|
|
--secondary: 51 65 85;
|
|
--secondary-foreground: 248 250 252;
|
|
--accent: 129 140 248;
|
|
--accent-foreground: 3 7 18;
|
|
--destructive: 248 113 113;
|
|
--destructive-foreground: 3 7 18;
|
|
--border: 51 65 85;
|
|
--input: 51 65 85;
|
|
--ring: 96 165 250;
|
|
}
|
|
|
|
/* Forest Theme Light */
|
|
:root.theme-forest {
|
|
--background: 255 255 255;
|
|
--foreground: 20 83 45;
|
|
--surface: 240 253 244;
|
|
--surface-elevated: 255 255 255;
|
|
--muted: 220 252 231;
|
|
--muted-foreground: 101 163 13;
|
|
--primary: 34 197 94;
|
|
--primary-foreground: 255 255 255;
|
|
--secondary: 187 247 208;
|
|
--secondary-foreground: 22 101 52;
|
|
--accent: 132 204 22;
|
|
--accent-foreground: 255 255 255;
|
|
--destructive: 239 68 68;
|
|
--destructive-foreground: 255 255 255;
|
|
--border: 187 247 208;
|
|
--input: 187 247 208;
|
|
--ring: 34 197 94;
|
|
}
|
|
|
|
/* Forest Theme Dark */
|
|
:root.theme-forest.dark {
|
|
--background: 5 20 7;
|
|
--foreground: 236 253 245;
|
|
--surface: 6 78 59;
|
|
--surface-elevated: 16 185 129;
|
|
--muted: 52 211 153;
|
|
--muted-foreground: 167 243 208;
|
|
--primary: 52 211 153;
|
|
--primary-foreground: 5 20 7;
|
|
--secondary: 6 78 59;
|
|
--secondary-foreground: 236 253 245;
|
|
--accent: 163 230 53;
|
|
--accent-foreground: 5 20 7;
|
|
--destructive: 248 113 113;
|
|
--destructive-foreground: 5 20 7;
|
|
--border: 6 78 59;
|
|
--input: 6 78 59;
|
|
--ring: 52 211 153;
|
|
}
|
|
|
|
/* Sunset Theme Light */
|
|
:root.theme-sunset {
|
|
--background: 255 255 255;
|
|
--foreground: 154 52 18;
|
|
--surface: 255 247 237;
|
|
--surface-elevated: 255 255 255;
|
|
--muted: 254 215 170;
|
|
--muted-foreground: 194 65 12;
|
|
--primary: 251 146 60;
|
|
--primary-foreground: 255 255 255;
|
|
--secondary: 253 186 116;
|
|
--secondary-foreground: 124 45 18;
|
|
--accent: 236 72 153;
|
|
--accent-foreground: 255 255 255;
|
|
--destructive: 239 68 68;
|
|
--destructive-foreground: 255 255 255;
|
|
--border: 253 186 116;
|
|
--input: 253 186 116;
|
|
--ring: 251 146 60;
|
|
}
|
|
|
|
/* Sunset Theme Dark */
|
|
:root.theme-sunset.dark {
|
|
--background: 12 10 9;
|
|
--foreground: 250 250 249;
|
|
--surface: 68 64 60;
|
|
--surface-elevated: 87 83 78;
|
|
--muted: 120 113 108;
|
|
--muted-foreground: 214 211 209;
|
|
--primary: 251 146 60;
|
|
--primary-foreground: 12 10 9;
|
|
--secondary: 68 64 60;
|
|
--secondary-foreground: 250 250 249;
|
|
--accent: 244 114 182;
|
|
--accent-foreground: 12 10 9;
|
|
--destructive: 248 113 113;
|
|
--destructive-foreground: 12 10 9;
|
|
--border: 68 64 60;
|
|
--input: 68 64 60;
|
|
--ring: 251 146 60;
|
|
}
|