VSDM, le mode sombre (et clair) pour Elementor
Very Simple Dark Mode ajoute un vrai mode sombre à votre site Elementor, construit sur des variables CSS, sans filtre d’inversion qui délave vos couleurs. Et si votre site est déjà sombre, il inverse la logique : vos visiteurs profitent d’un mode clair. Dans les deux cas, un contraste automatique garde chaque texte lisible.
Un dark mode qui respecte votre design
Un vrai mode sombre
Palette dédiée sur variables CSS. Pas de filtre d’inversion : vos couleurs de marque, vos images et vos sections travaillées restent intactes.
Mode clair pour sites sombres
Site nativement sombre ? Choisissez la base « sombre » et VSDM propose un thème clair à vos visiteurs, avec sa propre palette.
Contraste auto WCAG
Les textes qui deviennent illisibles après bascule sont corrigés automatiquement, en préservant leur teinte, jusqu’au niveau AA.
Pensé pour Elementor
Détection intelligente des surfaces : les fonds de sections et cartes sont repeints, les images de fond et bandeaux colorés préservés.
Toggle personnalisable
Bouton flottant (4 positions, 6 styles d’icônes) ou lien de menu via la classe « vsdm-toggle ». Préférence mémorisée, sans flash au chargement.
Réglable finement
Deux palettes complètes, CSS personnalisé appliqué uniquement dans le mode choisi, remap des Global Colors Elementor. Interface en français.
Votre logo suit le thème
Un logo blanc disparaît sur fond clair, un logo sombre disparaît sur fond noir. VSDM peut repeindre votre logo monochrome avec la couleur exacte de votre choix dans chaque mode, via un filtre SVG qui préserve la transparence et les contours. Aucune seconde image à créer. Fonction optionnelle : laissez la couleur vide et votre logo reste intact.
En place en trois minutes
Téléchargez le fichier zip du plugin avec le bouton ci-dessous.
Dans WordPress : Extensions, Ajouter, Téléverser une extension, puis activez VSDM.
Dans Réglages, Dark Mode : indiquez si votre site est clair ou sombre, ajustez la palette, c’est en ligne.
Pourquoi VSDM plutôt qu’un dark mode générique
La plupart des plugins de dark mode appliquent un filtre qui inverse tout : vos couleurs de marque, vos images, vos boutons. VSDM travaille autrement : il lit les variables de votre kit Elementor et construit une vraie palette, avec un contraste vérifié automatiquement selon les critères WCAG.
- Le seul à faire aussi le chemin inverse : un mode clair pour les sites conçus sombres
- Palette dérivée de votre kit Elementor, pas un filtre d’inversion qui casse votre marque
- Contraste automatique WCAG : les textes restent lisibles dans les deux modes
- Léger et autonome : aucune requête externe, aucun compte, aucune collecte
- Vraiment gratuit : pas de version payante cachée derrière les réglages utiles
Questions fréquentes
Ça marche avec mon thème ?
VSDM est conçu pour les sites Elementor, quel que soit le thème en dessous (Hello, Astra, OceanWP…). Il s’appuie sur les couleurs globales de votre kit : plus votre site les utilise, meilleur est le résultat.
Ça ralentit mon site ?
Non : quelques kilo-octets de CSS et de JavaScript chargés en différé, aucune requête vers un service tiers. Le basculement est instantané et le choix du visiteur est mémorisé.
Et si une section rend mal ?
Chaque couleur générée peut être surchargée depuis les réglages, section par section si besoin. Les champs de formulaire et les boutons ont leurs propres contrôles.
Téléchargez VSDM gratuitement
Version 0.3.0, licence GPL, sans compte ni inscription. Les mises à jour sont publiées sur cette page.
Besoin d’un comparateur de prix et de liens d’affiliation ? Découvrez aussi le plugin VSOA.