Categorías coloridas

[Discourse]

| |
|-|-|-|
| | 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 Discourse Theme Creator |
| | Enlace al repositorio | https://github.com/discourse/discourse-colorful-categories
| | ¿Nuevo en Temas de Discourse? | Guía para principiantes sobre el uso de Temas de Discourse

Instalar este componente del tema

Dado que este es un #componente_de_tema #oficial mantenido por el equipo de Discourse, las solicitudes de #soporte, Contribute > Bug, Contribute > UX y Contribute > Feature pueden realizarse en las categorías correspondientes aquí en Meta, y etiquetarse con la etiqueta adecuada del componente del tema. Haz clic en un enlace a continuación para iniciar uno.

 Soporte  Error  UX  Característica

Características

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.

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.

Nombre	Descripción
usar color de categoría en el compositor	desactivar para usar los colores predeterminados del compositor
usar color de categoría en el encabezado	desactivar para usar los colores predeterminados del encabezado
usar color de categoría en la línea de tiempo	desactivar para usar los colores predeterminados de la línea de tiempo del tema
usar color de categoría en los botones	desactivar para usar los colores predeterminados de los botones

Notas de desarrollo

Puedes desactivar todas las configuraciones si deseas utilizar 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 desees 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 del tema están disponibles para usar en nuestros planes Estándar, Empresarial y Corporativo.

[tobiaseigen]

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:

Sin componente temático:

[galligan (Matt Galligan)]

@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:

[quangmai911 (Quang Mai)]

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

[manuel (Manuel Kostka)]

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.

[ondrej]

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)

[MarcP]

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?

[sok777 (sok)]

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

[awesomerobot (Kris)]

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

Categories boxes border-color broken after update

This fix has been merged (FIX: add category colors back to categories pages (#21977) · discourse/discourse@e43ac00 · GitHub), so after updating Discourse the colors should return.

[satonotdead]

¿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)

[Moin]

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.

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.

[Lilly (Lillian)]

El componente probablemente necesite una actualización

November 2023 - refactoring Discovery routes: how will it affect my theme/plugin?

As part of our project to upgrade Discourse to the latest version of Ember, we’ve been working on a significant refactoring of the Discovery (a.k.a. the ‘topic list’) routes. This topic is targeted at theme/plugin developers, and aims to list the kinds of theme/plugin activities which may be affected by the refactoring. Background This refactoring is necessary because modern Ember no longer supports ‘named outlets’ like {{outlet "topics"}}, which we were using extensively on these routes. Ess…

[david (David Taylor)]

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