É difícil fazer uma boa paleta

Criei uma paleta de cores que parecia boa.

O primeiro ponto problemático é que exatamente quais controles primários a quaternários são um pouco ambíguos.

Entendo que você só pode explicar tanto em texto, mas na prática, a única maneira real de saber como as cores mudarão é fazer uma atualização completa toda vez. Isso também tornou o processo bastante demorado.

O segundo ponto problemático é que as cores únicas “primária” e “secundária” calculam secretamente toda uma série de outras cores que são usadas como --primária-baixa e --primária-alta, etc. Notei que usar uma cor como #2b2b2b dá um resultado muito diferente de uma cor escura semelhante com um pouco mais de azul, porque a paleta gerada acaba sendo muito diferente. Parece um tiro no escuro toda vez que tento uma nova cor porque as cores resultantes acabam sendo imprevisíveis. Aprecio a simplicidade de ter basicamente três variáveis controlando toda a paleta, mas o resultado acaba parecendo muito estocástico.

Finalmente, tenho muitos problemas com contraste. Acho que com as cores que eu estava escolhendo, era um dilema entre o contraste do texto com o fundo, o contraste da linha horizontal com o fundo e o contraste dos botões de resposta/edição com o fundo. Por exemplo, aumentar o contraste do texto tornava a linha difícil de ver e vice-versa.

Não estou realmente pedindo que nada seja feito aqui. Acho que uma solução seria aumentar o tamanho da paleta para permitir mais flexibilidade. Mas entendo os benefícios de mantê-la simples. Algum tipo de visualização em tempo real seria útil, mas também entendo que esta seria uma solicitação de baixa prioridade.

Eu só queria documentar minha experiência. No final, consegui criar uma paleta, mas não fiquei completamente satisfeito com ela. Curioso se outros enfrentaram desafios semelhantes, ou talvez o problema esteja comigo? Aconselhamento apreciado.

2 curtidas

Sim, a intenção original era tornar as opções do painel de administração uma maneira simplificada de definir cores, basicamente um “modo fácil”. Concordo que é limitante e o contraste não é ótimo para algumas combinações de cores.

A boa notícia é que temas remotos podem substituir todas as cores geradas automaticamente, veja Override values for auto-generated color variables

Também temos analisado mais de perto como nossas cores funcionam ultimamente, com a esperança de facilitar o trabalho com esquemas de cores e modos claro/escuro tanto para administradores quanto para usuários, então esperamos poder fazer alguns refinamentos úteis.

7 curtidas

para não tirar o mérito do seu ponto técnico, mas talvez você ache isso útil?

2 curtidas

Eu não sabia que isso era possível, esta pode ser a solução com a qual terei que me contentar :slight_smile:

1 curtida

Ajudaria criar uma paleta a partir de uma paleta de alto contraste (WCAG) que oferecesse um pouco mais de campos de cores?

Não sei se as paletas WCAG têm cálculos de cores gerados automaticamente diferentes que poderiam ser indesejados.

1 curtida

Sim, eles vêm com CSS adicional (discourse/app/assets/stylesheets/wcag.scss at main · discourse/discourse · GitHub), então pode haver algumas adições indesejadas.

1 curtida