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 です。

2 番目のパラメーターはテーマを設定する要素で、CSS セレクター、DOM 要素、または JQ オブジェクト です。2 番目のパラメーターを省略した場合は、デフォルトで <html> 要素のテーマを設定します。