MDUIDocs
Copiar link do llms.txtCopiar link do llms-full.txtVer esta página em MarkdownDiscutir esta página no ChatGPTDiscutir documentação completa do projeto no ChatGPT
Cores predefinidas
Cor personalizada
Extrair cor do papel de parede
Selecione um papel de parede
Primeiros Passos
Desenvolvimento assistido por IA
Estilos
Integração com Frameworks
Componentes
Funções
Biblioteca de utilitários jq dialog alert confirm prompt snackbar getTheme setTheme getColorFromImage setColorScheme removeColorScheme loadLocale setLocale getLocale throttle observeResize breakpoint
Bibliotecas

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