Le mode sombre débarque dans Gladys 4.63 🌔

pierre-gilles · Juillet 6, 2026, 7:46

J’avais lancé Cursor Agent sur le sujet qui a trouvé les mêmes conclusions, corrigé dans cette 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.

D’ailleurs, assez marrant j’ai remarqué le bug aussi ce week-end sur mon iPhone

Sujet		Réponses	Vues
Dark mode dans Gladys [Archive] Demande de fonctionnalités feature-request-core , feature-request-ux	41	1709	Septembre 29, 2025
Gladys et broker MQTT externe Configuration	37	638	Mars 25, 2024
Correction diverses UX Développement ux	11	100	Juillet 2, 2026
Alarme mode verrouillée : Investigation déconnexion Configuration	24	499	Avril 8, 2024
[Dashboard] Gérer la mise à jour quand on revient sur l'application [Archive] Demande de fonctionnalités dashboard , feature-request-ux	8	97	Février 14, 2025

Le mode sombre débarque dans Gladys 4.63 🌔

Sujets connexes