Discord hace algo interesante para el banner de la tarjeta de usuario predeterminada. Utilizan el color plano promedio del avatar del usuario.
Ejemplo:
Discord hace algo interesante para el banner de la tarjeta de usuario predeterminada. Utilizan el color plano promedio del avatar del usuario.
Ejemplo:
Aquí está mi ejemplo de esto:
Para tu información, Discourse hace algo similar: en las vistas previas de la lista de temas, aunque utiliza el “Color Dominante”, no el “promedio”.
Sospecho que el Color Dominante dará mejores resultados.
¿Se está abordando este error como parte de este rediseño?
Sé que está un poco más arriba que la Tarjeta de Usuario, pero causa un problema significativo en las Tarjetas de Usuario cuando chocan con Palabras Observadas.
Solo para cerrar el círculo, Nathan:
Esto se añade en la nueva actualización:
Añadir enlace de Google Maps a través de la configuración del sitio a la ubicación del usuario
También sería genial tener soporte para OpenStreetMap.
Esto se añade ahora
Ahora puedes decidir usar Google Maps u OpenStreetMap en la configuración ![]()
Creo que es un buen rediseño en general, pero creo que es importante tener etiquetas para las insignias. Poder distinguir entre insignias con el mismo icono de un vistazo es realmente importante para una vista previa rápida como esta. Por ejemplo, sin la etiqueta, no se puede saber si este icono:

es un Enlace Famoso, una Gran Respuesta o un Gran Tema (tal como están configurados en nuestro sitio, tu experiencia puede variar). Es aún peor para la categoría de insignias de Introducción: hay 16 insignias que comparten exactamente el mismo icono allí, con implicaciones muy diferentes. Es importante para mí, como moderador, poder ver cuándo alguien tiene una insignia por leer las directrices, por ejemplo, pero con este nuevo diseño, esa insignia se ve igual que otras 15 insignias muy diferentes (incluyendo cosas como Primera Caja de Enlace y Usuario Nuevo del Mes).
Por favor, hazlo opcional cuando agreguen esta nueva tarjeta de usuario al discourse. La antigua es mucho mejor que esta nueva y, por no decir que agrega un color de fondo extraño a la tarjeta que se ve horrible. y no muestra nada en la tarjeta de usuario, no hay información allí.
En general, no me gusta, así que les pediría que no impongan esto en el discourse cuando lo agreguen al discourse.
¡Nos encantaría saber qué te gusta del diseño anterior!
¿Podrías explicar esto? Veo información cuando hago clic en tu tarjeta y en la mía también.
¿Estás usando esto en tu propio foro?
Parece que es mi tema basado en la transparencia. Hemos estado hablando durante un tiempo con todos los problemas que has tenido y no estoy seguro de cuánto tiempo más podré ayudar, desafortunadamente, porque los problemas no están en el tema real, sino en incompatibilidades que no logro encontrar.
¿Hay algún error en tu consola?
Estaba pensando que esto podría ser un problema de compatibilidad de temas.
No.
Por cierto, me gustaría dar mi opinión, el color de fondo se ve desagradable cuando elige el mismo color que la imagen de perfil. Sería mejor si pusieras una imagen de fondo predeterminada o algo en lugar de un color de perfil en el fondo. y el fondo debería estar borroso como esto
personalmente, me gusta mucho. esto debería ser una configuración a nivel de sitio porque veo que a la gente no le gusta, pero creo que es genial
me funciona bien:
Esto me ha estado molestando un poco, así que después de buscar, encontré
… que creo que hace un trabajo mucho mejor para este propósito que tomar el promedio. Ejemplos de los avatares de las personas en este hilo:
Código aquí: color-finder/src/colorfinder-1.1.js at master · pieroxy/color-finder · GitHub
Esta es mi intención de cambiar eventualmente a este tipo de patrón. Sin embargo, el problema es que, debido a que las imágenes se alojan en una CDN, este tipo de cosas no funciona.
NOTA: Debido a las restricciones del objeto canvas, esto solo funciona si la imagen proviene de tu propio dominio.
Tenemos algo que hace esto para las imágenes en nuestro backend de Rails, pero no puedo acceder a él a través de un componente de tema. Dado que esto es solo un experimento por ahora, creo que lo pospondré hasta que sea más fácil de hacer.
Lo planteé antes. Se llama Dominant colour