È difficile creare una buona palette

L’altro giorno ho passato un’ora buona a cercare di creare una palette di colori che fosse gradevole.

Il primo problema è che non è ben chiaro cosa si intenda esattamente per controlli primari, secondari, terziari e quaternari.

Capisco che si possa spiegare solo fino a un certo punto per iscritto, ma in pratica l’unico modo per sapere come cambieranno i colori è fare un refresh completo ogni volta. Questo ha reso il processo anche piuttosto lungo.

Il secondo problema è che i singoli colori “primario” e “secondario” calcolano segretamente un’intera serie di altri colori che vengono utilizzati come --primary-low e --primary high, ecc. Ho notato che l’uso di un colore come #2b2b2b dà un risultato molto diverso rispetto a un colore scuro simile con un po’ più di blu, perché la palette generata finisce per essere molto diversa. Ogni volta che provo un nuovo colore, mi sembra di tirare a indovinare perché i colori risultanti finiscono per essere imprevedibili. Apprezzo la semplicità di avere fondamentalmente tre variabili che controllano l’intera palette, ma il risultato finisce per sembrare molto stocastico.

Infine, ho molti problemi con il contrasto. Trovo che con i colori che stavo scegliendo, c’era un compromesso tra il contrasto del testo rispetto allo sfondo, il contrasto della linea orizzontale rispetto allo sfondo e il contrasto dei pulsanti di risposta/modifica rispetto allo sfondo. Ad esempio, aumentare il contrasto del testo rendeva la linea difficile da vedere e viceversa.

Non sto chiedendo che venga fatto qualcosa qui. Immagino che una soluzione sarebbe aumentare la dimensione della palette per consentire una maggiore flessibilità. Ma capisco i vantaggi di mantenerla semplice. Una sorta di anteprima in tempo reale sarebbe utile, ma capisco anche che questa sarebbe una richiesta a bassa priorità.

Volevo solo documentare la mia esperienza. Alla fine sono riuscito a creare una palette, ma non ne sono rimasto completamente soddisfatto. Sono curioso di sapere se altri hanno affrontato sfide simili, o forse il problema sono io? Consigli apprezzati.

2 Mi Piace

Sì, l’intenzione originale era quella di rendere le opzioni della dashboard di amministrazione un modo semplificato per impostare i colori, essenzialmente una “modalità facile”. Concordo sul fatto che sia limitante e che il contrasto non sia ottimale per alcune combinazioni di colori.

La buona notizia è che i temi remoti possono sovrascrivere tutti i colori generati automaticamente, vedi Override values for auto-generated color variables

Abbiamo anche esaminato più da vicino il funzionamento dei nostri colori ultimamente, con la speranza di rendere più facile lavorare con schemi di colori e modalità chiara/scura sia per gli amministratori che per gli utenti, quindi speriamo di apportare alcuni utili miglioramenti.

7 Mi Piace

per non togliere nulla al tuo punto tecnico, ma forse troverai utile questo?

2 Mi Piace

Non sapevo fosse possibile, questa potrebbe essere la soluzione con cui dovrò accontentarmi :slight_smile:

1 Mi Piace

Potrebbe essere utile creare una palette partendo da una palette ad alto contrasto (WCAG) che offra un po’ più di campi colore?

Non so se le palette WCAG abbiano diversi calcoli di colore generati automaticamente che potrebbero non essere desiderati, però.

1 Mi Piace

Sì, vengono fornite con del CSS aggiuntivo (discourse/app/assets/stylesheets/wcag.scss at main · discourse/discourse · GitHub), quindi potrebbero esserci delle aggiunte indesiderate.

1 Mi Piace