En-tête arc-en-ciel dégradé pour Discourse

:information_source: Résumé Dégradé d’en-tête et dégradé de compositeur
: eyeglasses: Aperçu Theme Creator
:hammer_and_wrench: Dépôt GitHub - tracey-le/discourse-header-gradient: Gradient header - Discourse theme component
:question: Guide d’installation Comment installer un thème ou un composant de thème
:open_book: Nouveau aux thèmes Discourse ? Guide du débutant pour utiliser les thèmes Discourse

← Remplissez "repoName" et "repoURL" pour le bouton d’installation automatique →

Installer ce composant de thème

← Décrivez ce thème/composant en une ou deux phrases →

Simple dégradé arc-en-ciel dans l’en-tête et le compositeur, en tant que composant de thème — vous pouvez donc l’ajouter à d’autres thèmes.

← Ajoutez des captures d’écran (si applicable) →

Captures d’écran

← Ajoutez plus de détails et expliquez les paramètres (si applicable) →

Paramètres et informations

Couleurs des icônes de l’en-tête

Dans votre palette de couleurs, vous pouvez contrôler la couleur des icônes dans l’en-tête avec les couleurs primaire de l’en-tête et arrière-plan de l’en-tête. (J’aimerais essayer de le modifier afin que vous n’ayez qu’à définir une seule variable au lieu de deux)

Je ne voulais pas coder en dur cette couleur au cas où les gens voudraient installer ce composant sur plusieurs thèmes (par exemple, avec des palettes de couleurs claires et foncées)

Voici comment changer la couleur des icônes :

FYI : La raison pour laquelle il faut définir les deux est que la couleur réelle de l’icône de l’en-tête dépend du mélange de la couleur primaire de l’en-tête avec la couleur d’arrière-plan de l’en-tête.

Crédits

Merci au thème Ghost cyberpunk, au thème Peacock Gradient et au thème Discourse Rainbow qui m’ont inspiré ou dont j’ai utilisé le code au fil des ans (j’ai ajouté des crédits pour chaque partie dans les commentaires du code du thème)

À faire :

  • J’espère trouver comment rendre les couleurs du dégradé personnalisables en tant que paramètres de thème - je n’ai jamais vraiment eu le temps de m’y pencher.

  • faire en sorte que vous puissiez personnaliser la couleur des icônes de l’en-tête en définissant simplement la couleur primaire de l’en-tête (la couleur d’arrière-plan de l’en-tête n’est pas pertinente pour l’utilisateur car tout l’arrière-plan de l’en-tête est un dégradé arc-en-ciel)

15 « J'aime »