Il est difficile de faire une bonne palette

L’autre jour, j’ai passé une bonne heure à essayer de créer une palette de couleurs qui soit esthétique.

Le premier problème est que la définition exacte des contrôles primaires à quaternaires est un peu ambiguë.

Je comprends que l’on ne puisse expliquer qu’une partie des choses par écrit, mais en pratique, la seule façon de savoir comment les couleurs vont changer est de faire un actualisation forcée à chaque fois. Cela a également rendu le processus assez long.

Le deuxième problème est que les couleurs uniques « primaires » et « secondaires » calculent secrètement toute une série d’autres couleurs qui sont utilisées comme --primary-low et --primary high, etc. J’ai remarqué que l’utilisation d’une couleur comme #2b2b2b donne un résultat très différent d’une couleur sombre similaire avec un peu plus de bleu, car la palette générée finit par être très différente. J’ai l’impression de tirer à l’aveugle chaque fois que j’essaie une nouvelle couleur, car les couleurs résultantes finissent par être imprévisibles. J’apprécie la simplicité d’avoir essentiellement trois variables qui contrôlent l’ensemble de la palette, mais le résultat semble très stochastique.

Enfin, j’ai beaucoup de problèmes de contraste. Je trouve qu’avec les couleurs que je choisissais, il fallait faire un compromis entre le contraste du texte par rapport à l’arrière-plan, le contraste de la ligne horizontale par rapport à l’arrière-plan et le contraste des boutons de réponse/modification par rapport à l’arrière-plan. Par exemple, augmenter le contraste du texte rendait la ligne difficile à voir et vice versa.

Je ne demande pas vraiment que quelque chose soit fait ici. Je suppose qu’une solution serait d’augmenter la taille de la palette pour permettre plus de flexibilité. Mais je comprends les avantages de la simplicité. Une sorte d’aperçu en temps réel serait utile, mais je comprends aussi qu’il s’agirait d’une demande de faible priorité.

Je voulais juste documenter mon expérience. Finalement, j’ai réussi à créer une palette, mais je n’en étais pas entièrement satisfait. Je suis curieux de savoir si d’autres ont rencontré des défis similaires, ou si le problème vient de moi ? Vos conseils sont les bienvenus.

2 « J'aime »

Oui, l’intention initiale était de faire des options du tableau de bord d’administration un moyen simplifié de définir les couleurs, essentiellement un « mode facile ». Je suis d’accord que c’est limitatif et que le contraste n’est pas idéal pour certaines combinaisons de couleurs.

La bonne nouvelle est que les thèmes distants peuvent remplacer toutes les couleurs générées automatiquement, voir Override values for auto-generated color variables

Nous avons également examiné de plus près le fonctionnement de nos couleurs récemment, dans l’espoir de faciliter le travail avec les schémas de couleurs et les modes clair/sombre pour les administrateurs et les utilisateurs, nous espérons donc pouvoir apporter des améliorations utiles.

7 « J'aime »

pour ne pas nuire à votre point technique, mais peut-être trouverez-vous ceci utile ?

2 « J'aime »

Je ne savais pas que c’était possible, cela pourrait être la solution avec laquelle je devrai me contenter :slight_smile:

1 « J'aime »

Cela aiderait-il de créer une palette à partir d’une palette à contraste élevé (WCAG) qui offre un peu plus de champs de couleur ?

Je ne sais pas si les palettes WCAG ont des calculs de couleurs générés automatiquement différents qui pourraient être indésirables.

1 « J'aime »

Oui, elles sont accompagnées de CSS supplémentaires (discourse/app/assets/stylesheets/wcag.scss at main · discourse/discourse · GitHub), il pourrait donc y avoir des ajouts indésirables.

1 « J'aime »