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