--el-color-success: #67c23a;
--el-color-success-light-3: ...;
--el-color-success-light-5: ...;
--el-color-success-light-7: ...;
--el-color-success-light-8: ...;
--el-color-success-light-9: ...;
--el-color-success-dark-2: ...;
--el-color-warning: #e6a23c;
--el-color-warning-light-3: ...;
--el-color-warning-light-5: ...;
--el-color-warning-light-7: ...;
--el-color-warning-light-8: ...;
--el-color-warning-light-9: ...;
--el-color-warning-dark-2: ...;
--el-color-danger: #f56c6c;
--el-color-danger-light-3: ...;
--el-color-danger-light-5: ...;
--el-color-danger-light-7: ...;
--el-color-danger-light-8: ...;
--el-color-danger-light-9: ...;
--el-color-danger-dark-2: ...;
--el-color-info: #909399;
--el-color-info-light-3: ...;
--el-color-info-light-5: ...;
--el-color-info-light-7: ...;
--el-color-info-light-8: ...;
--el-color-info-light-9: ...;
--el-color-info-dark-2: ...;
}
/* （可选）根据情况设置某个组件的主题调整 / .el-card { --el-card-bg-color: / example / --el-card-border-color: / example */ }
/* （可选）根据情况设置某个组件的主题调整 / .el-button { --el-button-bg-color: / example / --el-button-border-color: / example / --el-button-hover-text-color: / example */ }
- 一定要补充多个衍生颜色值，如`--el-color-primary-light-3: xxx;`。 - 菜单配色默认保持白色侧边栏风格；若需求明确或有原始视觉稿输入，以需求/视觉稿为准。 - 顶部菜单配色不受上述侧边栏规则限制，可按需发挥，不强制全白。 - 若无明确品牌色方案，保持默认示例中的`--el-color-primary: #3669e8; ...`这套方案。 - 禁止设置任何outline属性。 - 禁止覆盖弹窗（Dialog / Modal）样式： - 禁止编写与弹窗结构相关的选择器，例如 `.el-dialog`、`.el-overlay-dialog`、`.el-overlay` 及其子节点类名（`.el-dialog__header`、`.el-dialog__body`、`.el-dialog__footer`、`.el-dialog__title` 等）。 - 禁止为弹窗增加边框、内边距、背景、分隔线等覆盖；弹窗保持 Element Plus 默认外观，主题仅通过 `:root` 等全局色板变量体现。 - 所有 `:focus` 状态或 `.focus` 或 `.is-focus` 类样式中，禁止使用 `box-shadow`（例如 `.el-input__inner:focus` 不应设置 box-shadow）。 - 表格表头样式：若需自定义表头背景色，请直接修改 `--el-table-header-bg-color` 变量，禁止通过 `.el-table th` 选择器覆盖样式。因为 Element Plus 内部使用 `.el-table th.el-table__cell` 设置背景色，直接覆盖 `.el-table th` 可能导致样式冲突（如背景色与字体颜色不匹配，造成文字不可见）。