Skip to content

主题定制 ​

DaLuoComponents 基于 Element Plus 的主题系统,支持亮色/暗色主题切换和自定义品牌色。

主题变量 ​

组件库使用 Element Plus 的 CSS Variables 系统:

css
:root {
  /* Element Plus 主题色 */
  --el-color-primary: #409eff;
  --el-color-success: #67c23a;
  --el-color-warning: #e6a23c;
  --el-color-danger: #f56c6c;
  --el-color-info: #909399;
}

使用方式 ​

引入 Element Plus 样式即可:

typescript
import 'element-plus/dist/index.css'

暗色主题 ​

Element Plus 支持暗色主题,参考 Element Plus 暗黑模式文档。

自定义品牌色 ​

覆盖 CSS Variables 即可全局替换:

css
:root {
  --el-color-primary: #1890ff;
}