setTheme

setTheme 函数用于设置当前页面或指定元素的主题。可选的主题包括 light、dark和 auto。详见暗色模式。

使用方法

按需导入函数：

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

使用示例：

// 把整个页面设置成暗色模式
setTheme('dark');

// 把 class="element" 元素设置成暗色模式
setTheme('dark', '.element');

// 把指定 DOM 元素设置成暗色模式
const element = document.querySelector('.element');
setTheme('dark', element);

API

setTheme(theme: 'light' | 'dark' | 'auto', target?: string | HTMLElement | JQ<HTMLElement>): void

函数的第一个参数是要设置的主题，可选值为 light、dark、auto。

第二个参数是要设置主题的元素，可以是 CSS 选择器、DOM 元素，或 JQ 对象。如果不传入第二个参数，那么默认设置 <html> 元素的主题。

getTheme

getColorFromImage