BrowserUX Theme Switcher
Une solution moderne pour proposer un sélecteur de thème clair/sombre et améliorer l'expérience utilisateur sur toutes vos interfaces web.
BrowserUX Theme Switcher est un Web Component léger, accessible et personnalisable conçu pour ajouter facilement un bouton de changement de thème à n'importe quel site ou application. Il détecte automatiquement le thème système, mémorise la préférence de l'utilisateur et applique le bon thème.
npm install browserux-theme-switcher
Web component
Voir le CHANGELOG
Fonctionnalités clés de BrowserUX Theme Switcher
- 🎚 Bascule
data-theme="light"/"dark"surhtmlou un élément cible personnalisé - 💾 Mémorise la préférence de l'utilisateur dans
localStorage - 🕶 Détecte la préférence système via
prefers-color-schemeau premier chargement - 📢 Émet un événement personnalisé
theme-changeà chaque changement de thème - 🧠 Labels ARIA dynamiques : multilingues, auto-détectés ou personnalisables
- 🌐 i18n intégré pour 9 langues (
en,fr,es,de,ja,ru,pt,it,nl) - 🖼 Échange automatique d'images via convention de nommage ou attributs
data-src-*explicites - 🎨 Entièrement personnalisable via des propriétés CSS personnalisées (
--bux-switch-*) - 🧩 Shadow DOM optionnel, désactivable avec
no-shadow