@arche-mc2/arche-controls
Version:
We know that there are a ton of react UI library projects to choose from. Our hope with this one is to provide the next generation of react components that you can use to bootstrap your next project, or as a reference for building a UIKit. Read on to get
309 lines • 9.9 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var csx_1 = require("csx");
exports.colors = {
tangerine: "#F59100",
pumpkine: "#ee7f01",
greyishBrown: "#3f3b37",
QR: "#3f3b37",
brownGrey: "#D7D7D7",
pinkishGrey: "#ccc8c5",
lightGrey: "#FDECEF",
paleGrey: "#979797",
white: "#ffffff",
turquoiseBlue: "#039eb2",
oceanBlue: "#0360a8",
paleRed: "#D0021B",
boringGreen: "#6DBD8E",
tangerine10: "#f39100",
turquoiseDark: "#0e8c9b",
paleYellow: "#f8f1ad",
social: "#507cc0",
socialDark: "#4c70a7",
grey: "#4E5B59",
green: '#6DBD8E',
tangerine2: "#FCC865",
darkBlue: "#2C2274",
darkBlue2: "#181340",
pink: '#EB5A77',
pink2: '#CE5A77',
purple: '#9590B9',
purple2: '#E5E4EE'
};
var colorMap = {
dark1: "#293953",
dark2: "#6B4E71",
dark3: "#829399",
darkGray1: "#182026",
darkGray2: "#202b33",
darkGray3: "#293742",
darkGray4: "#979797",
darkGray5: "#394b59",
gray1: "#5c7080",
gray2: "#738694",
gray3: "#8a9ba8",
gray4: "#a7b6c2",
gray5: "#bfccd6",
gray6: "#979797",
lightGray1: "#ced9e0",
lightGray2: "#d8e1e8",
lightGray3: "#e1e8ed",
lightGray4: "#ebf1f5",
lightGray5: "#f5f8fa",
light1: "#34E4EA",
light2: "#D6DBB2",
light3: "#6D72C3",
default: exports.colors.pinkishGrey,
defaultActive: csx_1.color(exports.colors.brownGrey)
.darken(0.1)
.toHexString(),
defaultBorder: exports.colors.brownGrey,
defaultLight: csx_1.color(exports.colors.brownGrey)
.lighten(0.5)
.toHexString(),
defaultHoverBorder: exports.colors.pinkishGrey,
defaultFg: exports.colors.white,
defaultDark: exports.colors.brownGrey,
defaultHoverActive: exports.colors.brownGrey,
defaultHover: exports.colors.brownGrey,
defaultHoverFg: exports.colors.white,
primary: exports.colors.darkBlue,
primaryActive: csx_1.color(exports.colors.darkBlue)
.darken(0.1)
.toHexString(),
primaryBorder: exports.colors.darkBlue,
primaryHoverBorder: exports.colors.darkBlue,
primaryFg: exports.colors.white,
primaryDark: exports.colors.darkBlue2,
primaryLight: csx_1.color(exports.colors.darkBlue)
.lighten(0.4)
.toHexString(),
primaryHover: exports.colors.darkBlue2,
primaryHoverActive: exports.colors.purple,
primaryHoverActiveBorder: exports.colors.purple,
primaryHoverFg: exports.colors.white,
secondary: "transparent",
secondaryActive: "transparent",
secondaryBorder: exports.colors.pink2,
secondaryHoverBorder: exports.colors.pink2,
secondaryFg: exports.colors.pink2,
secondaryDark: csx_1.color(exports.colors.darkBlue)
.darken(0.1)
.toHexString(),
secondaryLight: csx_1.color(exports.colors.darkBlue)
.lighten(0.4)
.toHexString(),
secondaryHover: "transparent",
secondaryHoverActive: exports.colors.lightGrey,
secondaryHoverActiveBorder: exports.colors.pink2,
secondaryHoverFg: exports.colors.pink2,
secondary2: "transparent",
secondary2Hover: "transparent",
secondary2Active: exports.colors.purple,
secondary2HoverActive: exports.colors.purple,
secondary2Border: exports.colors.darkBlue,
secondary2HoverBorder: exports.colors.darkBlue2,
secondary2HoverActiveBorder: "transparent",
secondary2Fg: exports.colors.darkBlue,
secondary2HoverFg: exports.colors.darkBlue2,
secondary2Dark: csx_1.color(exports.colors.darkBlue)
.darken(0.1)
.toHexString(),
secondary2Light: csx_1.color(exports.colors.darkBlue)
.lighten(0.4)
.toHexString(),
info: exports.colors.turquoiseBlue,
infoActive: csx_1.color(exports.colors.turquoiseBlue)
.darken(0.1)
.toHexString(),
infoBorder: exports.colors.turquoiseDark,
infoHoverBorder: csx_1.color(exports.colors.turquoiseDark)
.darken(0.1)
.toHexString(),
infoFg: exports.colors.white,
infoDark: csx_1.color(exports.colors.turquoiseDark)
.darken(0.1)
.toHexString(),
infoLight: csx_1.color(exports.colors.turquoiseDark)
.lighten(0.6)
.toHexString(),
infoHover: csx_1.color(exports.colors.turquoiseDark)
.darken(0.1)
.toHexString(),
infoHoverActive: csx_1.color(exports.colors.turquoiseDark)
.darken(0.1)
.toHexString(),
infoHoverFg: exports.colors.white,
warning: exports.colors.tangerine10,
warningActive: csx_1.color(exports.colors.tangerine10)
.darken(0.1)
.toHexString(),
warningBorder: exports.colors.tangerine10,
warningHoverBorder: csx_1.color(exports.colors.tangerine10)
.darken(0.1)
.toHexString(),
warningFg: exports.colors.white,
warningDark: csx_1.color(exports.colors.tangerine10)
.darken(0.1)
.toHexString(),
warningLight: csx_1.color(exports.colors.tangerine10)
.lighten(0.4)
.toHexString(),
warningHover: csx_1.color(exports.colors.tangerine10)
.darken(0.1)
.toHexString(),
warningHoverActive: csx_1.color(exports.colors.tangerine10)
.darken(0.1)
.toHexString(),
warningHoverFg: exports.colors.white,
success: exports.colors.boringGreen,
successActive: csx_1.color(exports.colors.boringGreen)
.darken(0.1)
.toHexString(),
successBorder: exports.colors.boringGreen,
successHoverBorder: csx_1.color(exports.colors.boringGreen)
.darken(0.1)
.toHexString(),
successFg: exports.colors.white,
successDark: csx_1.color(exports.colors.boringGreen)
.darken(0.1)
.toHexString(),
successLight: csx_1.color(exports.colors.boringGreen)
.lighten(0.4)
.toHexString(),
successHover: csx_1.color(exports.colors.boringGreen)
.darken(0.1)
.toHexString(),
successHoverActive: csx_1.color(exports.colors.boringGreen)
.darken(0.1)
.toHexString(),
successHoverFg: exports.colors.white,
danger: exports.colors.paleRed,
dangerActive: csx_1.color(exports.colors.paleRed)
.darken(0.1)
.toHexString(),
dangerBorder: exports.colors.paleRed,
dangerHoverBorder: csx_1.color(exports.colors.paleRed)
.darken(0.1)
.toHexString(),
dangerFg: exports.colors.white,
dangerDark: csx_1.color(exports.colors.paleRed)
.darken(0.1)
.toHexString(),
dangerLight: csx_1.color(exports.colors.paleRed)
.lighten(0.4)
.toHexString(),
dangerHover: csx_1.color(exports.colors.paleRed)
.darken(0.1)
.toHexString(),
dangerHoverActive: csx_1.color(exports.colors.paleRed)
.darken(0.1)
.toHexString(),
dangerHoverFg: exports.colors.white,
error: exports.colors.paleRed,
errorActive: csx_1.color(exports.colors.paleRed)
.darken(0.1)
.toHexString(),
errorBorder: exports.colors.paleRed,
errorHoverBorder: csx_1.color(exports.colors.paleRed)
.darken(0.1)
.toHexString(),
errorFg: exports.colors.white,
errorDark: csx_1.color(exports.colors.paleRed)
.darken(0.1)
.toHexString(),
errorLight: csx_1.color(exports.colors.paleRed)
.lighten(0.4)
.toHexString(),
errorHover: csx_1.color(exports.colors.paleRed)
.darken(0.1)
.toHexString(),
errorHoverActive: csx_1.color(exports.colors.paleRed)
.darken(0.1)
.toHexString(),
errorHoverFg: exports.colors.white,
white1: "#fff",
white2: "#f3f3f3",
white3: "#e6e8ec",
offwhite: "#f5f5f5",
grey1: exports.colors.grey,
lightGrey1: "#F2F2F2",
black1: "#0a0a0a",
black2: "#2d2d2d",
black3: "#555555",
disabledBg: "#E5E4EE",
disabledFg: "#9590B9",
white: "#ffffff",
blue1: "#0e5a8a",
blue2: "#106ba3",
blue3: "#137cbd",
blue4: "#2b95d6",
blue5: "#48aff0",
green1: "#0a6640",
green2: "#0d8050",
green3: "#0f9960",
green4: "#15b371",
green5: "#3dcc91",
orange1: "#a66321",
orange2: "#bf7326",
orange3: "#d9822b",
orange4: "#f29d49",
orange5: "#ffb366",
red1: "#a82a2a",
red2: "#c23030",
red3: "#db3737",
red4: "#f55656",
red5: "#ff7373",
vermilion1: "#9e2b0e",
vermilion2: "#b83211",
vermilion3: "#d13913",
vermilion4: "#eb532d",
vermilion5: "#ff6e4a",
rose1: "#a82255",
rose2: "#c22762",
rose3: "#db2c6f",
rose4: "#f5498b",
rose5: "#ff66a1",
violet1: "#5c255c",
violet2: "#752f75",
violet3: "#8f398f",
violet4: "#a854a8",
violet5: "#c274c2",
indigo1: "#5642a6",
indigo2: "#634dbf",
indigo3: "#7157d9",
indigo4: "#9179f2",
indigo5: "#ad99ff",
cobalt1: "#1f4b99",
cobalt2: "#2458b3",
cobalt3: "#2965cc",
cobalt4: "#4580e6",
cobalt5: "#669eff",
turquoise1: "#008075",
turquoise2: "#00998c",
turquoise3: "#00b3a4",
turquoise4: "#14ccbd",
turquoise5: "#2ee6d6",
forest1: "#1d7324",
forest2: "#238c2c",
forest3: "#29a634",
forest4: "#43bf4d",
forest5: "#62d96b",
lime1: "#728c23",
lime2: "#87a629",
lime3: "#9bbf30",
lime4: "#b6d94c",
lime5: "#d1f26d",
gold1: "#a67908",
gold2: "#bf8c0a",
gold3: "#d99e0b",
gold4: "#f2b824",
gold5: "#ffc940",
sepia1: "#63411e",
sepia2: "#7d5125",
sepia3: "#96622d",
sepia4: "#b07b46",
sepia5: "#c99765"
};
exports.default = colorMap;
//# sourceMappingURL=colorMap.js.map