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

Fix: theme-color JS-Fallback für Samsung, Wischgesten-Tipp in Settings, _syncThemeColor bei init (SW by-v811)

Browse source
This commit is contained in:
rene 2026-05-09 22:07:01 +02:00
parent 480a343ec0
commit 1fdd7d4ed0
5 changed files with 25 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

2
backend/main.py
View file

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

14
backend/static/index.html
View file

@ -97,9 +97,9 @@
</script> </script>
<!-- CSS: Reihenfolge ist wichtig — ?v= zwingt Browser zur Neuladung --> <!-- CSS: Reihenfolge ist wichtig — ?v= zwingt Browser zur Neuladung -->
<link rel="stylesheet" href="/css/design-system.css?v=810"> <link rel="stylesheet" href="/css/design-system.css?v=811">
<link rel="stylesheet" href="/css/layout.css?v=810"> <link rel="stylesheet" href="/css/layout.css?v=811">
<link rel="stylesheet" href="/css/components.css?v=810"> <link rel="stylesheet" href="/css/components.css?v=811">
</head> </head>
<body> <body>
@ -579,10 +579,10 @@
<div id="modal-container"></div> <div id="modal-container"></div>
<!-- JS: Reihenfolge ist wichtig — erst Basis, dann Features --> <!-- JS: Reihenfolge ist wichtig — erst Basis, dann Features -->
<script src="/js/api.js?v=810"></script> <script src="/js/api.js?v=811"></script>
<script src="/js/ui.js?v=810"></script> <script src="/js/ui.js?v=811"></script>
<script src="/js/app.js?v=810"></script> <script src="/js/app.js?v=811"></script>
<script src="/js/worlds.js?v=810"></script> <script src="/js/worlds.js?v=811"></script>
<!-- Feature-Seiten werden lazy geladen --> <!-- Feature-Seiten werden lazy geladen -->

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

@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung. Router, State-Management, Navigation, Initialisierung.
============================================================ */ ============================================================ */
const APP_VER = '810'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen const APP_VER = '811'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VERSION = '1.5.0'; // ← semantische Version, wird bei make release gesetzt const APP_VERSION = '1.5.0'; // ← semantische Version, wird bei make release gesetzt
const IS_STAGING = location.hostname === 'staging.banyaro.app'; const IS_STAGING = location.hostname === 'staging.banyaro.app';
// Cache-Bust-Parameter nach Update-Reload sofort entfernen // Cache-Bust-Parameter nach Update-Reload sofort entfernen
@ -612,11 +612,21 @@ const App = (() => {
function _applyUserTheme(user) { function _applyUserTheme(user) {
const theme = user?.preferred_theme; const theme = user?.preferred_theme;
if (!theme || theme === 'system') return; // System-Einstellung: nichts tun if (!theme || theme === 'system') { _syncThemeColor(); return; }
localStorage.setItem('by_theme', theme); localStorage.setItem('by_theme', theme);
const html = document.documentElement; const html = document.documentElement;
if (theme === 'dark') html.setAttribute('data-theme', 'dark'); if (theme === 'dark') html.setAttribute('data-theme', 'dark');
else if (theme === 'light') html.setAttribute('data-theme', 'light'); else if (theme === 'light') html.setAttribute('data-theme', 'light');
_syncThemeColor();
}
function _syncThemeColor() {
// Fallback für Browser die media-Queries auf theme-color meta nicht unterstützen (Samsung)
const isDark = document.documentElement.getAttribute('data-theme') === 'dark'
|| (window.matchMedia('(prefers-color-scheme: dark)').matches
&& document.documentElement.getAttribute('data-theme') !== 'light');
const color = isDark ? '#0f1623' : '#C4843A';
document.querySelector('meta[name="theme-color"]')?.setAttribute('content', color);
} }
function _showVerifyBanner() { function _showVerifyBanner() {
@ -857,6 +867,7 @@ const App = (() => {
// INITIALISIERUNG // INITIALISIERUNG
// ---------------------------------------------------------- // ----------------------------------------------------------
async function init() { async function init() {
_syncThemeColor(); // Statusleisten-Farbe sofort setzen
// Spezielle Hash-Parameter → in App bleiben (kein /info-Redirect) // Spezielle Hash-Parameter → in App bleiben (kein /info-Redirect)
const _rawHash = location.hash.replace('#', ''); const _rawHash = location.hash.replace('#', '');
const _hashQuery = _rawHash.split('?')[1] || ''; const _hashQuery = _rawHash.split('?')[1] || '';

6
backend/static/js/pages/settings.js
View file

@ -334,9 +334,9 @@ window.Page_settings = (() => {
background:var(--c-warning-subtle,rgba(245,158,11,0.12)); background:var(--c-warning-subtle,rgba(245,158,11,0.12));
border:1px solid rgba(245,158,11,0.3); border:1px solid rgba(245,158,11,0.3);
font-size:var(--text-xs);color:var(--c-text-secondary);line-height:1.5"> font-size:var(--text-xs);color:var(--c-text-secondary);line-height:1.5">
<strong style="color:var(--c-warning,#f59e0b)">Samsung Internet Tipp:</strong> <strong style="color:var(--c-warning,#f59e0b)">Samsung Internet Tipps:</strong><br>
Für korrekte Farben im Samsung Browser unter • Farben: <em>Einstellungen → Webseitenansicht → Dark Mode</em> deaktivieren.<br>
<em>Einstellungen → Webseitenansicht → Dark Mode</em> deaktivieren. • Vollbild: <em>Einstellungen → Display → Navigationsleiste → Wischgesten</em> aktivieren.
</div>` : ''} </div>` : ''}
<!-- KI-Notiz-Assistent --> <!-- KI-Notiz-Assistent -->

2
backend/static/sw.js
View file

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