react-native-ui-lib
Version:
<p align="center"> <img src="https://user-images.githubusercontent.com/1780255/105469025-56759000-5ca0-11eb-993d-3568c1fd54f4.png" height="250px" style="display:block"/> </p> <p align="center">UI Toolset & Components Library for React Native</p> <p a
112 lines (111 loc) • 2.32 kB
JavaScript
const colorsPalette = {
// GREYS
grey1: '#10181E',
grey5: '#16222A',
grey10: '#20303C',
grey20: '#4D5963',
grey30: '#6E7881',
grey40: '#A6ACB1',
grey50: '#D2D6D8',
grey60: '#E8ECF0',
grey70: '#F0F2F5',
grey80: '#F8f9FA',
// BLUES
blue1: '#05214D',
blue5: '#093780',
blue10: '#0F4DC4',
blue20: '#0F59E6',
blue30: '#116DFF',
blue40: '#3582FF',
blue50: '#60A1FF',
blue60: '#8BC1FF',
blue70: '#B8D9FF',
blue80: '#E9F3FF',
// CYANS
cyan10: '#00AAAF',
cyan20: '#32BABC',
cyan30: '#3CC7C5',
cyan40: '#64D4D2',
cyan50: '#8BDFDD',
cyan60: '#B1E9E9',
cyan70: '#D8F4F4',
cyan80: '#EBF9F9',
// GREENS
green1: '#003226',
green5: '#00543F',
green10: '#008563',
green20: '#009872',
green30: '#00A87E',
green40: '#45C3A4',
green50: '#85DEC8',
green60: '#B3EBDD',
green70: '#CFF2E9',
green80: '#E3F7F2',
// YELLOWS
yellow1: '#4D3B04',
yellow5: '#806206',
yellow10: '#E89900',
yellow20: '#F7AE00',
yellow30: '#FFC50D',
yellow40: '#FFD54E',
yellow50: '#FFE48D',
yellow60: '#FFEEB9',
yellow70: '#FFF4D3',
yellow80: '#FFF9E4',
// ORANGE,
orange1: '#4B1E06',
orange5: '#7E320A',
orange10: '#CD4700',
orange20: '#E95504',
orange30: '#FB6413',
orange40: '#FC8E53',
orange50: '#FDB893',
orange60: '#FED4BD',
orange70: '#FFE5D7',
orange80: '#FFF1EA',
// REDS
red1: '#4C120E',
red5: '#7E1E18',
red10: '#D52712',
red20: '#E93222',
red30: '#FC3D2F',
red40: '#FD7267',
red50: '#FEA6A0',
red60: '#FFC9C5',
red70: '#FFDEDC',
red80: '#FFEDEC',
// PURPLE,
purple1: '#301439',
purple5: '#50215F',
purple10: '#791c96',
purple20: '#8d21b0',
purple30: '#9f42bd',
purple40: '#b268ca',
purple50: '#daa0e8',
purple60: '#e9ccf2',
purple70: '#f1daf7',
purple80: '#faebfd',
// VIOLETS
violet10: '#3220CD',
violet20: '#4633E9',
violet30: '#5A48F5',
violet40: '#8579FF',
violet50: '#B2ABFF',
violet60: '#D1CCFF',
violet70: '#E3E0FF',
violet80: '#F0EEFF',
// WHITE,
white: '#FFFFFF',
black: '#000000',
transparent: 'transparent'
}; // For Eslint --fix
const extraFixColorsMap = {
black: 'black',
white: 'white',
'#000': 'black',
'#fff': 'white'
};
const themeColors = {
primary: colorsPalette.violet30
};
export { colorsPalette, themeColors, extraFixColorsMap };