Dunkler Modus kommt in Gladys 4.63 🌔

pierre-gilles · 6. Juli 2026 um 07:46

Ich hatte Cursor Agent zum Thema gestartet, der zu denselben Schlussfolgerungen kam, korrigiert in diesem PR:

github.com/GladysAssistant/Gladys

Fix dark mode preference being overwritten on iOS (#2609)

master ← cursor/fix-ios-dark-mode-preference-98ca

ouvert 04:33PM - 03 Jul 26 UTC

Pierre-Gilles

+110 -48

### Pull Request check-list - [x] Is the linter passing? (`npm run eslint` on c…hanged front files) - [x] Did you run prettier? (`npm run prettier` on changed front files) - [ ] If your changes affect the code, did you write the tests? - [ ] Are tests passing? (`npm test` on both front/server) - [ ] Did you test this pull request in real life? With real devices? ### Description of change Fixes intermittent dark mode on iOS / Gladys Plus reported in community feedback. **Root cause:** Since dark mode was added (#2343), the app listens to `prefers-color-scheme` changes and calls `updateDarkModeFromSystem()`, which always overwrites `localStorage` with the OS value — even after the user manually toggled light/dark mode. On iOS Safari and PWAs, WebKit can fire spurious `prefers-color-scheme` change events (e.g. when resuming the app from background). This explains why a user with iOS permanently in light mode still sees dark mode more than half the time, while Firefox on macOS behaves correctly. **Fix:** - Introduce an explicit preference model: `light`, `dark`, or `system` (`front/src/utils/darkModePreference.js`) - Manual toggle saves an explicit `light` / `dark` preference that is no longer overwritten by OS events - System preference is only followed when the user has not chosen a mode (`system`) - Migrate the legacy `dark-mode` localStorage key for backward compatibility - `setDarkModePreference` is guarded against storage failures (CodeRabbit review) - Preference values exported as named constants (CodeRabbit review) **Note for affected users:** After this fix ships, toggling once to light mode will persist correctly across sessions. <div><a href="https://cursor.com/agents/bc-019f28d2-0c6b-77d8-a9cd-50f7564a98ca"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/assets/images/open-in-web-dark.png"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/assets/images/open-in-web-light.png"><img alt="Open in Web" width="114" height="28" src="https://cursor.com/assets/images/open-in-web-dark.png"></picture></a> <a href="https://cursor.com/background-agent?bcId=bc-019f28d2-0c6b-77d8-a9cd-50f7564a98ca"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/assets/images/open-in-cursor-dark.png"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/assets/images/open-in-cursor-light.png"><img alt="Open in Cursor" width="131" height="28" src="https://cursor.com/assets/images/open-in-cursor-dark.png"></picture></a> </div> ## Summary by CodeRabbit * **New Features** * Improved dark mode preference handling with explicit **Light / Dark / System** options. * The app applies the correct theme consistently and follows system color-scheme changes when set to **System**. * **Bug Fixes** * More reliable persistence of theme choices, including automatic migration of older saved values to the new preference format. * Reduced theme-toggle inconsistencies by ensuring updates are applied consistently across the interface.

Übrigens, ganz lustig, ich habe das Problem auch am Wochenende auf meinem iPhone bemerkt

Thema		Antworten	Aufrufe
Dark mode dans Gladys Demandes livrées feature-core , feature-request-ux	41	1833	29. September 2025
Gladys et broker MQTT externe Configuration	37	768	25. März 2024
Remplacement des icônes Feather par Lucide Demandes livrées feature-core	25	295	2. August 2026
Correction diverses UX Développement ux	11	136	2. Juli 2026
Alarme mode verrouillée : Investigation déconnexion Configuration	24	521	8. April 2024

Dunkler Modus kommt in Gladys 4.63 🌔

Verwandte Themen