setTheme
La función setTheme está diseñada para establecer el tema de la página actual o de un elemento concreto.
Los temas posibles son light, dark y auto. Ver Modo oscuro.
Uso
Importa la función cuando lo necesites:
import { setTheme } from 'mdui/functions/setTheme.js';
Ejemplo de uso:
// Establece el modo oscuro en toda la página
setTheme('dark');
// Establece el modo oscuro en el elemento class="element"
setTheme('dark', '.element');
// Establece el modo oscuro en un elemento DOM específico
const element = document.querySelector('.element');
setTheme('dark', element);
API
setTheme(theme: 'light' | 'dark' | 'auto', target?: string | HTMLElement | JQ<HTMLElement>): void
El primer parámetro de la función es el tema a establecer. Los valores posibles son light, dark, auto.
El segundo parámetro es el elemento sobre el cual se establecerá el tema. Puede ser un selector CSS, un elemento DOM o un objeto JQ. Si no se pasa el segundo parámetro, se establece el tema en el elemento <html> por defecto.
Contenido de esta página