Colors
Methods
Methods | Description | Arguments |
---|---|---|
rgba | Create color with alpha channel using hex or rgb. | Hex/R - Hex or R part of RGB, G - G part of RGB, B - B part of RGB |
loadColors | Load custom set of colors. | colors - map of keys and colors values. |
Colors
dark10
dark20
dark30
dark40
dark50
dark60
dark70
dark80
blue10
blue20
blue30
blue40
blue50
blue60
blue70
blue80
cyan10
cyan20
cyan30
cyan40
cyan50
cyan60
cyan70
cyan80
green10
green20
green30
green40
green50
green60
green70
green80
yellow10
yellow20
yellow30
yellow40
yellow50
yellow60
yellow70
yellow80
orange10
orange20
orange30
orange40
orange50
orange60
orange70
orange80
red10
red20
red30
red40
red50
red60
red70
red80
purple10
purple20
purple30
purple40
purple50
purple60
purple70
purple80
violet10
violet20
violet30
violet40
violet50
violet60
violet70
violet80
white
black
Usage
rgba
import {Colors} from 'react-native-ui-lib';
Colors.rgba('#ff2442', 0.05); // 'rgb(255, 36, 66, 0.05)'
Colors.rgba(44, 224, 112, 0.2); // 'rgb(44, 224, 112, 0.2)'
loadColors
import {Colors} from 'react-native-ui-lib';
Colors.loadColors({
primary: '#20303C',
accent: '#FFCC99'
});