# Colors

更新时间：2021-08-02、张丽

# 标准主题⾊（华蓝）

普遍⽤于2.0系统整体外观⽤⾊以及导向

主题、主要⽤⾊ @yn-primary-color

导航、垂直菜单 @yn-menu-color

# 功能色

⽤于表示各类特定语义下的⽂字、图形⽤⾊

链接⾊ @yn-link-color

成功⾊ @yn-success-color

警示⾊ @yn-warning-color

危险⾊ @yn-error-color

⾦额 @yn-money-color

链接-背景 @yn-link-bg-color

成功⾊-背景 @yn-success-bg-color

警示⾊-背景 @yn-warning-bg-color

危险⾊-背景 @yn-error-bg-color

⾦额-背景 @yn-money-bg-color

# 中性⾊/消⾊

⽤于⽂字内容，包括⽂字按钮与⽂字信息的层级关系

标题、重要⽂本 @yn-text-color

次⽂本⾊ @yn-text-color-secondary

标签⽂本、按钮 @yn-label-color

辅助、说明⽂字、失效⾊ @yn-disabled-color

失效背景⾊ @yn-disabled-bg-color

disable、提醒⽂字 @yn-auxiliary-color

边框 @yn-border-color-base

背景⾊ @yn-background-color

表格表头颜⾊ @yn-table-header-bg

选中⾊值 @yn-background-color-light

# 主⾊-辅⾊⾊值

主⾊相关联变量颜⾊

主题、主要⽤⾊ @yn-primary-color

# 图表列辅助⾊

⽤于图标、彩⾊标签、图表等配⾊使⽤

# 容器投影

⽤于卡片阴影

信息容器默认态投影 @yn-shadow-1

信息容器激活态投影 @yn-shadow-2

模态弹窗的投影 @yn-shadow-3

浮层容器的投影 @yn-shadow-4

# 商旅1.0 UI颜色值

商旅1.0的全部颜色值

allColor-#F1F1F1

allColor-#888

allColor-#ebebeb

allColor-#e7e7e7

allColor-#dddddd

allColor-#e5f1ff

allColor-#1e71cc

allColor-#BEE3EF

allColor-#b4ceea

allColor-#254c77

allColor-#ffce1a

allColor-#f0f5fa

allColor-#efefef

allColor-#FF7600

allColor-#333

allColor-#18ca66

allColor-#438cda

allColor-#c2c2c2

allColor-#a2a2a2

allColor-#eede15

allColor-#e3f6ff

allColor-#353535

allColor-#9d9d9d

allColor-#00a561

allColor-#ff6c00

allColor-#ff5c00#9a9a9a

allColor-#656b79

allColor-#f6f8fa

allColor-#b8bbbf

allColor-#5a5a5a

allColor-#26a2ff

allColor-#ef4f4f

allColor-#c8c8cd

allColor-#ffc900

allColor-#ff5900

allColor-#ff9800

allColor-#c6c6c6

allColor-#7c7c7c

allColor-#ff7d13

allColor-#f5faff

allColor-#131313

allColor-#5B5B5B

allColor-#3d565f

allColor-#e0812f

allColor-#ff9900

allColor-#F6F6F6

allColor-#d8d8d8

allColor-#abcaff

allColor-#f9f9f9

allColor-#de0000

allColor-#17ABCB

allColor-#fff0dc

allColor-#ef6c00

allColor-#6a6a6a

allColor-#a8d2ff

allColor-#f2f8ff

allColor-#f5f8fb

allColor-#d1d8dc

allColor-#ddf3f7

allColor-#f8f8f8

allColor-#fff8ee

allColor-#e6eaf1

allColor-#333333

allColor-#edf0f5

allColor-#e0e0e0

allColor-#ddd

allColor-#9fc7d8

allColor-#d6d6d6

allColor-#47a437

allColor-#ededed

allColor-#2ba9cc

allColor-#101010

allColor-#c0c0c0

allColor-#f1f4f9

allColor-#1f5fa5

allColor-#eeeeee

allColor-#f9ac71

allColor-#FFF1E5

allColor-#f5a928

allColor-#f8e5e5

allColor-#67ac5b

allColor-#000

allColor-#f70

allColor-#f7b548

allColor-#4987bd

allColor-#D7D7D7

allColor-#3a3a3a

allColor-#fc815b

allColor-#8f8f94

allColor-#FFEFE2

allColor-#393d42

allColor-#fcfcfc

allColor-#dfeeff

allColor-#1eb600

allColor-#fffaeb

allColor-#8f7e4d

allColor-#6f6f6f

allColor-#757575

allColor-#676767

allColor-#ebf5ff

allColor-#82beff

allColor-#898989

allColor-#a0a0a0

allColor-#73ccdf

allColor-#dfeef

allColor-#FBF7F5

allColor-#aeaeae

allColor-#e9f3ff

allColor-#feffff

allColor-#e6f2ff

allColor-#fee

allColor-#a40000

allColor-#555

allColor-#FEF8E8

allColor-#8BD5E5

allColor-#E7F6F9

allColor-#e3e3e3

allColor-#419bff

allColor-#47b34f

allColor-#fff8ef

allColor-#e98b01

allColor-#5490d2

allColor-#f00

allColor-#c9c9c9

allColor-#fafafa

allColor-#3bb875

allColor-#aaa

allColor-#EBF4FF

allColor-#E8F3FF

allColor-#F9FCFF

allColor-#292929

allColor-#FFF0E0

allColor-#F28E21

allColor-#f3f3f3

allColor-#f39100

allColor-#a8a8a8

allColor-#faf3ed

allColor-#ba8268

allColor-#ff473c

allColor-#e65857

allColor-#f5792c

allColor-#4077d7

allColor-#4a4a44

allColor-#DFEBFD

allColor-#f1830b

allColor-#eaf3ff

allColor-#a9a9a9

allColor-#f44336

allColor-#FA6400

allColor-#e06d16

allColor-#ffba55

allColor-#e98a40

allColor-#ef9a1f

allColor-#f9a100

allColor-#9e9e9e

allColor-#a1caff

allColor-white

allColor-#404040

allColor-#ffb858

allColor-#ff9939

allColor-#eaf2ff

allColor-#25477e

allColor-#999

allColor-#eee

allColor-#e8eef2

allColor-#f9ede3

allColor-#848688

allColor-#e9eaea

allColor-#f5f5f5

allColor-#bbbbbb

allColor-#000000

allColor-#fef0e5

allColor-#f4f4f4

allColor-#c9e2ff

allColor-#2a2a2a

allColor-#666

allColor-#666666

allColor-#f2f2f2

allColor-#ffffff

allColor-#7e7f80

allColor-#dae9fe

allColor-#007aff

allColor-#fdfeff

allColor-#fff3f3

allColor-#e80000

allColor-#f2ffe5

allColor-#5db600

allColor-#eef5ff

allColor-#7c7f82

allColor-#999999

allColor-#fed6b7 #f56a00

allColor-#e4e4e4

allColor-#fff

allColor-#eef1f6

allColor-#7f7f7f

allColor-#daecff

allColor-#ccc

allColor-#4a4a4a

allColor-#cccccc

allColor-#3970ad

allColor-#1e88e5

allColor-#e71d32

allColor-#feefe4

allColor-#888888

allColor-#bbb

allColor-#e5e6e8

allColor-#d2d5db

allColor-rgba(0,0,0,0)

allColor-rgba(255,189,92,0.15)

allColor-rgba(103,172,88,0.15)

allColor-rgba(255,255,255,1)

allColor-rgba(255,255,255,0.8)

allColor-rgba(255,255,255,0)

allColor-rgba(168,168,168,0.17)

allColor-rgba(200,200,200,0.8)

allColor-rgba(200,200,200,0.99)

allColor-rgba(0,0,0,0.6)

allColor-rgba(218,220,224,1)

allColor-rgba(228,228,228,1)

allColor-rgba(245,245,245,1)

allColor-rgba(244,67,54,1)

allColor-rgba(0,47,99,0.24)

allColor-rgba(228,228,228,0.3)

allColor-rgba(245,106,0,1)

allColor-rgba(42,42,42,1)

allColor-rgb(0,0,0)

allColor-rgba(0,122,255,0)

allColor-rgba(0,122,255,1)

allColor-rgba(102,102,102,1)

allColor-rgba(0,0,0,1)

allColor-rgba(245,250,255,1)

allColor-rgba(245,106,0,1) rgba(0,122,255,1)

allColor-rgba(51,91,134,1)

allColor-rgba(110,176,33,1)

allColor-rgba(231,29,50,1)

allColor-rgba(246,246,246,1)

allColor-rgba(64,64,64,0.11)

allColor-rgba(0,0,0,0.5)

allColor-rgba(57,112,173,0.05)

allColor-rgb(0,122,255)

allColor-rgba(255,255,255,0.95)

allColor-rgba(255,255,255,0.9)

allColor-rgba(57,122,173,0.05)

allColor-rgba(0,122,255,0)rgba(255,255,255,0.9)

allColor-rgba(0,0,0,.5)

allColor-rgba(0,0,0,0.24)

allColor-rgba(0,0,0,0.7)

allColor-rgba(226,226,226,0.49)

allColor-rgba(0,122,255,0.5)

allColor-rgba(0,122,255,0.3)

allColor-rgba(0,122,255,0.05)

allColor-rgb(243,240,240)

allColor-rgba(0,122,255,0.2)

allColor-rgba(180,220,238,0.2)

allColor-rgb(182,177,177)

allColor-rgb(227,237,255)

allColor-rgb(99,97,97)

allColor-rgba(74,74,74,1)

allColor-rgb(232,252,248)

allColor-rgb(63,171,140)

allColor-rgba(235,235,235,1)

allColor-rgba(0,165,97,0.07)

allColor-rgba(255,108,0,0.07)

allColor-rgba(6,176,243,0.3)

allColor-rgb(84,94,243)

allColor-rgba(245,106,0,0.1)

allColor-rgba(57,112,172,0.1)

allColor-rgba(0,0,0,0.14)