getTheme

getTheme 函式用來取得目前頁面或指定元素的主題設定。

主題類型包括 light、dark、auto 三種，詳見 深色模式。

使用方式

按需引入函式：

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> 元素的主題。

函式的回傳值為 light、dark、auto 之一，如果元素上未設定主題，則預設回傳 light。