till/zitare-native
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(dark-mode): WebView folgt System statt eigener localStorage-Toggle

Browse source 
Symptom: in TestFlight-Build wirkte Account-Tab dunkel, aber
Lesen + Erkunden hell (oder umgekehrt, je nachdem was im Web-
localStorage stand). Inkonsistent, weil:
- AccountView (SwiftUI) nutzt ZitareTheme.dynamic() — folgt System
- WebView las localStorage['zitare-mode'], das nur über den
  Theme-Toggle-Button im Web-Header gesetzt wurde — den wir aber
  nativ ausgeblendet haben → kein User-Steuerpfad

Fix: neuer User-Script `syncDarkMode` injiziert at document.start:
- liest prefers-color-scheme via matchMedia
- schreibt localStorage['zitare-mode'] = 'dark' / removes
- togglet die `.dark`-Class auf <html>
- bleibt aktiv via matchMedia-change-Listener für Live-Switches

Reihenfolge in WebView-Config: syncDarkMode VOR hideWebHeader,
damit das Theme richtig ist bevor Header-CSS rendert.

Build 3 für nächsten TestFlight-Upload.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Till 2026-05-14 21:45:25 +02:00
parent f65b949dec
commit 2616c4f440
3 changed files with 43 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
Sources/Features/WebShell/WebShellView.swift
View file

@ -105,6 +105,8 @@ final class WebNavState {
let config = WKWebViewConfiguration()
config.websiteDataStore = .default()
config.applicationNameForUserAgent = "ZitareNative/0.1 (iOS)"
// Reihenfolge: erst Theme syncen, dann Header verstecken.
config.userContentController.addUserScript(WebShellScripts.syncDarkMode)
config.userContentController.addUserScript(WebShellScripts.hideWebHeader)
let webView = WKWebView(frame: .zero, configuration: config)
webView.navigationDelegate = context.coordinator
@ -153,6 +155,8 @@ final class WebNavState {
let config = WKWebViewConfiguration()
config.websiteDataStore = .default()
config.applicationNameForUserAgent = "ZitareNative/0.1 (macOS)"
// Reihenfolge: erst Theme syncen, dann Header verstecken.
config.userContentController.addUserScript(WebShellScripts.syncDarkMode)
config.userContentController.addUserScript(WebShellScripts.hideWebHeader)
let webView = WKWebView(frame: .zero, configuration: config)
webView.navigationDelegate = context.coordinator