ElementPlus暗黑模式和更改自定义主题

1.暗黑模式

引入相应的css文件，

import css import 'element-plus/theme-chalk/dark/css-vars.css'

//switch开关的chang事件进行暗黑模式的切换
const changeDark = （） => {
//获取HTML根节点
let html = document.documentElement;
//判断HTML标签是否有类名dark
dark.value ? html.className = 'dark' : html.className =""
}

2.自定义主题

//主题颜色的设置
const setColor = （）=>{
//通知js修改根节点的样式对象的属性与属性值
const html = document.documentElement;
html.style.setProperty('--el-color-primary',color.value);}