element plus 自定义暗黑css

Element Plus的自定义暗黑CSS可以通过在样式文件中覆盖默认的背景色和文本颜色来实现。在示例中，可以在样式文件`src/styles/demo.scss`中添加以下代码来自定义暗黑CSS：

html.dark {
  /* 覆盖element-plus默认深色背景色 */
  --el-bg-color: #626aef;
  
  .el-button--primary {
    /* 覆盖element-plus默认深色按钮文本颜色 */
    --el-button-text-color: #ededed;
  }
}

这段代码将为暗黑模式下的HTML元素设置自定义的背景色和按钮文本颜色。你可以根据需要修改这些颜色值来适应你的项目需求。\[1\]
#### 引用[.reference_title]
- *1* *2* [基于 vue3 & element-plus 的暗黑模式](https://blog.csdn.net/ymzhaobth/article/details/125521766)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [Element Plus版本终于支持暗黑模式啦~](https://blog.csdn.net/weixin_44255044/article/details/125874176)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]