DISIC / observatoire

🕵️‍♀️ Observatoire de la qualité des démarches en ligne
https://observatoire.numerique.gouv.fr/
GNU Lesser General Public License v3.0
10 stars 4 forks source link

Mise en place des couleurs dsfr pour les écrans avec des couleurs spécifiques #1084

Closed lucaa closed 2 years ago

lucaa commented 2 years ago

Il y a quelques écrans dans l'observatoire avec des couches de style propres qui personnalisent les styles hérités du thème de couleurs.

Il faudrait s'assurer que ces écrans utilisent les couleurs du dsfr / du thème de couleurs dsfr.

Notamment, traitons au moins les éléments suivants, surtout qu'une partie des couleurs ont été perdues lors des changements pour #1051 :

Plus globalement, s'il y a des variables de couleur définies dans le thème de couleurs avant #1051 qui ont été effacées / ne sont plus disponibles partout / ont changé de nuance, il faudra auditer tous les usages de ces variables et corriger (ou s'assurer qu'il y a des tickets pour leur correction dans milestone 4.10).

lucaa commented 2 years ago

J'ai créé des tâches spécifiques pour la page de l'observatoire ( #1086 ) et des graphiques d'une démarche ( #1087 ) donc il reste à faire dans cette tâche uniquement la recherche des autres usages des couleurs qui ne font pas partie du thème de couleurs, pour corriger / identifier les autres endroits.

clemdee commented 2 years ago

Il y a encore 2 couleurs qui ne respectent pas le thème dsfr :

kamalcon commented 2 years ago
clemdee commented 2 years ago

Normalement #0a76f6 est dans le DSFR : $focus-525

Étrange, il m'est impossible de trouver cette couleur ni dans les spécifications, ni dans l'implémentation.

la couleur fond bleu pourrait être remplacé par $blue-france-975

Ok je met à jour

clemdee commented 2 years ago

Les anciennes variables du style ont été mises à jour et utilisent désormais des couleurs de la spécification DSFR.

Je ferme ce ticket, d'éventuelles modifications à apporter par rapport à la couleur du focus pourront être traitées dans un nouveau ticket.