慕课网前端组件 imooc's fe component
LESS色值变量表
以下是公共 LESS 色值变量 文件地址,如遇到标注为当前色值变量时,在引入以下路径文件后就可以直接使用此色值变量。
webroot/static/less/base/variables_v2.less
color: @red; background: @red-dark;
ps:主站慕课网以上路径有此文件,其他站引入时,需要看当前站点下是否有此文件,并按照当前站点下正确的路径引入。若无此文件可 COPY 新建。有任何色值变量上的问题详情请咨询 UI设计 的童鞋。 色值设计图地址://10.98.41.17/uidesign/01web/v4/公共部分整理/#artboard0
red-dark
hsla(0, 90%, 40%, 1)
rgba(194, 10, 10, 1)
#c20a0a
red
hsla(0, 90%, 50%, 1)
rgba(242, 13, 13, 1)
#f20d0d
red-light
hsla(0, 90%, 60%, 1)
rgba(245, 61, 61, 1)
#f53d3d
red-light-h
hsla(0, 90%, 90%, 1)
rgba(252,207,207,1)
#fccfcf
blue-dark
hsla(200, 80%, 30%, 1)
rgba(15, 97, 138, 1)
#0f618a
blue
hsla(200, 80%, 40%, 1)
rgba(20, 129, 184, 1)
#1481b8
blue-light
hsla(200, 80%, 50%, 1)
rgba(25, 161, 230, 1)
#19a1e6
blue-light-h
hsla(200, 80%, 90%, 1)
rgba(209, 236, 250, 1)
#d1ecfa
green-dark
hsla(140, 70%, 30%, 1)
rgba(23, 130, 59, 1)
#17823b
green
hsla(140, 70%, 40%, 1)
rgba(31, 173, 78, 1)
#1fad4e
green-light
hsla(140, 70%, 50%, 1)
rgba(38, 217, 98, 1)
#26d962
green-light-h
hsla(140, 70%, 90%, 1)
rgba(212, 247, 224, 1)
#d4f7e0
yellow-dark
hsla(40, 100%, 40%, 1)
rgba(204, 136, 0, 1)
#c80
yellow
hsla(40, 100%, 50%, 1)
rgba(255, 170, 0, 1)
#fa0
yellow-light
hsla(40, 100%, 60%, 1)
rgba(255, 187, 51, 1)
#fb3
yellow-light-h
hsla(40, 100%, 90%, 1)
rgba(255, 238, 204, 1)
#fec
cyan-dark
hsla(190, 80%, 30%, 1)
rgba(15, 117, 138, 1)
#0F758A
cyan
hsla(190, 80%, 40%, 1)
rgba(20, 156, 184, 1)
#149CB8
cyan-light
hsla(190, 80%, 50%, 1)
rgba(25, 195, 230, 1)
#19C3E6
cyan-light-h
hsla(190, 80%, 90%, 1)
rgba(209, 243, 250, 1)
#D1F3FA
black
hsla(210, 8%, 12%, 1)
rgba(28, 31, 33, 1)
#1c1f21
gray-dark1
hsla(210, 8%, 24%, 1)
rgba(56, 61, 66, 1)
#383d42
gray-dark2
hsla(210, 8%, 36%, 1)
rgba(84, 92, 99, 1)
#545c63
gray-dark3
hsla(210, 8%, 48%, 1)
rgba(113, 122, 132, 1)
#717a84
gray-dark4
hsla(210, 8%, 60%, 1)
rgba(145, 153, 161, 1)
#9199a1
gray-dark5
hsla(210, 8%, 72%, 1)
rgba(178, 184, 189, 1)
#b2b8bd
gray-dark6
hsla(210, 8%, 84%, 1)
rgba(178, 184, 189, 1)
#b2b8bd
gray-light1
hsla(210, 16%, 96%, 1)
rgba(243, 245, 246, 1)
#f3f5f6
gray-light2
hsla(210, 32%, 98%, 1)
rgba(248, 250, 252, 1)
#f8fafc
white
hsla(210, 8%, 12%, 1)
rgba(28, 31, 33, 1)
#FFFFFF