ElisDarkmode
Introduction
Creating a Template with Darkmode / Theme-Switcher functionality is now a piece of cake!
With the help of this lightweight but intuitive plugin, you can now easily create a responsive Darkmode layout from scratch without needing to
import additional Javascript Libraries or other Scripts
How it works:
Easy! All you have to do is go into your CSS and replace all darkmode relevant fixed color values with CSS-Variables. Next,
got into the Backend of the plugin and enter the previously declared CSS-Variables, together with a fitting color for Normal (light) Mode and Darkmode. Finally, select the Class of a Container, in which the Theme-Switcher Button should be rendered and save the Plugin Settings.
Note: If you don‘t want to use Color (rgba) Values, you can use the 'use alternative values' switch to enter any CSS Value you want (e.g. for setting a Box Shadow)
You now have a fully Customizable Theme-Switcher Button on your Web Page, that changes the Webpage's whole Color Layout without even
reloading the Page!
Features:
- First of it's kind
- Easy and straightforward configuration (with a little bit of CSS knowledge)
- Styles are loaded in the blink of an eye
- Changes Theme without reloading the Page
- Remembers the last Style, that the Client chose
- Optional smooth fading animation when changing Theme
Please note that Javascript needs to be activated on the Client's Browser in order for this Plugin to work correctly.
Cookies also need to be accepted.
I'm a new Developer and I don't have a proper Website yet. If you have any Questions related to the Extension, feel free to contact me at eliasritter168667@gmail.com
CHANGELOG
Version 1.2 - More Code improvements for stability
Version 1.1 - Some minor Code improvements
Mit Hilfe dieses leichtgewichtigen aber intuitiven Plugins können Sie jetzt ganz einfach ein responsives Darkmode-Layout von Grund auf erstellen!
So funktioniert es:
Ganz einfach! Alles was Sie tun müssen ist, Ihre CSS-Dateien zu öffnen und alle darkmode-relevanten festen Farbwerte durch CSS-Variablen zu ersetzen. Als nächstes gehen Sie in das Backend des Plugins und geben die zuvor deklarierten CSS-Variablen zusammen mit einer passenden Farbe für den Normalen (hellen) Modus und Darkmode ein. Schließlich wählen Sie die Klasse eines Containers aus, in dem der Theme-Switcher-Button gerendert werden soll, und speichern die Plugin-Änderungen.
Sie haben jetzt einen vollständig anpassbaren Theme-Switcher-Button auf Ihrer Webseite, der die gesamte Farblayout der Webseite ändert, ohne die Seite neu zu laden!
Funktionen:
- Erster seiner Art
- Einfache und unkomplizierte Konfiguration (mit etwas CSS-Kenntnissen)
- Ändert das Theme ohne Neuladen der Seite
- Moderner, gut dokumentierter Code
- Merkt sich den letzten Stil, den der Kunde gewählt hat.
Bitte beachten Sie, dass Javascript auf dem Browser des Clients aktiviert sein muss, damit dieses Plugin korrekt funktioniert. Cookies müssen ebenfalls gesetzt werden.
ElisDarkmode
- Version:
- 1.2
- Developer:
- Elias Ritter
- Last updated:
-
May 02 2023
7 months ago - Date added:
- Mar 28 2023
- License:
- GPLv2 or later
- Type:
- Free download
- Includes:
- p
- Compatibility:
- J4
Share