53 lines
1.2 KiB
TypeScript
53 lines
1.2 KiB
TypeScript
// 20 gut unterscheidbare Farben für Gruppen
|
|
|
|
export const groupColorPalette: string[] = [
|
|
'#1E90FF', // Blau
|
|
'#28A745', // Grün
|
|
'#FFC107', // Gelb
|
|
'#DC3545', // Rot
|
|
'#6F42C1', // Lila
|
|
'#20C997', // Türkis
|
|
'#FD7E14', // Orange
|
|
'#6610F2', // Violett
|
|
'#17A2B8', // Cyan
|
|
'#E83E8C', // Pink
|
|
'#FF5733', // Koralle
|
|
'#2ECC40', // Hellgrün
|
|
'#FFB300', // Dunkelgelb
|
|
'#00796B', // Petrol
|
|
'#C70039', // Dunkelrot
|
|
'#8D6E63', // Braun
|
|
'#607D8B', // Grau-Blau
|
|
'#00B8D4', // Türkisblau
|
|
'#FF6F00', // Dunkelorange
|
|
'#9C27B0', // Dunkellila
|
|
];
|
|
|
|
// Gibt für eine Gruppen-ID immer dieselbe Farbe zurück (Index basiert auf Gruppenliste)
|
|
export function getGroupColor(groupId: string, groups: { id: string }[]): string {
|
|
const colorPalette = [
|
|
'#1E90FF',
|
|
'#28A745',
|
|
'#FFC107',
|
|
'#DC3545',
|
|
'#6F42C1',
|
|
'#20C997',
|
|
'#FD7E14',
|
|
'#6610F2',
|
|
'#17A2B8',
|
|
'#E83E8C',
|
|
'#FF5733',
|
|
'#2ECC40',
|
|
'#FFB300',
|
|
'#00796B',
|
|
'#C70039',
|
|
'#8D6E63',
|
|
'#607D8B',
|
|
'#00B8D4',
|
|
'#FF6F00',
|
|
'#9C27B0',
|
|
];
|
|
const idx = groups.findIndex(g => g.id === groupId);
|
|
return colorPalette[idx % colorPalette.length];
|
|
}
|