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를 반환합니다.
이 페이지의 목차