MDUI文档English简体中文亮色模式暗色模式跟随系统
预设颜色
自选颜色
从壁纸提取颜色
请选择一张壁纸
开发指南
样式
与框架集成
组件
工具函数
jq 工具库 dialog alert confirm prompt snackbar getTheme setTheme getColorFromImage setColorScheme removeColorScheme loadLocale setLocale getLocale throttle observeResize breakpoint
独立包

getTheme

getTheme 函数用于获取当前页面或指定元素的主题设置。主题类型包括 lightdarkauto 三种,详见 暗色模式

使用方法

按需导入函数:

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

使用示例:

// 获取 <html> 上的主题
getTheme();

// 获取 class="element" 元素上的主题
getTheme('.element');

// 获取指定 DOM 元素上的主题
const element = document.querySelector('.element');
getTheme(element);

API

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

函数的参数为要获取主题的元素,可以是 CSS 选择器、DOM 元素,或 JQ 对象。如果不传入参数,则默认获取 <html> 元素的主题。

函数的返回值为 lightdarkauto 之一,如果元素上未设置主题,则默认返回 light

本页目录