Le mode sombre dĂ©barque dans Gladys 4.63 🌔

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 :smiling_face_with_sunglasses:

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 :slight_smile:

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 :ok_hand:

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 ! :slight_smile:

J’adore ce dark mode merci. Je l’ai dĂ©jĂ  alors que je suis pas Ă  jour :thinking:

Super les modes, sombre et clair, paramétrables. Merci @pierre-gilles

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

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 :slight_smile:

Salut @GBoulvin, j’ai corrigĂ© ton retour en changeant le jaune, et le texte passe de blanc Ă  noir, ça rend beaucoup mieux :slight_smile:

@Xenicle, j’ai corrigĂ© le bug sur l’horloge analogique :

@Psoy, j’ai corrigĂ© le bouton volet en mode sombre :

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 :grinning_face_with_smiling_eyes:

Gladys Assistant v4.63.1 est disponible avec ces correctifs :slight_smile:

Le CHANGELOG complet est disponible ici.

C’est top comme ça, merci !

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 :joy:), 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 !

Bon, comme d’hab avec l’IA, c’est toujours des menus introuvables car totalement inventĂ©s :weary_face:

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 !

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 ?