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 !
Xenicle
29 Septiembre, 2025 19:04
5
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
30 Septiembre, 2025 10:05
8
Super les modes, sombre et clair, paramétrables. Merci @pierre-gilles
Psoy
30 Septiembre, 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
30 Septiembre, 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 !
Hola, vuelvo sobre este tema porque desde hace algĂșn tiempo (Âżmucho?) tengo un comportamiento mĂĄs que extraño con el modo claro/oscuro.
Sabiendo que no soy un gran adepto del modo oscuro en general (excepto en un buen viejo terminal con letras verdes ), mi teléfono (iOS) estå en modo claro todo el tiempo, no hay cambio automåtico activado.
Y, sin embargo, cuando lanzo Gladys o GladysPlus, mĂĄs de la mitad del tiempo me encuentro con el modo oscuro para la visualizaciĂłn por defecto, y debo admitir que es molesto (para mĂ) tener que volver a cambiar al modo claro cada vez.
Punto importante: esto nunca ocurre en mi Mac con Firefox.
ÂżAlguien mĂĄs tiene el mismo comportamiento?
Al parecer, iOS tiene algunos errores al respecto:
En iOS Safari / PWA / Gladys Plus, se sabe que WebKit emite eventos prefers-color-scheme espurios (cambio de fondo, cambio de pestaña, etc.), a veces con un valor incorrecto. Esto explica:
el comportamiento intermitente («mås de la mitad del tiempo»)
la ausencia del problema en Firefox macOS (comportamiento mĂĄs estable)
el hecho de que el usuario deba volver a cambiar a modo claro cada vez
Otros factores posibles (complementarios)
PĂ©rdida de localStorage en iOS (presiĂłn de memoria, 7 dĂas sin visita) â retorno al modo «seguir el sistema»
ConfiguraciĂłn por sitio en Safari: Ajustes â Safari â Avanzado â «Apariencia del sitio web» puede forzar el modo oscuro para un dominio
Gladys Plus en WebView: puede tener un comportamiento diferente al de Safari clĂĄsico
ÂĄUna soluciĂłn serĂa forzar el modo si estĂĄ seleccionado sin escuchar los eventos del sistema de cambio de modo!
Bueno, como siempre con la IA, los menĂșs son inencontrables porque son totalmente inventados
He mirado las opciones y no parece haber nada relacionado con el modo.
Para esta hipĂłtesis, lo elijo varias veces al dĂa, asĂ que no hay pĂ©rdida relacionada con el tiempo de espera.
ÂĄEs un menĂș que se ha eliminado en iOS 26 aparentemente!
Un poco de desafĂo y alboroto con Claude y aquĂ estĂĄ su diagnĂłstico:
En getDefaultState.js, la inicializaciĂłn del tema al inicio es:
jsconst savedMode = localStorage.getItem('dark-mode');
const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)');
darkMode = savedMode !== null ? savedMode === 'true' : systemPrefersDark.matches;
La lĂłgica es: si localStorage contiene la clave dark-mode, se usa. Si no, se lee prefers-color-scheme.
El error estĂĄ aquĂ en updateDarkModeFromSystem:
jsupdateDarkModeFromSystem() {
const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
localStorage.setItem('dark-mode', systemPrefersDark); // â PROBLEMA
...
}
Esta funciĂłn lee prefers-color-scheme en el momento equivocado (durante el lanzamiento de la PWA en iOS donde el valor puede ser inestable) y guarda el resultado en localStorage. Resultado: dark-mode = true se guarda, y en el prĂłximo lanzamiento Gladys lee la clave localStorage y aplica el modo oscuro, incluso si tu sistema estĂĄ en modo claro.
Es un error real. La buena soluciĂłn serĂa: updateDarkModeFromSystem no deberĂa sobrescribir el localStorage cuando el usuario ya tiene una preferencia explĂcita â o esta funciĂłn no deberĂa llamarse en absoluto si ya se ha guardado una preferencia del usuario.
â-
@pierre-gilles ÂżTe suena?