react-native-ios-utilities
Version:
Utilities for react-native + iOS and wrappers for using swift together with fabric/paper + JSI
249 lines (235 loc) • 4.32 kB
text/typescript
const BLACK = {
100: '#F5F5F5',
200: '#EEEEEE',
300: '#E0E0E0',
400: '#BDBDBD',
500: '#9E9E9E',
600: '#757575',
700: '#616161',
800: '#424242',
900: '#212121',
};
const GREY = {
50 : '#FAFAFA',
100: '#F5F5F5',
200: '#EEEEEE',
300: '#E0E0E0',
400: '#BDBDBD',
500: '#9E9E9E',
600: '#757575',
700: '#616161',
800: '#424242',
900: '#212121',
};
const BLUE_GREY = {
50 : '#ECEFF1',
100: '#CFD8DC',
200: '#B0BEC5',
300: '#90A4AE',
400: '#78909C',
500: '#607D8B',
600: '#546E7A',
700: '#455A64',
800: '#37474F',
900: '#263238',
};
const RED = {
50 : '#FFEBEE',
100 : '#FFCDD2',
200 : '#EF9A9A',
300 : '#E57373',
400 : '#EF5350',
500 : '#F44336',
600 : '#E53935',
700 : '#D32F2F',
800 : '#C62828',
900 : '#B71C1C',
A100: '#FF8A80',
A200: '#FF5252',
A400: '#FF1744',
A700: '#D50000',
};
const PINK = {
'50' : '#FCE4EC',
'100' : '#F8BBD0',
'200' : '#F48FB1',
'300' : '#F06292',
'400' : '#EC407A',
'500' : '#E91E63',
'600' : '#D81B60',
'700' : '#C2185B',
'800' : '#AD1457',
'900' : '#880E4F',
'A100': '#FF80AB',
'A200': '#FF4081',
'A400': '#F50057',
'A700': '#C51162',
};
const VIOLET = {
'100' :'#E1BEE7',
'200' :'#CE93D8',
'300' :'#BA68C8',
'400' :'#AB47BC',
'500' :'#9C27B0',
'600' :'#8E24AA',
'700' :'#7B1FA2',
'800' :'#6A1B9A',
'900' :'#4A148C',
'A700' :'#AA00FF',
};
const PURPLE = {
'25' :'#f1edf7',
'50' :'#EDE7F6',
'100' :'#D1C4E9',
'200' :'#B39DDB',
'300' :'#9575CD',
'400' :'#7E57C2',
'500' :'#673AB7',
'600' :'#5E35B1',
'700' :'#512DA8',
'800' :'#4527A0',
'900' :'#311B92',
'1000' :'#190b5b',
'1100' :'#0f0442',
'1200' :'#0e0333',
'1300' :'#090126',
'A100' :'#B388FF',
'A200' :'#7C4DFF',
'A400' :'#651FFF',
'A700' :'#6200EA',
};
const INDIGO = {
'50' : '#E8EAF6',
'100' : '#C5CAE9',
'200' : '#9FA8DA',
'300' : '#7986CB',
'400' : '#5C6BC0',
'500' : '#3F51B5',
'600' : '#3949AB',
'700' : '#303F9F',
'800' : '#283593',
'900' : '#1A237E',
'1000': '#11165e',
'2000': '#0b0f47',
'3000': '#070b36',
'A100': '#8C9EFF',
'A200': '#536DFE',
'A400': '#3D5AFE',
'A700': '#304FFE',
};
const BLUE = {
'50' : '#E3F2FD',
'100' : '#BBDEFB',
'200' : '#90CAF9',
'300' : '#64B5F6',
'400' : '#42A5F5',
'500' : '#2196F3',
'600' : '#1E88E5',
'700' : '#1976D2',
'800' : '#1565C0',
'900' : '#0D47A1',
'1000': '#093270',
'1100': '#031f4a',
'1200': '#001029',
'A100': '#82B1FF',
'A200': '#448AFF',
'A400': '#2979FF',
'A700': '#2962FF',
};
const GREEN = {
50 : '#E8F5E9',
100 : '#C8E6C9',
200 : '#A5D6A7',
300 : '#81C784',
400 : '#66BB6A',
500 : '#4CAF50',
600 : '#43A047',
700 : '#388E3C',
800 : '#2E7D32',
900 : '#1B5E20',
A100: '#B9F6CA',
A200: '#69F0AE',
A400: '#00E676',
A700: '#00C853',
};
const LIGHT_GREEN = {
'50' : '#F1F8E9',
'100' : '#DCEDC8',
'200' : '#C5E1A5',
'300' : '#AED581',
'400' : '#9CCC65',
'500' : '#8BC34A',
'600' : '#7CB342',
'700' : '#689F38',
'800' : '#558B2F',
'900' : '#33691E',
'A100': '#CCFF90',
'A200': '#B2FF59',
'A400': '#76FF03',
'A700': '#64DD17',
};
const YELLOW = {
'50' : '#FFFDE7',
'100' : '#FFF9C4',
'200' : '#FFF59D',
'300' : '#FFF176',
'400' : '#FFEE58',
'500' : '#FFEB3B',
'600' : '#FDD835',
'700' : '#FBC02D',
'800' : '#F9A825',
'900' : '#F57F17',
'A100': '#FFFF8D',
'A200': '#FFFF00',
'A400': '#FFEA00',
'A700': '#FFD600',
};
const AMBER = {
'50' : '#FFF8E1',
'100' : '#FFECB3',
'200' : '#FFE082',
'300' : '#FFD54F',
'400' : '#FFCA28',
'500' : '#FFC107',
'600' : '#FFB300',
'700' : '#FFA000',
'800' : '#FF8F00',
'900' : '#FF6F00',
'A100': '#FFE57F',
'A200': '#FFD740',
'A400': '#FFC400',
'A700': '#FFAB00',
};
const ORANGE = {
'50' : '#FFF3E0',
'100' : '#FFE0B2',
'200' : '#FFCC80',
'300' : '#FFB74D',
'400' : '#FFA726',
'500' : '#FF9800',
'600' : '#FB8C00',
'700' : '#F57C00',
'800' : '#EF6C00',
'900' : '#E65100',
'1000': '#a63a00',
'A100': '#FFD180',
'A200': '#FFAB40',
'A400': '#FF9100',
'A700': '#FF6D00',
};
export const Colors = {
BLACK,
GREY,
BLUE_GREY,
RED,
PINK,
VIOLET,
PURPLE,
INDIGO,
BLUE,
GREEN,
LIGHT_GREEN,
YELLOW,
AMBER,
ORANGE,
};