Mainsail Theme ändern

Philips Hue White & Col. Amb. 2er E27 LED Starter Set inkl.Hue Bridge, 16 Mio. Farben, steuerbar via App, kompatibel mit Amazon Alexa (Echo, Echo Dot)
Philips Hue White & Col. Amb. 2er E27 LED Starter Set inkl.Hue Bridge, 16 Mio. Farben, steuerbar via App, kompatibel mit Amazon Alexa (Echo, Echo Dot)
115,17 €

Das WebUI von Mainsail kommt standardmäßig in einer schlichten dunklen Optik daher. Über die Einstellungen lässt sich z.B. die Anordnung der einzelnen Blöcke in der Oberfläche Gerätespezifisch arrangieren. Zusätzlich bietet es aber auch die Möglichkeit seine Oberfläche mit Hilfe eines Mainsail Theme (also CSS und Grafiken) nach eigenen Wünschen zu gestalten. Wer hier sein ganz eigenes Layout erstellen will, sollte mindestens Grundkenntnisse in CSS besitzen. Ansonsten gibt es aber auch fertige Vorlagen, die man einfach herunterladen und in den entsprechenden Ordner kopieren kann.

Diese vorgefertigten Themes kann man dann entweder so nutzen wie sie sind, oder natürlich auch an die eigenen Vorstellungen anpassen.

Mainsail erwartet sein Theme im Unterordner „.theme“ des „klipper_config„-Verzeichnisses. (In der Regel „/home/pi/klipper_config„)
Falls es noch nicht existiert, muss der Ordner angelegt werden!

In diesen Ordner kopiert Ihr den Inhalt des gewünschten Themes hinein, so dass die Datei custom.css sich direkt im „.theme“ Ordner befindet. Sollte das heruntergeladene Theme also noch in einem eigenen Ordner liegen, kopiert nur den Inhalt aus diesem Ordner mit allen Unterordnern in den „.theme„-Ordner.

Nach Neustart von Mainsail sollte die Oberfläche nun sofort die optischen Anpassungen des Themes übernommen haben.

Weitere Informationen zu Themes für Mainsail, und welche Möglichkeiten Ihr habt dieses anzupassen findet Ihr unter: https://docs.mainsail.xyz/features/theming


Ebenfalls bietet Mainsail auch direkt einige Beispiel-Themes: https://docs.mainsail.xyz/features/theming/themes