react-native-ui-lib
Version:
[](https://travis-ci.org/wix/react-native-ui-lib) [](https://www.npmjs.com/package/react-native-ui-lib) [![NPM Down
94 lines (93 loc) • 2.09 kB
JavaScript
const colorsPalette = {
dark10: "#20303C",
dark20: "#43515C",
dark30: "#66737C",
dark40: "#858F96",
dark50: "#A3ABB0",
dark60: "#C2C7CB",
dark70: "#E0E3E5",
dark80: "#F2F4F5",
// BLUE,
blue10: "#3182C8",
blue20: "#4196E0",
blue30: "#459FED",
blue40: "#57a8ef",
blue50: "#8fc5f4",
blue60: "#b5d9f8",
blue70: "#daecfb",
blue80: "#ecf5fd",
// CYAN,
cyan10: "#00AAAF",
cyan20: "#32BABC",
cyan30: "#3CC7C5",
cyan40: "#64D4D2",
cyan50: "#8BDFDD",
cyan60: "#B1E9E9",
cyan70: "#D8F4F4",
cyan80: "#EBF9F9",
// GREEN,
green10: "#00A65F",
green20: "#32B76C",
green30: "#65C888",
green40: "#84D3A0",
green50: "#A3DEB8",
green60: "#C1E9CF",
green70: "#E8F7EF",
green80: "#F3FBF7",
// YELLOW,
yellow10: "#E2902B",
yellow20: "#FAA030",
yellow30: "#FAAD4D",
yellow40: "#FBBD71",
yellow50: "#FCCE94",
yellow60: "#FDDEB8",
yellow70: "#FEEFDB",
yellow80: "#FEF7ED",
// ORANGE,
orange10: "#D9644A",
orange20: "#E66A4E",
orange30: "#F27052",
orange40: "#F37E63",
orange50: "#F7A997",
orange60: "#FAC6BA",
orange70: "#FCE2DC",
orange80: "#FEF0ED",
// RED,
red10: "#CF262F",
red20: "#EE2C38",
red30: "#F2564D",
red40: "#F57871",
red50: "#F79A94",
red60: "#FABBB8",
red70: "#FCDDDB",
red80: "#FEEEED",
// PURPLE,
purple10: "#8B1079",
purple20: "#A0138E",
purple30: "#B13DAC",
purple40: "#C164BD",
purple50: "#D08BCD",
purple60: "#E0B1DE",
purple70: "#EFD8EE",
purple80: "#F7EBF7",
// VIOLET,
violet10: "#48217B",
violet20: "#542790",
violet30: "#733CA6",
violet40: "#8F63B8",
violet50: "#AB8ACA",
violet60: "#C7B1DB",
violet70: "#E3D8ED",
violet80: "#F1EBF6",
// WHITE,
white: "#ffffff",
black: "#000000"
};
// For Eslint --fix
const extraFixColorsMap = {
black: "black",
white: "white",
"#000": "black",
"#fff": "white"
};
export { colorsPalette, extraFixColorsMap };