Color 主题色

介绍

Mind UI Vue 提供了一套默认主题来保持外观视觉一致性，CSS 命名采用 BEM 的风格，方便使用者覆盖样式。

颜色变量

组件从 v1.2.0 开始，使用 var 变量方式设置主题，你可以在项目中进行重写覆盖。

:root {
  --color-primary: #409eff;            /* primary */
  --color-success: #67c23a;            /* Success */
  --color-warning: #e6a23c;            /* Warning */
  --color-danger: #f56c6c;             /* Danger */
  --color-info: #909399;               /* Info */

  --color-text-primary: #303133;       /* 主要文字 标题 */
  --color-text-regular: #606266;       /* 常规文字 正文 */
  --color-text-secondary: #909399;     /* 次要文字 辅助 */

  --color-border: #dcdee2;             /* 边框 */
  --color-mask: rgba(0, 0, 0, 0.55);   /* 遮罩颜色 */
}