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

setColorScheme

setColorScheme 函式用來根據提供的十六進位顏色值設定配色方案。

配色方案的設定會影響到頁面中的所有 mdui 元件。詳見 動態配色

使用方式

按需引入函式:

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

使用範例:

setColorScheme('#ff0000');

API

setColorScheme(color: string, options: Options): void;

Options

屬性名稱 類型 預設值
target string | HTMLElement | JQ<HTMLElement> document.documentElement

要設定配色方案的元素。值可以是 CSS 選擇器、DOM 元素、或 JQ 物件。若設定了該參數,則配色方案僅在指定元素內生效。

預設為 document.documentElement,即 <html> 元素,在整個頁面生效。

customColors CustomColor[] -
自訂顏色陣列。使用方法請參見 動態配色 章節。

CustomColor

屬性名稱 類型 預設值
name string -
自訂顏色名稱。
value string -
自訂十六進位顏色值,如 #f82506
Obsah na této stránce