MDUIDocs
Копировать ссылку llms.txtКопировать ссылку llms-full.txtПросмотреть страницу в MarkdownОбсудить страницу с ChatGPTОбсудить полную документацию проекта с ChatGPT
Предустановленный цвет
Пользовательский цвет
Извлечь цвет из обоев
Пожалуйста, выберите обои
Начало работы
Разработка с помощью ИИ
Стили
Интеграция с фреймворками
Компоненты
Функции
Библиотека jq dialog alert confirm prompt snackbar getTheme setTheme getColorFromImage setColorScheme removeColorScheme loadLocale setLocale getLocale throttle observeResize breakpoint
Библиотеки

setTheme

Функция setTheme используется для установки темы текущей страницы или указанного элемента.

Тема может быть light, dark или auto. Подробнее см. Тёмный режим.

Использование

Импортируйте функцию по мере необходимости:

import { setTheme } from 'mdui/functions/setTheme.js';

Пример использования:

// Установить тёмный режим для всей страницы
setTheme('dark');

// Установить тёмный режим для элемента с классом "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>.

На этой странице