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 dark10
dark20 dark20

dark30 dark30

dark40 dark40

dark50 dark50

dark60 dark60

dark70 dark70

dark80 dark80

blue10 blue10

blue20 blue20

blue30 blue30

blue40 blue40

blue50 blue50

blue60 blue60

blue70 blue70

blue80 blue80

cyan10 cyan10

cyan20 cyan20

cyan30 cyan30

cyan40 cyan40

cyan50 cyan50

cyan60 cyan60

cyan70 cyan70

cyan80 cyan80

green10 green10

green20 green20

green30 green30

green40 green40

green50 green50

green60 green60

green70 green70

green80 green80

yellow10 yellow10

yellow20 yellow20

yellow30 yellow30

yellow40 yellow40

yellow50 yellow50

yellow60 yellow60

yellow70 yellow70

yellow80 yellow80

orange10 orange10

orange20 orange20

orange30 orange30

orange40 orange40

orange50 orange50

orange60 orange60

orange70 orange70

orange80 orange80

red10 red10

red20 red20

red30 red30

red40 red40

red50 red50

red60 red60

red70 red70

red80 red80

purple10 purple10

purple20 purple20

purple30 purple30

purple40 purple40

purple50 purple50

purple60 purple60

purple70 purple70

purple80 purple80

violet10 violet10

violet20 violet20

violet30 violet30

violet40 violet40

violet50 violet50

violet60 violet60

violet70 violet70

violet80 violet80

white white

black 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'
});

results matching ""

    No results matching ""