Introduction

Style & Design, Modules Styling, Personal Layout, Articles styling

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 [email protected]


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.

AIMod AI-driven Content Generator
Free

AIMod AI-driven Content Generator

By Elias Ritter
Content Construction
Tired of writing Content for your Website? Here is a Module that does it for you! This easy-to-use module connects to the OpenAI completions API, and generates content for your website. Once generated, it is cached so that it remains without further interface connection. The module is therefore infinitely reusable without slowing down the loading time of the website. You can even tell the AI to f...

ElisDarkmode

Version:
1.2
Developer:
Elias Ritter
Last updated:
May 02 2023
10 months ago
Date added:
Mar 28 2023
License:
GPLv2 or later
Type:
Free download
Includes:
p
Compatibility:
J4
Download

Uses Joomla! Update System