Este componente de tema te permite hacer que las publicaciones de Wiki (y las publicaciones de Ediciones Compartidas) sean más obvias.
Las Wikis y las Ediciones Compartidas son una característica poderosa de Discourse, pero muchos usuarios no están familiarizados con el concepto y encuentran que la interfaz de usuario es un poco demasiado sutil. Este componente lo hace muy claro, empaquetando el contenido de Change the style of a wiki post.
Instalar este componente te permite controlar el color de fondo de las publicaciones de Wiki y agregar algo de texto al ícono de historial/edición en la esquina superior derecha de la publicación.
El color de fondo de las publicaciones de Wiki se puede establecer en lo que desees. Por defecto es ‘highlight’, pero puedes usar cualquiera de estas opciones:
Funciona mejor cuando se elige un color del esquema (es decir, primary, secondary, tertiary, etc.), ya que estos responden al modo oscuro automático.
Un nombre de color reconocido en CSS (por ejemplo, blue, red, yellow, black, etc.)
Un código de color HTML (por ejemplo, #effbfb, etc.)
Color de fondo de Ediciones Compartidas
Puedes elegir una de las mismas opciones de color para las publicaciones de Ediciones Compartidas (consulta el Plugin de Ediciones Compartidas)
Texto agregado de Wiki
Esto agrega un poco de texto verde (por defecto Wiki Post) en la esquina superior derecha de la publicación:
Esto es dinámico y cambia de color junto con el ícono de historial si ha habido una edición reciente (esto es un efecto feliz no intencional):
Si no deseas ningún texto allí, elimina el texto en la configuración y guárdalo.
Texto agregado de Ediciones Compartidas
El texto que se muestra cuando es una publicación de Ediciones Compartidas. Este está en el color Danger de tu paleta.
Hoja de ruta
Etiquetar automáticamente los temas con ‘wiki’
Por favor, haz sugerencias como respuestas a esta publicación.
¡Qué bonito trabajo, @nathank!
Voy a archivar el repositorio anterior del color de fondo de las publicaciones wikificadas, en favor de tu nueva versión, que aporta mucho más.
No lo entiendo ni con No ni con Yes en la última versión Beta de Discourse. ¿Estás en una versión antigua de Discourse? No he puesto ningún control de versiones en él, lo siento.
Un excelente componente. Pero solo mejora la visibilidad en la página del tema. ¿Es posible modificarlo para que el icono de wiki se muestre en la página de categoría, la lista de temas “recientes”, “no leídos”, etc.?
Buena sugerencia, y estoy seguro de que es posible (¡se aceptan PR!).
Lo abordo simplemente etiquetando las publicaciones con #wiki en mis instancias. Por supuesto, es semiautomático: puedes identificar las publicaciones/temas de wiki mediante una búsqueda avanzada. Tiene la ventaja adicional de hacerlos fácilmente descubribles a través de la navegación de la barra lateral.
Pensé que sería bueno tener el etiquetado automático de las publicaciones de wiki como parte de este componente de alguna manera (o hacer lo que sugieres), pero no me ha causado suficiente molestia como para dedicarle tiempo, me temo.
Podrías usar etiquetas para marcar temas de “wiki”.
Las etiquetas se pueden estilizar con CSS, si mal no recuerdo.
Obtendrías el beneficio adicional de una opción de listado / desglose para ellas.
Además, se podría añadir una etiqueta wiki a los temas que incluyan wikis automáticamente con un plugin.
Esta es la razón por la que recomiendo un color de esquema:
Si desea salirse de lo común con sus colores, deberá encontrar una forma inteligente de lidiar con el modo oscuro.
Una buena característica sería permitir también la especificación de un color para el modo oscuro. Le echaré un vistazo cuando tenga algo de tiempo libre.
Claro. Pero estos colores son demasiado dominantes para un fondo.
Por lo tanto, soñaba con algo como un 10% de color de esquema mezclado con un 90% de fondo. Supongo que SASS (o algo similar) no está disponible en el frontend.
Pero ¿funcionaría alguna magia de CSS como esta?
Actualización: rgba(0, 255, 0, 0.1) funciona bastante bien en modos oscuro y claro.
Las funciones SASS están disponibles en la sección de personalización del tema, se compila cuando guardas tus modificaciones. Sin embargo, no puedes usar funciones SASS en variables de tema o CSS.
Si quieres usar una función SASS en un color de tu esquema de colores, debes usar la variable SASS correspondiente.
Funcionará
body {
background: darken($secondary, 10%);
}
No funcionará
body {
background: darken($my_theme_variable, 10%);
}
No funcionará
body {
background: darken(var(--secondary), 10%);
}
Y en el papel, creo que lo que describe tu enlace debería funcionar.
