setTheme
A função setTheme é usada para definir o tema da página atual ou de um elemento especificado.
Os temas opcionais incluem light, dark e auto. Consulte Modo escuro.
Como usar
Importe a função conforme necessário:
import { setTheme } from 'mdui/functions/setTheme.js';
Exemplo de uso:
// Define toda a página como modo escuro
setTheme('dark');
// Define o elemento class="element" como modo escuro
setTheme('dark', '.element');
// Define um elemento DOM específico como modo escuro
const element = document.querySelector('.element');
setTheme('dark', element);
API
setTheme(theme: 'light' | 'dark' | 'auto', target?: string | HTMLElement | JQ<HTMLElement>): void
O primeiro parâmetro da função é o tema a ser definido; os valores opcionais são light, dark, auto.
O segundo parâmetro é o elemento no qual definir o tema; pode ser um seletor CSS, um elemento DOM ou um objeto JQ. Se o segundo parâmetro não for passado, o padrão é definir o tema do elemento <html>.
Nesta página