@hitachivantara/uikit-styles
Version:
UI Kit styling solution.
163 lines (162 loc) • 3.84 kB
JavaScript
function getColors(colors, mode) {
return Object.entries(colors).reduce(
(acc, [key, color]) => {
acc[key] = Array.isArray(color) ? color[mode === "light" ? 0 : 1] : color;
return acc;
},
{}
);
}
const ds5Colors = {
base_light: "#CCCCCC",
base_dark: "#414141",
// accent
brand: "#CC0000",
primary: ["#2064B4", "#639FE3"],
primary_80: ["#1775E0", "#82B2E8"],
primary_20: ["#1775E019", "#82B2E84C"],
secondary: ["#414141", "#CCCCCC"],
secondary_80: ["#6C6B6B", "#9A9999"],
secondary_60: ["#999999", "#656565"],
// atmosphere
atmo1: ["#FBFCFC", "#313131"],
atmo2: ["#F4F5F5", "#282828"],
atmo3: ["#E8E8E8", "#1F1F1F"],
atmo4: ["#CCCED0", "#4B4B4B"],
// semantic
positive: ["#478B1A", "#84D930"],
positive_80: ["#709C27", "#70BF21"],
positive_120: ["#227A10", "#63A621"],
neutral: ["#4D8AC0", "#7EBAD6"],
warning: ["#F9C846", "#E68C17"],
warning_120: ["#F8AC39", "#F57B36"],
warning_140: ["#F27C27", "#FE6B51"],
negative: ["#D43136", "#FF5E6C"],
negative_80: ["#ED4747", "#EC3D57"],
negative_120: ["#B41B3A", "#D92750"],
catastrophic: ["#930A80", "#9A76E7"],
neutral_20: "#D8E6F1",
positive_20: "#D7E6CF",
negative_20: "#F4D3D4",
warning_20: "#FBF2D8"
};
const oldVizColors = {
// cat colors
cat1_180: "#2D4B87",
cat1_160: "#4767A7",
cat1_140: "#5C7CBB",
cat1_120: "#7795D1",
cat1_80: "#B3C6EE",
cat1_60: "#BDCDEF",
cat1_40: "#D2DEF5",
cat1_20: "#E7EDF9",
cat2_180: "#764419",
cat2_160: "#9B5F2A",
cat2_140: "#B4733A",
cat2_120: "#CD884B",
cat2_80: "#EBB07C",
cat2_60: "#EFC39B",
cat2_40: "#F4D7BD",
cat2_20: "#F8EADC",
cat3_180: "#0B513E",
cat3_160: "#1C6F58",
cat3_140: "#328871",
cat3_120: "#50A18B",
cat3_80: "#8EC6B6",
cat3_60: "#A9D3C7",
cat3_40: "#C5E2DA",
cat3_20: "#E0EFEB",
cat4_180: "#131D55",
cat4_160: "#283373",
cat4_140: "#3C4784",
cat4_120: "#525C93",
cat4_80: "#8A8EB1",
cat4_60: "#A6A9C3",
cat4_40: "#C3C6D7",
cat4_20: "#DFE1EA",
cat5_180: "#561C1E",
cat5_160: "#722D30",
cat5_140: "#8F4245",
cat5_120: "#AC5B5E",
cat5_80: "#D99395",
cat5_60: "#E1ADAE",
cat5_40: "#EBC9C9",
cat5_20: "#F3E2E3",
cat6_180: "#A27B21",
cat6_160: "#BC9336",
cat6_140: "#CFA74D",
cat6_120: "#E3BD66",
cat6_80: "#FEE0A0",
cat6_60: "#FDE7B7",
cat6_40: "#FDEFCF",
cat6_20: "#FCF6E6",
cat7_180: "#0A4A61",
cat7_160: "#1B6783",
cat7_140: "#31809D",
cat7_120: "#519FBB",
cat7_80: "#96CCE1",
cat7_60: "#AFD8E7",
cat7_40: "#C9E5F0",
cat7_20: "#E2F1F6",
cat8_180: "#45243A",
cat8_160: "#613753",
cat8_140: "#7B4B6B",
cat8_120: "#996487",
cat8_80: "#C396B4",
cat8_60: "#D1AFC6",
cat8_40: "#E0CAD9",
cat8_20: "#EDE3EB",
cat9_180: "#946D42",
cat9_160: "#AD804E",
cat9_140: "#C59259",
cat9_120: "#D9A162",
cat9_80: "#F3C883",
cat9_60: "#F5D5A1",
cat9_40: "#F8E3C1",
cat9_20: "#FAF0DE",
cat10_180: "#11415B",
cat10_160: "#1E5877",
cat10_140: "#2A6C91",
cat10_120: "#347BA2",
cat10_80: "#569DC1",
cat10_60: "#7FB4CF",
cat10_40: "#A9CDE0",
cat10_20: "#D2E5EE",
cat11_180: "#873E4A",
cat11_160: "#A1525E",
cat11_140: "#B86774",
cat11_120: "#CF7D8A",
cat11_80: "#FBADBA",
cat11_60: "#FBC0CA",
cat11_40: "#FCD5DC",
cat11_20: "#FCE9EC",
cat12_180: "#375736",
cat12_160: "#476C46",
cat12_140: "#5C855B",
cat12_120: "#719B70",
cat12_80: "#A3C6A2",
cat12_60: "#B9D3B8",
cat12_40: "#D0E2D0",
cat12_20: "#E5EFE6",
cat13: "#DE64BD",
cat14: "#419393",
cat15: "#F5996E",
cat16: "#528BBF",
cat17: "#EB95AF",
cat18: "#73BF9C",
cat19: "#B55984",
cat20: "#F7B552",
cat21: "#869F1E",
cat22: "#A4991C",
cat23: "#C4931A",
cat24: "#E68C17",
cat25: "#F27034",
cat26: "#FF5252",
cat27: "#EC3D57",
cat28: "#D8265D"
};
export {
ds5Colors,
getColors,
oldVizColors
};