MDUI文件
複製 llms.txt 連結複製 llms-full.txt 連結以 Markdown 格式檢視此頁與 ChatGPT 討論此頁內容與 ChatGPT 討論專案完整文件
預設顏色
自選顏色
從桌布擷取顏色
請選擇一張桌布
開發指南
AI 輔助開發
樣式
與框架整合
元件
函式
jq 工具庫 dialog alert confirm prompt snackbar getTheme setTheme getColorFromImage setColorScheme removeColorScheme loadLocale setLocale getLocale throttle observeResize breakpoint
獨立程式庫

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
本頁目錄