MDUIDocs
Copiar enlace llms.txtCopiar enlace llms-full.txtVer esta página en formato MarkdownDiscutir esta página con ChatGPTDiscutir la documentación completa del proyecto con ChatGPT
Color preestablecido
Color personalizado
Extraer color del fondo de pantalla
Selecciona una imagen de fondo
Primeros pasos
Desarrollo asistido por IA
Estilos
Integración con frameworks
Componentes
Funciones
jq Library dialog alert confirm prompt snackbar getTheme setTheme getColorFromImage setColorScheme removeColorScheme loadLocale setLocale getLocale throttle observeResize breakpoint
Paquetes independientes

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