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> 要素のテーマを設定します。
このページの目次