setTheme
La fonction setTheme permet de définir le thème de la page actuelle ou d'un élément spécifié.
Les thèmes disponibles sont light, dark, et auto. Voir Mode sombre.
Utilisation
Importez la fonction selon vos besoins :
import { setTheme } from 'mdui/functions/setTheme.js';
Exemple d'utilisation :
// Met toute la page en mode sombre
setTheme('dark');
// Met l'élément avec la classe "element" en mode sombre
setTheme('dark', '.element');
// Met un élément DOM spécifique en mode sombre
const element = document.querySelector('.element');
setTheme('dark', element);
API
setTheme(theme: 'light' | 'dark' | 'auto', target?: string | HTMLElement | JQ<HTMLElement>): voidLe premier paramètre est le thème à définir (light, dark, auto).
Le second paramètre est l'élément cible sur lequel définir le thème. Il peut s'agir d'un sélecteur CSS, d'un élément DOM, ou d'un objet JQ. Si aucun paramètre n'est fourni, le thème est défini sur l'élément <html>.
Sur cette page