Fix: Giftliste Dark Mode — CSS-Variablen statt hardcoded #fff5f5/#fff3cd, --c-danger-border neu (SW by-v775)

This commit is contained in:
rene 2026-05-08 13:07:06 +02:00
parent 8467f01b5b
commit 857c83bd65
6 changed files with 15 additions and 10 deletions

View file

@ -327,7 +327,7 @@ MEDIA_DIR = os.getenv("MEDIA_DIR", "/data/media")
os.makedirs(MEDIA_DIR, exist_ok=True)
app.mount("/media", StaticFiles(directory=MEDIA_DIR), name="media")
APP_VER = "774" # muss mit APP_VER in app.js übereinstimmen
APP_VER = "775" # muss mit APP_VER in app.js übereinstimmen
@app.get("/.well-known/assetlinks.json")
async def assetlinks():

View file

@ -39,6 +39,7 @@
--c-danger: #C4391A;
--c-danger-dark: #9E2A10;
--c-danger-subtle: #FDEEE9;
--c-danger-border: rgba(196,57,26,0.3);
--c-success: #5B8A4A;
--c-success-subtle: #EBF4E7;
--c-warning: #D4923A;
@ -132,6 +133,7 @@
--c-nature-subtle: #1A2214;
--c-sky-subtle: #141C22;
--c-danger-subtle: #2A100A;
--c-danger-border: rgba(196,57,26,0.4);
--c-success-subtle: #122010;
--c-warning-subtle: #261A08;
--c-info-subtle: #10182A;

View file

@ -578,7 +578,7 @@
<script src="/js/api.js?v=94"></script>
<script src="/js/ui.js?v=94"></script>
<script src="/js/app.js?v=94"></script>
<script src="/js/worlds.js?v=774"></script>
<script src="/js/worlds.js?v=775"></script>
<!-- Feature-Seiten werden lazy geladen -->

View file

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

View file

@ -460,22 +460,25 @@ window.Page_ernaehrung = (() => {
el.innerHTML = `
<div style="padding:var(--space-4) 0">
<div style="background:#fff3cd;border:1px solid #ffc107;border-radius:var(--radius-md);
padding:var(--space-3);margin-bottom:var(--space-4);
font-size:var(--text-sm)">
<div style="background:var(--c-warning-subtle,rgba(255,193,7,0.15));
border:1px solid var(--c-warning,#ffc107);
border-radius:var(--radius-md);padding:var(--space-3);
margin-bottom:var(--space-4);font-size:var(--text-sm);
color:var(--c-text)">
<strong> Notfall-Tierarzt:</strong> Bei Verdacht auf Vergiftung sofort zum Tierarzt.
Nicht abwarten, auch wenn noch keine Symptome sichtbar sind.
</div>
<div style="display:grid;gap:var(--space-2)">
${items.map(item => `
<div style="background:#fff5f5;border:1px solid #fed7d7;
<div style="background:var(--c-danger-subtle,rgba(220,38,38,0.08));
border:1px solid var(--c-danger-border,rgba(220,38,38,0.25));
border-radius:var(--radius-md);padding:var(--space-3)">
<div style="display:flex;align-items:center;gap:var(--space-2)">
<span style="font-size:1.4rem">${item.emoji}</span>
<div>
<div style="font-weight:600;font-size:var(--text-sm)">${_esc(item.name)}</div>
<div style="font-size:var(--text-xs);color:#c53030">${_esc(item.grund)}</div>
<div style="font-weight:600;font-size:var(--text-sm);color:var(--c-text)">${_esc(item.name)}</div>
<div style="font-size:var(--text-xs);color:var(--c-danger)">${_esc(item.grund)}</div>
</div>
</div>
</div>

View file

@ -3,7 +3,7 @@
Offline-Cache + Push Notifications + Tile-Cache
============================================================ */
const CACHE_VERSION = 'by-v774';
const CACHE_VERSION = 'by-v775';
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