MDUI文档English简体中文亮色模式暗色模式跟随系统
预设颜色
自选颜色
从壁纸提取颜色
请选择一张壁纸
开发指南
样式
与框架集成
组件
工具函数
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
本页目录