getTheme

getTheme 関数は、現在のページまたは指定された要素のテーマ設定を取得するために使います。

テーマの種類には light、dark、auto の3つがあります。詳細はダークモードを参照してください。

使用方法

関数を必要に応じてインポートします：

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 を返します。

前の章

snackbar

次の章

setTheme