Mind UI

# Color 主题色

# 介绍

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

# 自定义主题

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

# 组件中使用的颜色变量

请将以下代码复制到 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);  /* 遮罩颜色 */
}

← Style 基础样式 →