Fix: Dark-Mode Karte + Badge-Farben + --c-bg-secondary

Karte:
- Dark-Mode: CartoDB Dark Matter Tiles statt OSM Standard
- MutationObserver + matchMedia watchee für Live-Theme-Wechsel
- _buildTileLayer() / _applyTileTheme() / _isDarkMode()

Badges litters.js:
- Hardgekodete dunkle Hintergründe → CSS-Klassen (badge-warning/-success/-muted)
- Funktioniert jetzt in Light + Dark Mode korrekt

movies.css:
- .movie-tag-stirbt/.movie-tag-ueberlebt → CSS-Variablen (danger-/success-subtle)
- Kein weißer Hintergrund mehr in Dark Mode

--c-bg-secondary: Zoom-Control 30px bleiben aus dem letzten Commit
SW by-v1022, APP_VER 1022
This commit is contained in:
rene 2026-05-16 11:11:09 +02:00
parent 161c1e3f73
commit 721e630a34
6 changed files with 63 additions and 24 deletions

View file

@ -5160,9 +5160,9 @@ html.modal-open {
/* "Stirbt der Hund?" Tags */
.movie-tag-stirbt {
background: #fef2f2;
color: #dc2626;
border: 1.5px solid #dc2626;
background: var(--c-danger-subtle);
color: var(--c-danger);
border: 1.5px solid var(--c-danger-border);
border-radius: var(--radius-md);
padding: var(--space-2) var(--space-3);
font-size: var(--text-xs);
@ -5172,9 +5172,9 @@ html.modal-open {
}
.movie-tag-ueberlebt {
background: #f0fdf4;
color: #16a34a;
border: 1.5px solid #16a34a;
background: var(--c-success-subtle);
color: var(--c-success);
border: 1.5px solid color-mix(in srgb, var(--c-success) 30%, transparent);
border-radius: var(--radius-md);
padding: var(--space-2) var(--space-3);
font-size: var(--text-xs);