managarten/manadeck/apps/mobile/global.css
Till-JS e7f5f942f3 chore: initial commit - consolidate 4 projects into monorepo
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>
2025-11-22 23:38:24 +01:00

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;
}