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

getTheme

La función getTheme está diseñada para obtener la configuración de tema de la página actual o de un elemento concreto.

Los tipos de tema incluyen light, dark y auto. Ver Modo oscuro.

Uso

Importa la función cuando lo necesites:

import { getTheme } from 'mdui/functions/getTheme.js';

Ejemplo de uso:

// Obtener el tema en <html>
getTheme();

// Obtener el tema en el elemento class="element"
getTheme('.element');

// Obtener el tema en un elemento DOM específico
const element = document.querySelector('.element');
getTheme(element);

API

getTheme(target?: string | HTMLElement | JQ<HTMLElement>): 'light' | 'dark' | 'auto'

El parámetro de la función es el elemento del cual se quiere obtener el tema. Puede ser un selector CSS, un elemento DOM o un objeto JQ. Si no se pasa ningún parámetro, se obtiene el tema del elemento <html> por defecto.

La función devuelve light, dark o auto. Si el elemento no tiene un tema establecido, devuelve light por defecto.

Contenido de esta página