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.