Color 主题色

介绍

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

自定义主题

Mind UI Weapp 使用 css 变量 (opens new window) 来定制主题色，保持组件风格统一。
组件提供了一套默认主题来保持外观视觉一致性。

组件中使用的颜色变量

项目中默认使用了以下主题颜色，如需更改，可复制其到 app.wxss 中进行修改。

page {
  --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);  /* 遮罩颜色 */
}