Gradiente de encabezado arcoíris para Discourse

:information_source: Resumen Gradiente de encabezado y Gradiente de compositor
:eyeglasses: Vista previa Theme Creator
:hammer_and_wrench: Repositorio GitHub - tracey-le/discourse-header-gradient: Gradient header - Discourse theme component
:question: Guía de instalación Cómo instalar un tema o componente de tema
:open_book: ¿Nuevo en Temas de Discourse? Guía para principiantes sobre el uso de Temas de Discourse

Instalar este componente de tema

Gradiente de arcoíris simple en el encabezado y el compositor, como un componente de tema, para que puedas agregarlo a otros temas.

Capturas de pantalla

Configuración e información

Colores de los iconos del encabezado

En tu paleta de colores, puedes controlar el color de los iconos del encabezado con los colores primario del encabezado y fondo del encabezado. (Me gustaría intentar ajustarlo para que solo tengas que establecer una variable en lugar de dos)

No quería codificar este color de forma rígida en caso de que la gente quiera instalar este componente en varios temas (por ejemplo, con paletas de colores claras y oscuras).

Así es como se cambia el color de los iconos:

  • blanco: Puedes establecer ambos valores en #ffffff

  • negro: Puedes establecer ambos valores en #000000

Para tu información: La razón por la que tienes que establecer ambos es que el color real del icono del encabezado depende de la mezcla del primario del encabezado con el color de fondo del encabezado.

Créditos

Gracias al tema Ghost cyberpunk, tema Peacock Gradient y tema Discourse Rainbow de los que he tomado inspiración o he utilizado código a lo largo de los años (he añadido créditos para cada parte en comentarios en el código del tema).

TODO:

  • Espero averiguar cómo hacer que los colores del gradiente sean personalizables como ajustes del tema; simplemente nunca he tenido la oportunidad de mirarlo realmente.

  • hacer que sea posible personalizar el color de los iconos del encabezado simplemente estableciendo el color primario del encabezado (el color de fondo del encabezado no es relevante para el usuario porque todo el fondo del encabezado es un gradiente de arcoíris).

15 Me gusta