Configuration du thème clair/sombre

etalab / catalogage-donnees

Outil de catalogage de données développé par Etalab (service en production sur catalogue.data.gouv.fr)

https://catalogue.data.gouv.fr

GNU Affero General Public License v3.0

14 stars 3 forks source link

Configuration du thème clair/sombre #101

Closed florimondmanca closed 2 years ago

florimondmanca commented 2 years ago

Problème

Actuellement, le thème est défini à "system", c'est-à-dire thème clair ou sombre en fonction de la configuration de l'OS.

Mais on pourrait très bien vouloir "forcer" le thème à utiliser pour l'outil. (Par exemple personnellement mon laptop est configuré en thème sombre sur l'OS mais j'aimerais pouvoir voir facilement ce que donne le site en thème clair.)

Par ailleurs, indépendamment de fournir la possibilité de changer de thème, il reste pertinent d'activer le mode clair par défaut, car il reste le standard et probablement le plus travaillé dans le DSFR (cf discussion ci-dessous).

Solution proposée

(Mis à jour suite à discussion ci-dessous)

[x] Passer en mode clair par défaut : data-fr-scheme="light" (au lieu de system) dans app.html #104
[ ] Ajouter le bouton + la modale "Paramètres d'affichage" tel que décrit dans la doc du DSFR : https://gouvfr.atlassian.net/wiki/spaces/DB/pages/579928166/Param+tres+d+affichage+-+Display

florimondmanca commented 2 years ago

@DaFrenchFrog Hello, je ne me souviens plus de si on a discuté du thème clair/sombre vis-à-vis de la maquette. Est-ce qu'on envisage bien ce double-thème ? Une façon simple de résoudre le problème décrit ici serait simplement de... Ne mettre qu'un thème clair. :-) (Le thème "system" a été ajouté "d'office" lors de #54, cc @magopian)

DaFrenchFrog commented 2 years ago

Hello @florimondmanca @magopian. On en a effectivement pas discuté encore mais voici mon point de vue : Le fait d'avoir un choix entre mode clair ou sombre devient important lorsque l'on a un usage très régulier (voire quotidien) de l'outil, ce qui n'est pour l'instant pas notre cas (et ne le sera peut-être d'ailleurs jamais hormis pour les admins...). Pour moi il n'y a donc pas besoin de mettre des efforts sur cette gestion sombre/clair, en revanche si on doit en choisir un il faut prendre le mode clair qui est le thème par défaut (et à mon avis celui qui a été le plus travaillé par l'équipe DSFR).

Si on souhaite tout de même le proposer je pencherais alors pour l'ajout du lien et de la modale tel que défini dans le DSFR mais uniquement dans le footer, et configurer le thème pour qu'il soit en mode clair par défaut, qui est tout de même le standard. Ensuite je prendrai le temps de vérifier le mode sombre et si nous avons des remontées de demandes de gestion du mode sombre par défaut on pourra ajuster. J'imagine que cela ne doit pas être très long à changer. Qu'en pensez-vous ?

florimondmanca commented 2 years ago

@DaFrenchFrog OK, merci !

De mon côté ce que tu proposes fait sens. Donc si je "traduis" / reformule :

On passerait au thème clair par défaut => data-fr-scheme="light" dans le HTML, au lieu de system (ce dont je parlais à la fin de mon dernier commentaire)
Ajouter les "Paramètres d'affichage" dans le footer pour pouvoir passer au thème sombre si l'usager le souhaite

Le premier point peut être traité sans délais, et le 2e rester l'objet de ce ticket. J'ai mis à jour la description de ce ticket en ce sens.

florimondmanca commented 2 years ago

Vu les derniers messages, et comme on en a pas rediscuté depuis, je propose de fermer ce ticket. Si jamais le besoin d'un thème sombre revient parmi les usagers on pourra repartir d'ici comme référence.