rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: Dark-Mode Landing mit color-scheme Meta-Tag und !important-Overrides (SW by-v954)

Browse source 
- <meta name="color-scheme" content="light dark"> ergänzt
- color-scheme: light dark / dark in :root
- Alle Dark-Mode-Regeln auf !important umgestellt um Inline-Styles zu schlagen
- #funktionen, #warum, #vergleich, #preise, #ueber ergänzt
This commit is contained in:
rene 2026-05-14 19:01:37 +02:00
parent 996ee9c97e
commit e548c43010
4 changed files with 32 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

2
backend/static/js/app.js
View file

@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung.
============================================================ */
const APP_VER = '953'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VER = '954'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VERSION = '1.5.1'; // ← semantische Version, wird bei make release gesetzt
const IS_STAGING = location.hostname === 'staging.banyaro.app';
// Cache-Bust-Parameter nach Update-Reload sofort entfernen

47
backend/static/landing.html
View file

@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="color-scheme" content="light dark">
<title>Ban Yaro — Die Hunde-App für Deutschland, Österreich & Schweiz</title>
<meta name="description" content="Ban Yaro: Die kostenlose All-in-One Hunde-App für DACH. Tagebuch, Giftköder-Alarm, Training mit KI, Forum, Wurfbörse, Stammbaum, Inzucht-Check — DSGVO-konform, offline-fähig, ohne App Store.">
<meta name="keywords" content="Hunde App, Hunde Community, Wurfbörse, Züchter, Welpen kaufen, Stammbaum Hund, Inzuchtkoeffizient, Hundezucht, Impfpass Hund, Giftköder Alarm, Gassi Community, Hundetraining App, Hunde Forum, Hunde KI, Hundefilm Datenbank, Welpen Marktplatz">
@ -161,6 +162,7 @@
--surface: #fff;
--border: #e8ddd0;
--radius: 12px;
color-scheme: light dark;
}
body {
@ -605,29 +607,38 @@
--text-muted: #6b5e50;
--border: #2e2620;
--primary-light: #3a2510;
color-scheme: dark;
}
body { background: var(--bg); color: var(--text); }
nav { background: #1a1612; border-color: var(--border); }
nav a { color: var(--text-secondary); }
section:nth-child(even) { background: #1a1612; }
body { background: #141210 !important; color: #ede8e2 !important; }
nav { background: #1a1612 !important; border-color: #2e2620 !important; }
nav a { color: #a89880 !important; }
nav .nav-brand { color: #C4843A !important; }
section { background: #141210 !important; }
section:nth-child(even) { background: #1a1612 !important; }
#fuer-beide { background: #1a1612 !important; }
#funktionen { background: #1a1612 !important; }
#welpen { background: #1a1612 !important; }
#stimmen { background: #141210 !important; }
#zuechter { background: #1a1208 !important; }
.outcome-card, .feature-card { background: var(--surface); border-color: var(--border); }
.testimonial-card { background: var(--surface); border-color: var(--border); }
.pricing-card { background: var(--surface); border-color: var(--border); }
.pricing-card.featured { border-color: var(--primary); }
section { background: var(--bg); }
#audience-owner > div { background: var(--surface) !important; border-color: var(--border) !important; }
.audience-card > div { background: var(--surface) !important; border-color: var(--border) !important; }
table { background: var(--surface); }
th { background: var(--primary); }
td { border-color: var(--border); }
tr:nth-child(even) td { background: var(--bg); }
footer { background: #0d0b09; }
.feature-group-label { background: var(--primary-light); color: var(--primary); }
h2, h3 { color: var(--text); }
#warum { background: #141210 !important; }
#vergleich { background: #1a1612 !important; }
#preise { background: #141210 !important; }
#ueber { background: #1a1612 !important; }
.outcome-card { background: #1e1a16 !important; border-color: #2e2620 !important; }
.feature-card { background: #1e1a16 !important; border-color: #2e2620 !important; }
.testimonial-card { background: #1e1a16 !important; border-color: #2e2620 !important; }
.pricing-card { background: #1e1a16 !important; border-color: #2e2620 !important; }
.pricing-card.featured { border-color: #C4843A !important; }
.audience-card > div { background: #1e1a16 !important; border-color: #2e2620 !important; }
.feature-group-label { background: #3a2510 !important; color: #C4843A !important; }
h2, h3 { color: #ede8e2 !important; }
p { color: #a89880; }
table { background: #1e1a16 !important; }
th { background: #C4843A !important; }
td { border-color: #2e2620 !important; color: #ede8e2 !important; }
tr:nth-child(even) td { background: #141210 !important; }
footer { background: #0d0b09 !important; }
.section-intro { color: #a89880 !important; }
}
</style>
</head>

2
backend/static/sw.js
View file

@ -3,7 +3,7 @@
Offline-Cache + Push Notifications + Tile-Cache
============================================================ */
const CACHE_VERSION = 'by-v953';
const CACHE_VERSION = 'by-v954';
const CACHE_STATIC = `${CACHE_VERSION}-static`;
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten
const CACHE_API = 'ban-yaro-api-v1'; // API-Response-Cache