src/colors.mjs

// 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
    }
};