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> 요소의 테마를 설정합니다.
이 페이지의 목차