forked from Github/frigate
6a0b5c3a3f
* Replace individual storage graphs with combined graph * replace underscores with spaces * fix bar height
37 lines
1.2 KiB
TypeScript
37 lines
1.2 KiB
TypeScript
// Utility function to generate colors based on a predefined palette with slight variations
|
|
export const generateColors = (numColors: number) => {
|
|
const palette = [
|
|
"#008FFB",
|
|
"#00E396",
|
|
"#FEB019",
|
|
"#FF4560",
|
|
"#775DD0",
|
|
"#3F51B5",
|
|
"#03A9F4",
|
|
"#4CAF50",
|
|
"#F9CE1D",
|
|
"#FF9800",
|
|
];
|
|
|
|
const colors = [...palette]; // Start with the predefined palette
|
|
|
|
for (let i = palette.length; i < numColors; i++) {
|
|
const baseColor = palette[i % palette.length];
|
|
// Modify the base color slightly by adjusting the brightness for additional colors
|
|
const factor = 1 + Math.floor(i / palette.length) * 0.1;
|
|
const modifiedColor = adjustColorBrightness(baseColor, factor);
|
|
colors.push(modifiedColor);
|
|
}
|
|
|
|
return colors.slice(0, numColors);
|
|
};
|
|
|
|
const adjustColorBrightness = (color: string, factor: number) => {
|
|
const rgb = parseInt(color.slice(1), 16);
|
|
const r = Math.min(255, Math.floor(((rgb >> 16) & 0xff) * factor));
|
|
const g = Math.min(255, Math.floor(((rgb >> 8) & 0xff) * factor));
|
|
const b = Math.min(255, Math.floor((rgb & 0xff) * factor));
|
|
|
|
return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`;
|
|
};
|