Mobirise Tutorials

VN Theme Toggle

Dark-/Light‑Modus von Volker Niederastroth

Tutorial - VN Theme Toggle

Vielen Dank an Volker Niederastroth für diese Anwendung, die man kinderleicht in Mobirise integrieren kann.

VN-Theme-Toggle ist ein Werkzeug, mit dem man die Webseite des Projekts zwischen Hell- und Dunkelmodus umschalten kann. 

Meine hier gezeigte Version ist vom 23. August 2026.

Diese Anwendung findet ihr zum kostenlosen Download in der VN Block Galerie 

Such dort nach "VN-Theme-Toggle" in der Kategorie "VN Tools".

Nach dem Import der Anwendung findet ihr die Anwendung im "VN Menü", das es seit dem 20. August 2026 zur vereinfachten Darstellung von den Anwendungen von Volker Niederastroth gibt.

Ich beschreibe dieses Menü ausführlich auf meiner Seite zum VN Menü 

Im Screenshot unten seht ihr das VN‑Menü mit der geöffneten Anwendung „VN Theme Toggle“. Es besteht nur die Möglichkeit, das Mond-/Sonnensymbol links oder rechts auf dem Bildschirm zu platzieren — jeweils mit oder ohne Text. In diesem Projekt seht ihr es bei mir unten rechts ohne Text. Kopiert den Code und fügt diesen wie unten beschrieben in den globalen Site-Einstellungen ein.

VN-Toggle Dark-Light-Mode

VN-Toggle Dark-/Light‑Modus

Toggle-Code in Site-Einstellungen

Toggle-Code in den HTML Site-Einstellungen

Toggle Code für Dark-/Light‑Modus


Kopiert den Code für den Dark-/Light‑Modus aus dem Fenster „VN Theme Toggle“ und fügt ihn in den Site‑Einstellungen im Bereich „Before </body> code“ ein.