Dark mode arrives in Gladys 4.63 🌔

pierre-gilles · July 6, 2026, 7:46am

I had launched Cursor Agent on the topic which found the same conclusions, corrected in this 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

+98 -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 **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** * Dark mode preferences now persist more reliably and support a cleaner light/dark/system setting flow. * The app now automatically applies the correct theme to the page and updates when system color-scheme settings change. * **Bug Fixes** * Improved handling of saved theme settings, including legacy values, to avoid incorrect dark mode behavior. * Reduced theme toggle inconsistencies by centralizing how the interface updates.

By the way, quite funny, I also noticed the bug this weekend on my iPhone

Topic		Replies	Views
Dark mode dans Gladys Demandes livrées feature-request-ux	41	1730	September 29, 2025
Gladys et broker MQTT externe Configuration	37	663	March 25, 2024
Correction diverses UX Développement ux	11	103	July 2, 2026
Alarme mode verrouillée : Investigation déconnexion Configuration	24	500	April 8, 2024
[Dashboard] Gérer la mise à jour quand on revient sur l'application Demandes livrées dashboard , feature-request-ux	8	103	February 14, 2025

Dark mode arrives in Gladys 4.63 🌔

Related topics