/** * Farbschemata: werden per data-color-scheme auf aktiviert. * Kern-Variablen (--color-brand, --color-action, --color-danger, --color-accent) * sollten in der App für Akzente genutzt werden; bestehende style.css :root-Werte * gelten als „default“, hier nur gezielt überschrieben. */ html[data-color-scheme="default"], :root:not([data-color-scheme]) { --color-brand: #4caf50; --color-action: #007aff; --color-danger: #dc3545; --color-accent: #7fff7f; --org-module-bg: linear-gradient(145deg, #1f2937, #111827); --org-module-border: #374151; --org-module-title: #e5e7eb; --org-module-text: #d1d5db; --org-module-divider: #374151; } html[data-color-scheme="ocean"] { --color-brand: #14b8a6; --color-action: #0ea5e9; --color-danger: #f43f5e; --color-accent: #22d3ee; --org-module-bg: linear-gradient(145deg, #0f2740, #0b1e2f); --org-module-border: #1d4f73; --org-module-title: #d8f4ff; --org-module-text: #c1e9fb; --org-module-divider: #1d4f73; } html[data-color-scheme="forest"] { --color-brand: #22c55e; --color-action: #16a34a; --color-danger: #ef4444; --color-accent: #4ade80; --org-module-bg: linear-gradient(145deg, #153a2a, #102b20); --org-module-border: #1f5b3c; --org-module-title: #dffbe8; --org-module-text: #c7f0d8; --org-module-divider: #1f5b3c; } html[data-color-scheme="sunset"] { --color-brand: #f97316; --color-action: #ea580c; --color-danger: #dc2626; --color-accent: #fb923c; --org-module-bg: linear-gradient(145deg, #3a2016, #2c1710); --org-module-border: #7a3e23; --org-module-title: #ffe7d6; --org-module-text: #ffd9bf; --org-module-divider: #7a3e23; } html[data-color-scheme="violet"] { --color-brand: #a855f7; --color-action: #8b5cf6; --color-danger: #f43f5e; --color-accent: #c084fc; --org-module-bg: linear-gradient(145deg, #2a1a3e, #20132f); --org-module-border: #5c3a87; --org-module-title: #f1e6ff; --org-module-text: #e2d2ff; --org-module-divider: #5c3a87; } html[data-color-scheme="midnight"] { --color-brand: #38bdf8; --color-action: #6366f1; --color-danger: #f87171; --color-accent: #818cf8; --org-module-bg: linear-gradient(145deg, #101725, #0b1020); --org-module-border: #26324d; --org-module-title: #e5edff; --org-module-text: #cfd9f8; --org-module-divider: #26324d; } /* Lustige / Länder-Presets */ html[data-color-scheme="jamaica"] { --color-brand: #009b3a; --color-action: #fcd116; --color-danger: #000000; --color-accent: #fcd116; --org-module-bg: linear-gradient(145deg, #123823, #0b2618); --org-module-border: #2f8d57; --org-module-title: #fff6bf; --org-module-text: #e4f4d5; --org-module-divider: #2f8d57; } html[data-color-scheme="germany"] { --color-brand: #ffce00; --color-action: #dd0000; --color-danger: #111111; --color-accent: #ffce00; --org-module-bg: linear-gradient(145deg, #2a2a2a, #171717); --org-module-border: #5b5b5b; --org-module-title: #fff1b0; --org-module-text: #f0e6d6; --org-module-divider: #5b5b5b; } html[data-color-scheme="spain"] { --color-brand: #aa151b; --color-action: #f1bf00; --color-danger: #aa151b; --color-accent: #f1bf00; --org-module-bg: linear-gradient(145deg, #3a1f20, #2b1718); --org-module-border: #7a3d3f; --org-module-title: #ffe8b8; --org-module-text: #ffd9c2; --org-module-divider: #7a3d3f; } html[data-color-scheme="thailand"] { --color-brand: #a51931; --color-action: #2d2a4a; --color-danger: #a51931; --color-accent: #f4f4f4; --org-module-bg: linear-gradient(145deg, #1d2238, #141a2e); --org-module-border: #3f4f7a; --org-module-title: #f5f7ff; --org-module-text: #d8e0ff; --org-module-divider: #3f4f7a; }