setTheme
La funzione setTheme applica un tema specifico alla pagina corrente o a un elemento designato.
I temi disponibili sono light, dark e auto. Per maggiori informazioni, consultare la sezione Modalità scura.
Utilizzo
Importa la funzione:
import { setTheme } from 'mdui/functions/setTheme.js';
Esempio:
// Imposta l'intera pagina in modalità scura
setTheme('dark');
// Imposta un elemento con classe="element" in modalità scura
setTheme('dark', '.element');
// Imposta un elemento DOM specificato in modalità scura
const element = document.querySelector('.element');
setTheme('dark', element);
API
setTheme(theme: 'light' | 'dark' | 'auto', target?: string | HTMLElement | JQ<HTMLElement>): voidLa funzione accetta due parametri. Il primo parametro specifica il tema da applicare. Può essere light, dark o auto.
Il secondo parametro è opzionale e determina l'elemento a cui verrà applicato il tema. Il target può essere un selettore CSS, un elemento DOM o un oggetto JQ. Se non viene fornito alcun target, il tema viene applicato all'elemento <html>.
In questa pagina