本文介绍: Element Plus 为了避免视觉传达差异,使用一套特定的调色板来规定颜色,为你所搭建的产品提供一致的外观视觉感受。

Element Plus 为了避免视觉传达差异,使用一套特定的调色板来规定颜色,为你所搭建的产品提供一致的外观视觉感受。

主色#

Element Plus 默认的主题色是明亮、友好的蓝色。

Brand Color

#409EFF

辅助色#

除了主颜色外,您需要在不同的场景中使用不同的场景颜色 (例如,危险的颜色表示危险的操作)

Success

#67C23A

Warning

#E6A23C

Danger

#F56C6C

Info

#909399

中性色#

中性色用于文本、背景和边框颜色。 通过运用不同的中性色,来表现层次结构。

Primary Text

#E5EAF3

Regular Text

#CFD3DC

Secondary Text

#A3A6AD

Placeholder Text

#8D9095

Disabled Text

#6C6E72

Darker Border

#636466

Dark Border

#58585B

Base Border

#4C4D4F

Light Border

#414243

Lighter Border

#363637

Extra-light Border

#2B2B2C

Darker Fill

#424243

Dark Fill

#39393A

Base Fill

#303030

Light Fill

#262727

Lighter Fill

#1D1D1D

Extra-light Fill

#191919

Blank Fill

TRANSPARENT

Basic Black

#000000

Basic White

#FFFFFF

Transparent

Transparent

Page Background

#0A0A0A

Base Background

#141414

Overlay Background

#1D1E1F

源代码#

文档

原文地址:https://blog.csdn.net/m0_72196169/article/details/135487916

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

如若转载,请注明出处:http://www.7code.cn/show_54134.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除!

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注