 |
Zusammenfassung | Header-Farbverlauf und Composer-Farbverlauf |
 |
Vorschau | Theme Creator |
 |
Repository | GitHub - tracey-le/discourse-header-gradient: Gradient header - Discourse theme component |
 |
Installationsanleitung | So installieren Sie ein Theme oder eine Theme-Komponente |
 |
Neu bei Discourse Themes? | Anfängerleitfaden zur Verwendung von Discourse Themes |
Installieren Sie diese Theme-Komponente
Einfacher Regenbogen-Farbverlauf in der Kopfzeile und im Composer, als Theme-Komponente – damit Sie sie zu anderen Themes hinzufügen können.
Screenshots
Einstellungen und Informationen
Header-Symbolfarben
In Ihrer Farbpalette können Sie die Farbe der Symbole in der Kopfzeile mit den Farben Header primär und Header-Hintergrund steuern. (Ich möchte untersuchen, wie ich es so anpassen kann, dass nur eine Variable anstelle von zwei festgelegt werden muss)
Ich wollte diese Farbe nicht fest codieren, falls Leute diese Komponente auf mehreren Themes installieren möchten (z. B. mit dunklen und hellen Farbpaletten).
So ändern Sie die Farbe der Symbole:
-
Weiß: Sie können beide Werte auf
#ffffffsetzen. -
Schwarz: Sie können beide Werte auf
#000000setzen.
FYI: Der Grund für die Notwendigkeit, beide festzulegen, ist, dass die tatsächliche Farbe der Header-Symbole vom Mischen der Header primär mit der Header-Hintergrund Farbe abhängt.
Credits
Dank an das Ghost Cyberpunk Theme, das Peacock Gradient Theme und das Discourse Rainbow Theme, von denen ich im Laufe der Jahre Inspiration oder Code verwendet habe (ich habe für jeden Teil Credits in Kommentaren im Theme-Code hinzugefügt).
TODO:
-
Ich hoffe, herauszufinden, wie die Farbverlaufsfarben als Theme-Einstellungen anpassbar gemacht werden können – ich hatte nie die Gelegenheit, es wirklich zu untersuchen.
-
Machen Sie es so, dass Sie die Farbe der Header-Symbole anpassen können, indem Sie nur die Header primär Farbe einstellen (die Header-Hintergrund Farbe ist für den Benutzer nicht relevant, da der gesamte Header-Hintergrund ein Regenbogen-Farbverlauf ist).