setTheme
Die setTheme-Funktion setzt das Theme der aktuellen Seite oder eines angegebenen Elements.
Die verfügbaren Themes sind light, dark und auto. Siehe Dark Mode.
Verwendung
Importieren Sie die Funktion nach Bedarf:
import { setTheme } from 'mdui/functions/setTheme.js';
Beispiel:
// Setzt die gesamte Seite auf Dark Mode
setTheme('dark');
// Setzt das Element mit der Klasse "element" auf Dark Mode
setTheme('dark', '.element');
// Stellt ein bestimmtes DOM-Element auf Dark Mode
const element = document.querySelector('.element');
setTheme('dark', element);
API
setTheme(theme: 'light' | 'dark' | 'auto', target?: string | HTMLElement | JQ<HTMLElement>): voidDas erste Argument der Funktion ist das zu setzende Theme. Mögliche Werte sind light, dark, auto.
Das zweite Argument ist das Element, auf dem das Theme gesetzt werden soll. Es kann ein CSS-Selektor, ein DOM-Element oder ein JQ-Objekt sein. Wenn kein zweites Argument übergeben wird, wird standardmäßig das Theme des <html>-Elements gesetzt.
Auf dieser Seite