Spaces:
Running
Running
File size: 2,473 Bytes
7c5b7bd |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 |
// export const COLORS = [
// [255, 135, 65], // Bright Orange
// [96, 168, 176], // Ocean Blue
// [23, 17, 26], // Charcoal Black
// [141, 193, 86], // Fresh Green
// [208, 65, 83], // Soft Red
// [73, 85, 136], // Deep Blue
// [45, 68, 67], // Dark Forest Green
// [255, 206, 149], // Peach
// [241, 139, 105], // Salmon Pink
// [102, 45, 57], // Burgundy
// [174, 91, 57], // Brown
// [232, 158, 86], // Sand
// [255, 220, 106], // Sun Yellow
// [213, 246, 110], // Light Lime
// [74, 122, 71], // Moss Green
// [110, 81, 106], // Muted Purple
// [170, 140, 148], // Dusty Rose
// [223, 203, 191], // Soft Beige
// [255, 255, 255], // Pure White
// [255, 153, 169], // Light Pink
// [199, 102, 178], // Vivid Purple
// [131, 58, 149], // Deep Purple
// [59, 44, 74], // Dark Slate
// [154, 231, 201], // Aqua Green
// ]
export const COLORS = [
["235", "102", "59"], // Burnt Orange
["46", "145", "229"], // Sky Blue
["225", "95", "153"], // Soft Magenta
["28", "167", "28"], // Bright Green
// ["108", "69", "22"], // Dark Brown
["167", "119", "241"], // Lavender
["182", "129", "0"], // Mustard Yellow
["134", "42", "22"], // Brick Red
["0", "160", "139"], // Teal
["175", "0", "56"], // Crimson
["108", "124", "50"], // Olive Green
["81", "28", "251"], // Royal Blue
["218", "22", "255"], // Electric Purple
["98", "0", "66"], // Dark Magenta
// ['34', '42', '42'], Black, which makes the text unreadable
// ["117", "13", "134"], // Deep Magenta
["251", "0", "209"], // Hot Pink
["252", "0", "128"], // Bright Pink
// ["178", "130", "141"], // Dusty Pink
["119", "138", "174"], // Slate Blue
["22", "22", "167"], // Deep Blue
["218", "96", "202"], // Orchid
// ['13', '42', '99'], Black
];
export const NAMED_COLORS = {
"red": ["251", "13", "13"], // Vivid Red
"black": ['13', '42', '99'], // Black
"blue": ["46", "145", "229"], // Sky Blue
};
export const getColor = (i, opacity=1) => {
if (i < 0) {
i = i * -1;
}
return `rgba(${COLORS[i % COLORS.length].join(",")}, ${opacity})`;
};
export const getNamedColor = (name, opacity=1) => {
if (NAMED_COLORS.hasOwnProperty(name)) {
return `rgba(${NAMED_COLORS[name].join(",")}, ${opacity})`;
} else {
return undefined; // Return undefined if name doesn't exist
}
};
|