亮层用户界面颜色

这个软件包包含亮层UI颜色定义. 这些是用作主要UI颜色.

它包含以下颜色定义:

blue / $blui-blue
white / $blui-white
gray / $blui-gray
black / $blui-black
darkBlack / $blui-darkBlack
red / $blui-red
orange / $blui-orange
gold / $blui-gold
yellow / $blui-yellow
green / $blui-green
lightBlue / $blui-lightBlue
purple / $blui-purple

这些都对以下值有颜色定义:50,100,200,300,400,500,600,700,800,900.

安装

用 npm 安装

npm install --save @brightlayer-ui/colors

线条

yarn add @brightlayer-ui/colors

使用量

将这些颜色纳入您的项目, 取决于您所使用的框架不同 .

角或离子

// in styles.scss or your top-level sass file
@import '~@brightlayer-ui/colors/palette.scss'
...
background-color: map-get($blui-blue, 500)

反应或反应原生

import * as Colors from '@brightlayer-ui/colors';
...
<div style={{background: Colors.blue['500']}}/>