elementUI的各种颜色代码详细版
时间: 2023-11-05 08:34:24 浏览: 354
各种颜色代码
ElementUI 是一个基于 Vue.js 的 UI 组件库,其颜色设计基于 Material Design,其中包括了多种颜色,以下是 ElementUI 中颜色的详细代码:
1. 基础颜色
- #409EFF:主色调,用于按钮、链接、选中状态等。
- #67C23A:成功色,用于成功提示、操作成功等。
- #E6A23C:警告色,用于警告提示、操作失败等。
- #F56C6C:错误色,用于错误提示、操作失败等。
- #909399:默认颜色,用于文本、边框等。
2. 辅助颜色
- #303133:主要文本色,用于正文、标题等。
- #606266:普通文本色,用于说明文本、次要文本等。
- #909399:辅助文本色,用于标签、占位符等。
- #C0C4CC:表格线色,用于表格边框、分割线等。
- #DCDFE6:背景色,用于背景、弹窗等。
3. 渐变颜色
- #409EFF -> #66B1FF -> #99C9FF -> #C2E2FF:主题色渐变,用于按钮、头部导航等。
- #E6A23C -> #F2B566 -> #F8D5A4 -> #FCE3C4:警告色渐变,用于警告提示、操作失败等。
- #F56C6C -> #F78888 -> #FAB5B5 -> #FCD2D2:错误色渐变,用于错误提示、操作失败等。
以上是 ElementUI 中颜色的详细代码,开发者可以根据自己的需求选择合适的颜色来设计界面。
阅读全文