Edición más fluida de la paleta de colores

Conozca la próxima evolución en la gestión de la marca de su comunidad: ¡una interfaz rediseñada para crear y editar paletas de colores!

Esta actualización se basa en nuestras recientes mejoras en la gestión de paletas de colores y manejo mejorado de modos claro y oscuro, brindando a los administradores una forma aún más fluida de personalizar la apariencia de su sitio.

:sparkles: ¿Qué hay de nuevo?

La nueva interfaz de paleta de colores se integra perfectamente con el sistema de diseño general de administración, brindando una experiencia cohesiva que hace que la gestión de paletas sea potente y accesible.

La nueva interfaz incluye:

  • Diseño integrado que coincide con la estética moderna de la interfaz de administración.

  • Nomenclatura clara para asegurarse de que sabe cómo se aplica cada color.

  • Flujo de trabajo más fluido para crear nuevas paletas o modificar las existentes.

  • Controles de paleta predeterminados directamente desde la interfaz de edición, tanto para modos claro como oscuro.

Al crear una nueva paleta, ahora puede ver una vista previa visual de la paleta base antes de seleccionarla:

Esto coincide con las vistas previas que ahora también están disponibles en otras áreas donde selecciona paletas de colores: en la página de lista de paletas, en las preferencias del usuario y en la configuración del tema.

:rocket: Cómo acceder a la nueva interfaz

¡La nueva interfaz de usuario de paleta de colores está disponible ahora para todos los sitios de Discourse! Puede acceder a ella:

  1. Vaya a AdminAparienciaPaletas de colores

  2. Haga clic en Editar en cualquier paleta existente, o en el botón Nueva para crear una nueva paleta.


Esta última actualización representa nuestro compromiso continuo de proporcionar a los administradores herramientas potentes y fáciles de usar para personalizar la apariencia de sus comunidades de Discourse.

La interfaz mejorada hace que sea más fácil que nunca crear experiencias hermosas y de marca para sus miembros, manteniendo al mismo tiempo la flexibilidad y el control que necesita.

¿Tiene preguntas o comentarios sobre la nueva interfaz? ¡Nos encantaría saber de usted en las respuestas a continuación!

13 Me gusta

¿Sería posible permitir una configuración de color más fina? Hay muchos cálculos para obtener tonos sutiles de los códigos de color ingresados y no todos funcionan bien para algunos escenarios. Normalmente lo haría en CSS personalizado, pero configuré el tema Horizon y no hay forma de editar CSS. Así que me di cuenta de que, de todos modos, pertenece a la configuración de la paleta de colores.

Puedes añadir un componente personalizado a Horizon donde añades tu CSS personalizado.

1 me gusta

Eso suena genial PERO mi punto aquí era más general (no solo Horizon). Si la función de paletas de colores está diseñada para permitir a las personas cambiar esquemas de color como deseen, el CSS personalizado no ayudaría mucho. El CSS personalizado tendría que asignarse a cada paleta de colores. Desde la perspectiva de la arquitectura.

¿Podrías dar más contexto sobre qué tipo de cosas quieres hacer con una configuración de color más fina? Eso ayudaría a ver si hay algo que podríamos mejorar en la interfaz de usuario de la paleta, o si CSS personalizado es la mejor solución.

Actualmente mi problema es con el color terciario. Digamos que el color de mi elección es #f7b618. Es un amarillo claro y quiero verlo en alguna parte. Tenerlo como color de botón se ve genial, pero los textos de los botones son blancos. Pero si establezco un texto de botón, cambia otros colores. Supongo que el problema es que supones que elijo un color oscuro para que los textos de los botones sean claros.

Además, todas las clases de tonos se calculan a partir del color terciario. Por ejemplo, el fondo de la barra lateral (todavía hablando del tema Horizon). Y podría querer elegir otro color para eso (en general, por ejemplo, solo gris).

Así que, siempre que sea un poco quisquilloso con los colores Y quiera dejar que el usuario seleccione una paleta de colores (lo cual, de acuerdo, podría ser un poco contradictorio), podría usar CSS personalizado basado en una paleta de colores.

Otra opción podría ser algún modo Avanzado en el que permitirías asignar CUALQUIER variable de color. No solo esas 12 principales. Así, dejarías de calcular y me permitirías ajustar todos los colores a mano, pero aún así usando la interfaz de usuario.

Creo que el modo avanzado está cubierto en Create and share a color scheme

Creo que puedes usar Targetable Color Schemes para sobrescribir algo solo para una paleta de colores.

2 Me gusta

Ya veo, encontré más detalles en Reference for full color customization. ¡Incluso los muestra en la interfaz de usuario! Genial. ¡Gracias!

2 Me gusta

Parece que tienes todo resuelto. CSS personalizado combinado con el componente Esquemas de color dirigibles es una combinación potente, y añadir campos de color adicionales también es muy útil.

1 me gusta

Sí, pero intentaría usar Reference for full color customization si es posible primero. Podría ser suficiente tener acceso a todas las variables que se calculan y codificar los valores que me gustan. Es posible que ni siquiera se necesite CSS. Pero si es así, los esquemas de color dirigibles son definitivamente el camino a seguir.

1 me gusta