Simone Visciano

SVisciano – Light-Dark Theme Mode allows you to create a secondary color variant of your website and let users switch between the default theme and a custom override.
The plugin does not force a predefined light or dark style. Instead, it works on top of your existing design:
• The default theme (switch OFF) keeps the original colors used to build your site. 
• The alternate theme (switch ON) applies custom color overrides based on a mapping system you define. 
• The switch in automatic mode works for both themes and decides to use default or alternate based on the user’s browser preferences.
This means your base theme can be either light or dark. You decide which version is the default, and the plugin generates the secondary variant accordingly.
How it works:
<ol>
<li>Select your base theme (Light or Dark) in the settings.</li>
<li>Scan a page of your site to automatically detect color variables.</li>
<li>Map the original color variables to the custom override colors you want to apply.</li>
<li>Place the shortcode anywhere on your site to display the theme switcher.</li>
</ol>
The scanning system helps you detect color variables used on a specific page, making the mapping process easier. However, you are not limited to the scan results: you can manually enter any color variable name and define its override value.
When users activate the switch to the alternate theme of your base theme, the mapped colors are dynamically replaced with your custom ones, creating a clean secondary theme without modifying your original design.
Key Features:
• Base theme selectable (Light, Auto or Dark) 
• Custom color override mapping 
• Automatic variable scanning system 
• Manual variable mapping supported 
• Multiple toggle switch styles 
• Shortcode-based placement 
• Lightweight and compatible with most themes
SVisciano – Light-Dark Theme Mode gives you full control over how your secondary theme looks, without locking you into a predefined dark mode system.

SVisciano – Light-Dark Theme Mode

Create a secondary color variant of your site and let users switch between the default theme and a custom light or dark override.

GAUTIER Antoine

After installing the plugin. 
You’ll have a new menu in your admin page “GAPlugin”. 
It will have a “darkmode” menu. 
Here you’ll be able to activate a test affecting the body of your website.
You’ll be able to modify your CSS (Cascade Style Sheet) to manage your darktheme: 
– for the light theme :root 
– for the dark theme [data-theme=”dark”] 
You can take a look in the test mode to see how to use it.
You just have to use the shortcode in your theme to display the checkbox for the darkmode. 
Here is the shortcode to use: [GAP-darkmode]
Enjoy ! 
Take a look at my website <a href="https://gautierantoine.com" rel="nofollow ugc">GautierAntoine.com</a>

gaplugin-darkmode

Use a shortcode to create a light/dark mode.

SVisciano – Light-Dark Theme Mode vs gaplugin-darkmode