Color 颜色
TIP
我们提供了一些快捷的class
来定义颜色相关的样式,方便快速使用。 同样基于内置的 CSS变量,你也可以自定义颜色。详见 定制主题
基础颜色,对应 CSS 的 color
属性
class | 变量 | 说明 |
---|---|---|
color-primary | --pa-color-primary | 主色 |
color-success | --pa-color-success | 成功色 |
color-warning | --pa-color-warning | 警告色 |
color-danger | --pa-color-danger | 危险色 |
color-error | --pa-color-error | 错误色 |
文字颜色,对应 CSS 的 color
属性
class | 变量 | 说明 |
---|---|---|
text-white | --pa-color-white | 文字 |
text-black | --pa-color-black | 文字 |
text-black-2 | --pa-color-black-2 | 文字 |
text-black-3 | --pa-color-black-3 | 文字 |
文字颜色,对应 CSS 的 background-color
属性
class | 变量 | 说明 |
---|---|---|
bg-primary | --pa-color-primary | |
bg-success | --pa-color-success | |
bg-warning | --pa-color-warning | |
bg-danger | --pa-color-danger | |
bg-error | --pa-color-error | |
bg-white | --pa-color-white | |
bg-gray | --pa-color-gray |