Salut Ă tous !
Vous ĂȘtes nombreux Ă demander un mode sombre dans Gladys, et je suis heureux de vous annoncer que le mode sombre est maintenant disponible dans Gladys Assistant 4.63
Le mode sombre sâactive automatiquement en fonction du mode de votre systĂšme, et peut ĂȘtre activĂ© manuellement sinon, avec le bouton Ă gauche de votre photo de profil
NâhĂ©sitez pas si vous avez des retours !
Super bonne nouvelle, car ça piqué les yeux le soir.
Bravo
Bonsoir @pierre-gilles
Gladys vient de mâannoncer son dĂ©marrage, et je me retrouve avec un superbe mode sombre, trĂšs bien intĂ©grĂ© avec lâensemble de mes tableaux de bord, merci beaucoup
Trop bien ce mode sombre !
Je nâavais jamais essayĂ© et jâadore, bravo !
Juste une chose que jây trouve moins bien :
Si jamais tu vois comment adoucir ce combo orange/blancâŠ
Encore merci !
Merci beaucoup pour le mode sombre ! Il fait du bien !
Juste :
Merci pour vos retours @GBoulvin @Xenicle , je ferais une passe avec tous les feedbacks dans la semaine !
Jâadore ce dark mode merci. Je lâai dĂ©jĂ alors que je suis pas Ă jour
Jluc
Septembre 30, 2025, 10:05
8
Super les modes, sombre et clair, paramétrables. Merci @pierre-gilles
Psoy
Septembre 30, 2025, 10:27
9
Bonjour @pierre-gilles
jâutilise les retours de bouton volet roulant pour signaler quâils sont fermĂ©s ou ouverts :
En mode sombre on ne les voient plus
merci
Hizo
Septembre 30, 2025, 11:42
10
Je confirme, jâai le mĂȘme souci
Tu es sur Gladys Plus, qui est toujours Ă la derniĂšre version, mĂȘme si localement ton instance nâest pas forcĂ©ment Ă la derniĂšre.
Merci pour vos retours, je me note ça, je regarde en fin de semaine
Salut @GBoulvin , jâai corrigĂ© ton retour en changeant le jaune, et le texte passe de blanc Ă noir, ça rend beaucoup mieux
master â fix-bg-warning-dashboard
ouvert 08:08AM - 03 Oct 25 UTC
### Pull Request check-list
To ensure your Pull Request can be accepted as fa⊠st as possible, make sure to review and check all of these items:
- [x] If your changes affects code, did your write the tests?
- [x] Are tests passing? (`npm test` on both front/server)
- [x] Is the linter passing? (`npm run eslint` on both front/server)
- [x] Did you run prettier? (`npm run prettier` on both front/server)
- [x] If you are adding a new features/services, did you run integration comparator? (`npm run compare-translations` on front)
- [x] Did you test this pull request in real life? With real devices? If this development is a big feature or a new service, we recommend that you provide a Docker image to the community ([french forum](https://community.gladysassistant.com/)/[english forum](https://en-community.gladysassistant.com/)) for testing before merging.
### Description of change
Dark mode: Fix bg-warning yellow badges to make it less bright
@Xenicle , jâai corrigĂ© le bug sur lâhorloge analogique :
master â fix-clock-dark-mode
ouvert 08:03AM - 03 Oct 25 UTC
### Pull Request check-list
To ensure your Pull Request can be accepted as fa⊠st as possible, make sure to review and check all of these items:
- [x] If your changes affects code, did your write the tests?
- [x] Are tests passing? (`npm test` on both front/server)
- [x] Is the linter passing? (`npm run eslint` on both front/server)
- [x] Did you run prettier? (`npm run prettier` on both front/server)
- [x] If you are adding a new features/services, did you run integration comparator? (`npm run compare-translations` on front)
- [x] Did you test this pull request in real life? With real devices? If this development is a big feature or a new service, we recommend that you provide a Docker image to the community ([french forum](https://community.gladysassistant.com/)/[english forum](https://en-community.gladysassistant.com/)) for testing before merging.
### Description of change
Fix clock in dark mode
<img width="918" height="424" alt="Screenshot 2025-10-03 at 10 03 15" src="https://github.com/user-attachments/assets/4377acd2-c7fb-4a8c-90bb-1993a03a2fba" />
@Psoy , jâai corrigĂ© le bouton volet en mode sombre :
master â fix-btn-secondary-active
ouvert 08:12AM - 03 Oct 25 UTC
### Pull Request check-list
To ensure your Pull Request can be accepted as fa⊠st as possible, make sure to review and check all of these items:
- [x] If your changes affects code, did your write the tests?
- [x] Are tests passing? (`npm test` on both front/server)
- [x] Is the linter passing? (`npm run eslint` on both front/server)
- [x] Did you run prettier? (`npm run prettier` on both front/server)
- [x] If you are adding a new features/services, did you run integration comparator? (`npm run compare-translations` on front)
- [x] Did you test this pull request in real life? With real devices? If this development is a big feature or a new service, we recommend that you provide a Docker image to the community ([french forum](https://community.gladysassistant.com/)/[english forum](https://en-community.gladysassistant.com/)) for testing before merging.
### Description of change
Dark mode: Secondary button like rolling shutters button should be different when active
Les correctifs en une capture :
Tous ces correctifs partiront assez vite dans la prochaine version de Gladys !
Au plus tard lundi Ă priori.
Merci pour vos retours
Gladys Assistant v4.63.1 est disponible avec ces correctifs
Le CHANGELOG complet est disponible ici .
Câest top comme ça, merci !
mutmut
Juillet 3, 2026, 4:19
15
Hello, je reviens sur ce sujet car depuis quelques temps (beaucoup ?) jâai un comportement plus quâĂ©trange avec le mode light/sombre.
Sachant que je ne suis pas un grand adepte du mode sombre en gĂ©nĂ©ral (sauf dans un bon vieux terminal avec des lettres vertes ), mon tĂ©lĂ©phone (iOS) est en mode clair tout le temps, pas de bascule automatique dâactivĂ©e.
Et pourtant, quand je lance Gladys ou GladysPlus, je me retrouve plus de la moitiĂ© du temps Ă avoir le mode sombre pour lâaffichage par dĂ©faut, et je dois avouer que câest pĂ©nible (pour moi) de repasser Ă chaque fois en mode clair.
Point important : ça nâarrive jamais sur mon mac avec firefox.
Dâautres ont le mĂȘme comportement ?
Apparemment iOS a des bugs la dessus :
Sur iOS Safari / PWA / Gladys Plus, WebKit est connu pour Ă©mettre des Ă©vĂ©nements prefers-color-scheme spurious (retour dâarriĂšre-plan, changement dâonglet, etc.), parfois avec une valeur incorrecte. Ăa explique :
le comportement intermittent (« plus de la moitié du temps »)
lâabsence du problĂšme sur Firefox macOS (comportement plus stable)
le fait que lâutilisateur doive rebasculer en clair Ă chaque fois
Autres facteurs possibles (en complément)
Perte de localStorage sur iOS (pression mĂ©moire, 7 jours sans visite) â retour au mode « suivre le systĂšme »
RĂ©glage par site dans Safari : RĂ©glages â Safari â AvancĂ© â « Apparence du site web » peut forcer le sombre pour un domaine
Gladys Plus en WebView : peut avoir un comportement différent de Safari classique
Une solution serait de forcer le mode si il est sélectionné sans écouter les événements systÚmes de changement de mode !
mutmut
Juillet 3, 2026, 5:34
18
Bon, comme dâhab avec lâIA, câest toujours des menus introuvables car totalement inventĂ©s
Jâai regardĂ© les options et rien ne semble liĂ© au mode.
Pour cette hypothĂšse, je lâĂ©lise plusieurs fois par jour donc pas de perte liĂ©es au timeout.
Câest un menu qui a Ă©tĂ© retirĂ© sur iOS 26 apparemment !
mutmut
Juillet 3, 2026, 7:30
20
Un peu de challenge et chahutement avec Claude et voici son diag :
Dans getDefaultState.js, lâinitialisation du thĂšme au dĂ©marrage est :
jsconst savedMode = localStorage.getItem('dark-mode');
const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)');
darkMode = savedMode !== null ? savedMode === 'true' : systemPrefersDark.matches;
La logique est : si localStorage contient la clĂ© dark-mode, on lâutilise. Sinon on lit prefers-color-scheme.
Le bug est ici dans updateDarkModeFromSystem :
jsupdateDarkModeFromSystem() {
const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
localStorage.setItem('dark-mode', systemPrefersDark); // â PROBLĂME
...
}
Cette fonction lit prefers-color-scheme au mauvais moment (pendant le lancement de la PWA sur iOS oĂč la valeur peut ĂȘtre instable) et sauvegarde le rĂ©sultat en localStorage. RĂ©sultat : dark-mode = true se retrouve enregistrĂ©, et au prochain lancement Gladys lit la clĂ© localStorage et applique le mode sombre, mĂȘme si votre systĂšme est en mode clair.
Câest un vrai bug. La bonne issue Ă ouvrir serait : updateDarkModeFromSystem ne devrait pas Ă©craser le localStorage quand lâutilisateur a dĂ©jĂ un choix explicite â ou cette fonction ne devrait pas ĂȘtre appelĂ©e du tout si une prĂ©fĂ©rence utilisateur est dĂ©jĂ sauvegardĂ©e.
@pierre-gilles Ca te parle ?