mdui
Version:
实现 material you 设计规范的 Web Components 组件库
17 lines (16 loc) • 768 B
JavaScript
import { $ } from '@mdui/jq/$.js';
/**
* 获取在指定元素上设置的主题。
* 未传入参数时，默认获取 `<html>` 元素上的主题。
* 元素上未设置过主题时，默认返回 `light`。
* @param target 获取该元素上的主题。可以是 CSS 选择器、DOM 元素、或 JQ 对象。默认为 `<html>` 元素
* @return Theme 当前主题，值为 `light`、`dark` 或 `auto`
*/
export const getTheme = (target = document.documentElement) => {
const element = $(target)[0];
const themes = ['light', 'dark', 'auto'];
const prefix = 'mdui-theme-';
return (Array.from(element.classList)
.find((className) => themes.map((theme) => prefix + theme).includes(className))
?.slice(prefix.length) ?? 'light');
};