MDUIDocs
Kopírovat odkaz llms.txtKopírovat odkaz llms-full.txtZobrazit tuto stránku jako MarkdownDiskutovat o této stránce s ChatGPTDiskutovat o úplné dokumentaci projektu s ChatGPT
Přednastavená barva
Vlastní barva
Extrahovat barvu z tapety
Vyberte prosím tapetu
Začínáme
Vývoj s pomocí AI
Styly
Integrace s frameworky
Komponenty
Funkce
Knihovna jq dialog alert confirm prompt snackbar getTheme setTheme getColorFromImage setColorScheme removeColorScheme loadLocale setLocale getLocale throttle observeResize breakpoint
Knihovny

setTheme

Funkce setTheme slouží k nastavení motivu aktuální stránky nebo zadaného prvku.

Dostupné motivy zahrnují light, dark a auto. Podrobnosti viz Tmavý režim.

Způsob použití

Importujte funkci podle potřeby:

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

Příklad použití:

// Nastaví celou stránku na tmavý režim
setTheme('dark');

// Nastaví prvek s class="element" na tmavý režim
setTheme('dark', '.element');

// Nastaví zadaný DOM prvek na tmavý režim
const element = document.querySelector('.element');
setTheme('dark', element);

API

setTheme(theme: 'light' | 'dark' | 'auto', target?: string | HTMLElement | JQ<HTMLElement>): void

Prvním parametrem funkce je motiv, který se má nastavit. Možné hodnoty jsou light, dark, auto.

Druhým parametrem je prvek, na kterém se má motiv nastavit. Může to být CSS selektor, DOM prvek nebo JQ objekt. Pokud druhý parametr není zadán, výchozí je nastavení motivu na prvku <html>.

Obsah na této stránce