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>.

getTheme

getColorFromImage