Intro

Das hugo-theme was ich für diese Webseite verwende ist terminal. Defaultmäßig kommt das mit ein paar Standardfarben: orange, rot, grün und pink.

Leider wird mir diese Auswahl nicht gerecht, ich brauche einfach irgendwas anderes… Gruvbox! Ausgewaschene Farben, angelehnt an solarized, meiner Meinung nach gibt es nichts besseres, um Sachen einen Oldschool-Look zu verleihen.

Da ich ja als Embedded-Fuzzi absolut keinen Plan von Web-Development habe, blieb mir nichts anderes übrig als im Source-Code des Themes zu graben. Und wie man sieht, erstrahlt die Seite ja in den entsprechenden Farben; Irgendwie muss es ja also funktioniert haben. 🤔

Wie?

Zunächst: Farben aus gruvbox gibts in dem entsprechenden vim-theme. Als nächstes habe ich mir die Datei static/style.css angelegt, in der gegebene html-elemente eingefärbt werden können. Der Inhalt sieht aktuell so aus:


.green {
    background: #7c6f64;
    color: #ebdbb2;
}

.pagination__title-h {
    background: #665c54;
    color: #98971a;
}

Hierbei verweist .green wie der Name vermuten lässt nur auf das grüne Basisthema, dieses muss also entsprechend in config.toml ausgewählt sein.

Eine entsprechende Akzentfarbe lässt sich somit in themes/terminal/assets/css/color/green.scss setzen.