Categorías Coloridas

	Resumen	Categorías Coloridas utiliza los colores de cada categoría en más lugares cuando estás en una lista de temas de categoría o dentro de un tema.
	Vista previa	Vista previa en el Creador de Temas de Discourse
	Enlace al repositorio	https://github.com/discourse/discourse-colorful-categories
	¿Nuevo en los temas de Discourse?	Guía para principiantes para usar temas de Discourse

Funcionalidades

Categorías Coloridas utiliza los colores de cada categoría en más lugares cuando estás en una lista de temas de categoría o dentro de un tema; el encabezado, los botones de respuesta/crear, la línea de tiempo del tema y el compositor.

Screen Shot 2021-10-27 at 11.37.24 AM1358×911 71.3 KB

Los colores del compositor cambiarán según la categoría seleccionada:

Configuración

Cada uno de los cambios de color mencionados anteriormente se puede desactivar en la configuración del tema.

Notas de desarrollo

Puedes desactivar todas las configuraciones si deseas usar este componente como una forma de hacer que los colores de las categorías sean reutilizables como propiedades personalizadas de CSS. Por ejemplo, cada página de categoría y tema tendrá estas propiedades establecidas:

  --category-color
  --category-text-color

y el compositor obtendrá:

  --composer-category-text-color
  --composer-category-color

Estas se pueden reutilizar donde quieras en tu propio CSS, por ejemplo:

body {
  background: var(--category-color); 
}

Hay algunos valores predeterminados establecidos cuando no hay una categoría presente, los cuales puedes cambiar en tu propio CSS:

:root {
  --composer-category-text-color: var(--secondary);
  --composer-category-color: var(--tertiary);
  --category-color: var(--secondary);
  --category-text-color: var(--primary-low-mid);
}

¿Alojado por nosotros? Los componentes de tema están disponibles para usar en nuestros planes Estándar, Empresarial y de Empresa.

Me gusta mucho este componente temático para que quede muy claro en qué categoría te encuentras. Parece que el espaciado de algunos botones cambia cuando se instala este componente temático.

Con componente temático:

Screen Shot 2022-01-24 at 11.45.07 AM448×134 2.75 KB

Sin componente temático:

Screen Shot 2022-01-24 at 11.44.10 AM460×154 2.5 KB

@awesomerobot Este es un componente realmente genial y parece que podría estar infravalorado en este momento.

Ayer nos encontramos con una situación en la que este tipo de cosas podrían haber sido útiles en nuestra instancia de Discourse for Teams. (Discourse for Teams… ¡equipo… si nos escuchan, por favor agreguen este componente temático!)

• Tenemos varias categorías cuyos permisos están restringidos a ciertos grupos.
• A veces hay información confidencial que podría compartirse en ellas.
• Es posible que si alguien no tiene cuidado, seleccione la categoría incorrecta y publique algo sin darse cuenta en una categoría menos restrictiva.
  • Aún peor, si hay activadores de publicación automática, como a Slack, ese contenido podría salir antes de que haya muchas posibilidades de mover la publicación.
    • Y sí, esto nos sucedió.

Tener un fuerte indicador visual sobre a dónde va el contenido sería extremadamente útil.

Incluso podría sugerir que este (u otra versión de este) plugin trate sobre el “contexto de la categoría”. Quizás una característica adicional podría ser que el nombre de la categoría también se agregue a los botones de acción. Ver abajo:

CleanShot 2022-01-25 at 06.56.06@2x618×242 19.1 KB

Muchas gracias por esta joya escondida. Me encanta hasta ahora @awesomerobot

Sin embargo, tengo un pequeño problema con el encabezado del menú. Cambiará de color como el color de las categorías de crear nuevo tema. Lo intenté con diferentes temas y todos tienen el mismo problema.

¿Hay alguna forma de cambiar solo el color de las categorías pero mantener el color del encabezado del menú?
Link

Acabo de trabajar en una instancia donde el color de la categoría no se capturó (y se registró en la consola) con algunas categorías. Me tomó un tiempo encontrar la causa común, pero parecía ser la configuración del filtro no subcategories en lugar de all topics en la página Category Settings:

Elegir esta configuración agrega /none a la URL de la categoría. Y esto parece interferir con la selección del color.

Acabo de añadir esto hoy, se ve muy bien

Sin embargo, cada vez que hacía clic en un tema, veía un cuadrado blanco junto al nombre de la categoría. Luego me di cuenta de que era el color de la categoría, pero mostrar este cuadrado parece inútil si todo el color de la categoría se muestra en la cabecera.

Sin TC
Con TC

(TC = Componente Temático)

Buenos días a todos, después de la actualización de hoy, algo aquí rompió los colores del borde de la categoría en la vista de categorías + temas. ¿Alguien puede confirmar esto?

Yo también estoy experimentando esto, con el tema Material.

Esto no estaba relacionado con este componente y se ha solucionado:

¿Qué hay de añadir un selector de categorías?

Quiero habilitarlo en algunas suscripciones (subscribed) (también se puede lograr con niveles de confianza)

Noté que en los mensajes, el color del botón de \u003ckbd\u003eresponder al tema\u003c/kbd\u003e y el control de la línea de tiempo es el mismo que el del fondo. Ambos son blancos sobre blanco.

image891×427 11.5 KB

También hay un aviso de deprecación en la consola
\u003e [THEME 5601 ‘Categorías coloridas’] Aviso de deprecación: Importar getOwner de discourse-common/lib/get-owner está obsoleto. Usa import { getOwner } from '@ember/application', o si aún necesitas el shim de respaldo, usa import { getOwnerWithFallback } from 'discourse-common/lib/get-owner';. [obsoleto desde Discourse 3.2] [id de deprecación: discourse.get-owner-with-fallback]

Y el interruptor de la barra lateral no cambia de color como el icono de búsqueda.

El componente probablemente necesite una actualización

Creo que este debería estar bien

He estado trabajando en nuestros directorios all-the-plugins y all-the-themes para intentar identificar los temas/plugins afectados con antelación. Estamos progresando en la actualización de los oficiales por nuestra parte, y he enviado mensajes privados a los autores de los de terceros de código abierto que podrían verse afectados