Title: SVisciano – Light-Dark Theme Mode Author: Simone Visciano Published: 11 mars 2026 Last modified: 5 septembre 2026 --- Recherche d’extensions ![](https://ps.w.org/svisciano-light-dark-theme-mode/assets/banner-772x250.png?rev =3535289) ![](https://ps.w.org/svisciano-light-dark-theme-mode/assets/icon-256x256.png?rev =3535289) # SVisciano – Light-Dark Theme Mode Par [Simone Visciano](https://profiles.wordpress.org/svisciano/) [Télécharger](https://downloads.wordpress.org/plugin/svisciano-light-dark-theme-mode.0.3.0.zip) * [Détails](https://fr.wordpress.org/plugins/svisciano-light-dark-theme-mode/#description) * [Avis](https://fr.wordpress.org/plugins/svisciano-light-dark-theme-mode/#reviews) * [Installation](https://fr.wordpress.org/plugins/svisciano-light-dark-theme-mode/#installation) * [Développement](https://fr.wordpress.org/plugins/svisciano-light-dark-theme-mode/#developers) [Support](https://wordpress.org/support/plugin/svisciano-light-dark-theme-mode/) ## Description **SVisciano – Light-Dark Theme Mode** allows you to easily create a secondary color variant for your website. Give your users the freedom to switch between your default style and a custom color override with a sleek, modern toggle. Unlike rigid dark mode plugins, **it does not force a predefined style**. It works on top of your existing design, meaning your base theme can be either **light** or **dark**. You decide which version is the default, and the plugin handles the secondary variant. ### 🚀 How It Works 1. **Set your Base Theme**: Select whether your site is natively Light or Dark. 2. **Scan CSS Variables**: Automatically detect the color variables used on any page of your site with one click. 3. **Map Your Colors**: Pair your original color variables with your custom override colors. 4. **Display the Switcher**: Place the shortcode anywhere on your site to display a beautiful toggle. ### 🌟 Key Features * **Flexible Base Theme**: Choose Light or Dark as your starting point. * **Smart Visitor Preferences**: Set the starting theme for first-time visitors( including an Auto mode that follows browser preferences). * **Automatic CSS Variable Scanner**: Easily detect color variables on your pages to simplify the mapping process. * **Instant Search & Filters**: Quickly find scanned variables by name or value to speed up your workflow. * **Total Mapping Control**: Map variables automatically or manually enter custom names. * **Import & Export**: Back up your color mappings or transfer them to another site in seconds. * **Beautiful Toggle Styles**: Choose from multiple modern switcher designs (like Minimal Switch or Glass Pill) to match your site’s aesthetic. * **Shortcode Placement**: Place the [SVISCIANO_THEME_SWITCHER] shortcode exactly where you need it. * **Lightweight & Fast**: Pure CSS variable manipulation that doesn’t bloat your site or modify your original design. Take **full control** of your website’s secondary theme without being locked into a predefined dark mode system! ## Captures d’écrans [⌊Example of Light Mode⌉⌊Example of Light Mode⌉[ Example of Light Mode [⌊Example of Dark Mode⌉⌊Example of Dark Mode⌉[ Example of Dark Mode [⌊Plugin settings page inside the WordPress admin panel.⌉⌊Plugin settings page inside the WordPress admin panel.⌉[ Plugin settings page inside the WordPress admin panel. ## Installation #### Automatic Installation 1. Go to « Plugins » > « Add New » and search for « SVisciano – Light-Dark Theme Mode»; 2. Click « Install », then « Activate »; 3. Go to « Settings » > « SVisciano – Light-Dark Theme Mode » to configure the plugin. #### Manual Installation 1. Download the plugin zip file 2. Go to « Plugins » > « Add New » > « Upload Plugin », and select the ZIP file; 3. Click « Install », then « Activate »; 4. Go to « Settings » > « SVisciano – Light-Dark Theme Mode » to configure the plugin. ## FAQ ### Does the plugin work with an already light or dark theme? Yes! The plugin does not enforce a predefined style. You choose which theme (Light or Dark) will be the base, and the plugin applies the alternate theme when the switch is activated. ### How does the « Auto » mode work? The « Auto » mode detects the user’s browser preference. If the user has dark mode enabled in their system, the alternate dark theme is applied, otherwise, the alternate light theme is applied. ### Does the plugin automatically map all site colors? No. The plugin only scans a page to detect color variables. You must manually map each original color variable to a custom override color. ### Can I place multiple toggle switches on a page? You can insert the shortcode anywhere, but only **one toggle per page** will work. If you add multiple toggles, only the first one will be functional. ### Are multiple toggle styles available? Yes. You can select the default toggle style in the plugin settings, and the shortcode will display it accordingly. ### Do the override colors replace the original theme colors? No. The base theme colors remain intact. When the switch is active, only the mapped override colors are applied. Switching OFF restores the original base theme. ### Is the plugin compatible with any theme? The plugin works at the CSS level and does not rely on any theme-specific logic. In practice, it can be used with any theme, but the actual results depend on the color variables present and how the theme is structured. ## Avis ![](https://secure.gravatar.com/avatar/38c4a1c1128c3942345893719928c4e6e06c64ed27b5b60a542f99001527863e? s=60&d=retro&r=g) ### 󠀁[Both simple and versatile](https://wordpress.org/support/topic/both-simple-and-versatile/)󠁿 [plasmidocelot](https://profiles.wordpress.org/plasmidocelot/) 1 septembre 2026 3 réponses A fantastic dark mode plugin to let you easily change colour variables to others, making it very customisable but also simple to use. It unfortunately does not work directly with stock wordpress colour gradients and they don't use variables, but this is only a minor issue I have as it can be worked around by setting colour gradients yourself with custom css using variables. I wouldn't mind also being able to override the variable with another variable. ![](https://secure.gravatar.com/avatar/6988a0066fa896bb4fe2c49354839baccf969f496e105f992cdb7024aff3add2? s=60&d=retro&r=g) ### 󠀁[Easy + customizable](https://wordpress.org/support/topic/easy-customizable-10/)󠁿 [irisestacansado](https://profiles.wordpress.org/irisestacansado/) 22 avril 2026 3 réponses Easy to use and I love the customization it provides. I wish it allowed you to choose what the default mode is for your website — mine is meant to be viewed in dark mode so I would prefer it not automatically toggle, but that's not the biggest deal ever. [ Lire les 2 avis ](https://wordpress.org/support/plugin/svisciano-light-dark-theme-mode/reviews/) ## Contributeurs/contributrices & développeurs/développeuses « SVisciano – Light-Dark Theme Mode » est un logiciel libre. Les personnes suivantes ont contribué à cette extension. Contributeurs * [ Simone Visciano ](https://profiles.wordpress.org/svisciano/) [Traduisez « SVisciano – Light-Dark Theme Mode » dans votre langue.](https://translate.wordpress.org/projects/wp-plugins/svisciano-light-dark-theme-mode) ### Le développement vous intéresse ? [Parcourir le code](https://plugins.trac.wordpress.org/browser/svisciano-light-dark-theme-mode/), consulter le [SVN dépôt](https://plugins.svn.wordpress.org/svisciano-light-dark-theme-mode/), ou s’inscrire au [journal de développement](https://plugins.trac.wordpress.org/log/svisciano-light-dark-theme-mode/) par [RSS](https://plugins.trac.wordpress.org/log/svisciano-light-dark-theme-mode/?limit=100&mode=stop_on_copy&format=rss). ## Journal des modifications #### 0.3.0 * Add: CSS variable support in color mapping overrides * Add: Alpha channel support for color pickers * Fix: WordPress Plugin Check compliance standards #### 0.2.1 * Update: Tested and fully compatible with WordPress 7.1 #### 0.2.0 * Add: Added default theme options for first-time visitors * Add: Added search filter for scanned CSS variables * Add: Added import and export functionality for color mapping * Update: Modernized UI tables * Tweak: Optimized dynamic table resizing and scroll behavior #### 0.1.1 * Improved CSS variable generation for theme switching #### 0.1.0 * Initial release ## Méta * Version **0.3.0** * Dernière mise à jour **il y a 1 mois** * Installations actives **20+** * Version de WordPress ** 5.8 ou plus ** * Testé jusqu’à **7.1.2** * Version de PHP ** 7.0 ou plus ** * Langue * [English (US)](https://wordpress.org/plugins/svisciano-light-dark-theme-mode/) * Étiquettes * [dark](https://fr.wordpress.org/plugins/tags/dark/)[dark mode](https://fr.wordpress.org/plugins/tags/dark-mode/) [dark theme](https://fr.wordpress.org/plugins/tags/dark-theme/)[light](https://fr.wordpress.org/plugins/tags/light/) [theme](https://fr.wordpress.org/plugins/tags/theme/) * [Vue avancée](https://fr.wordpress.org/plugins/svisciano-light-dark-theme-mode/advanced/) ## Évaluations 5 sur 5 étoiles. * [ 2 avis à 5 étoiles ](https://wordpress.org/support/plugin/svisciano-light-dark-theme-mode/reviews/?filter=5) * [ 0 avis à 4 étoile ](https://wordpress.org/support/plugin/svisciano-light-dark-theme-mode/reviews/?filter=4) * [ 0 avis à 3 étoile ](https://wordpress.org/support/plugin/svisciano-light-dark-theme-mode/reviews/?filter=3) * [ 0 avis à 2 étoile ](https://wordpress.org/support/plugin/svisciano-light-dark-theme-mode/reviews/?filter=2) * [ 0 avis à 1 étoile ](https://wordpress.org/support/plugin/svisciano-light-dark-theme-mode/reviews/?filter=1) [Votre avis](https://wordpress.org/support/plugin/svisciano-light-dark-theme-mode/reviews/#new-post) [Tout voir](https://wordpress.org/support/plugin/svisciano-light-dark-theme-mode/reviews/) ## Contributeurs * [ Simone Visciano ](https://profiles.wordpress.org/svisciano/) ## Support Quelque chose à dire ? Besoin d’aide ? [Voir le forum de support](https://wordpress.org/support/plugin/svisciano-light-dark-theme-mode/) ## Faire un don Souhaitez-vous soutenir l’avancement de cette extension ? [ Faire un don à cette extension ](https://buymeacoffee.com/svisciano)