getTheme
Die getTheme-Funktion liest das Theme der aktuellen Seite oder eines angegebenen Elements aus.
Die verfügbaren Theme-Typen sind light, dark und auto. Siehe Dark Mode.
Verwendung
Importieren Sie die Funktion nach Bedarf:
import { getTheme } from 'mdui/functions/getTheme.js';
Beispiel:
// Theme von <html> abrufen
getTheme();
// Theme des Elements mit der Klasse "element" abrufen
getTheme('.element');
// Theme eines bestimmten DOM-Elements abrufen
const element = document.querySelector('.element');
getTheme(element);
API
getTheme(target?: string | HTMLElement | JQ<HTMLElement>): 'light' | 'dark' | 'auto'Das Argument der Funktion ist das Element, von dem das Theme abgerufen werden soll. Es kann ein CSS-Selektor, ein DOM-Element oder ein JQ-Objekt sein. Wenn kein Argument übergeben wird, wird standardmäßig das Theme des <html>-Elements abgerufen.
Der Rückgabewert der Funktion ist einer von light, dark oder auto. Wenn für das Element kein Theme gesetzt ist, wird standardmäßig light zurückgegeben.
Auf dieser Seite