Appearance
主题定制
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;
}