Es difícil hacer una buena paleta

El otro día pasé una buena hora intentando crear una paleta de colores que se viera bien.

El primer punto de dolor es que es un poco ambiguo qué controles son exactamente primarios, secundarios, terciarios y cuaternarios.

Entiendo que solo se puede explicar tanto en texto, pero en la práctica, la única forma real de saber cómo cambiarán los colores es hacer una actualización forzada cada vez. Esto también hizo que consumiera bastante tiempo.

El segundo punto de dolor es que los colores únicos “primario” y “secundario” calculan secretamente toda una serie de otros colores que se utilizan como --primario-bajo y --primario-alto, etc. He notado que usar un color como #2b2b2b da un resultado muy diferente que un color oscuro similar con un poco más de azul, porque la paleta generada termina siendo muy diferente. Cada vez que pruebo un color nuevo, siento que es un tiro al azar porque los colores resultantes terminan siendo impredecibles. Aprecio la simplicidad de tener básicamente tres variables que controlan toda la paleta, pero el resultado termina sintiéndose muy estocástico.

Finalmente, tengo muchos problemas con el contraste. Encuentro que con los colores que estaba eligiendo, era un compromiso entre el contraste del texto con el fondo, el contraste de la línea horizontal con el fondo y el contraste de los botones de respuesta/edición con el fondo. Por ejemplo, aumentar el contraste del texto hacía que la línea fuera difícil de ver y viceversa.

En realidad, no estoy pidiendo que se haga nada aquí. Supongo que una solución sería aumentar el tamaño de la paleta para permitir una mayor flexibilidad. Pero entiendo los beneficios de mantenerlo simple. Algún tipo de vista previa en tiempo real sería útil, pero también entiendo que esta sería una solicitud de baja prioridad.

Solo quería documentar mi experiencia. Al final, pude crear una paleta, pero no quedé completamente satisfecho con ella. Tengo curiosidad si otros enfrentaron desafíos similares, ¿o tal vez el problema soy yo? Agradezco cualquier consejo.

2 Me gusta

Sí, la intención original era hacer que las opciones del panel de administración fueran una forma simplificada de establecer colores, básicamente un “modo fácil”. Estoy de acuerdo en que es limitante y el contraste no es bueno para algunas combinaciones de colores.

La buena noticia es que los temas remotos pueden anular todos los colores generados automáticamente, consulta Override values for auto-generated color variables

También hemos estado analizando más de cerca cómo funcionan nuestros colores últimamente, con la esperanza de facilitar el trabajo con esquemas de colores y modos claro/oscuro tanto para administradores como para usuarios, así que esperamos poder hacer algunas mejoras útiles.

7 Me gusta

sin quitarle mérito a tu punto técnico, ¿quizás te resulte útil?

2 Me gusta

No sabía que esto era posible, esta podría ser la solución con la que tendré que conformarme :slight_smile:

1 me gusta

¿Ayudaría crear una paleta a partir de una paleta de alto contraste (WCAG) que ofrezca un poco más de campos de color?

No sé si las paletas WCAG tienen diferentes cálculos de color generados automáticamente que podrían no ser deseados.

1 me gusta

Sí, vienen con CSS adicional (discourse/app/assets/stylesheets/wcag.scss at main · discourse/discourse · GitHub), por lo que podría haber algunas adiciones no deseadas.

1 me gusta