From 4cd0d4ade05fd2b86e42dfe9a7e0f4f4c2be3db4 Mon Sep 17 00:00:00 2001 From: Adrian Rudnik Date: Tue, 31 Oct 2023 00:56:15 +0100 Subject: [PATCH] Added all track colors --- frontend/src/locales/en.yaml | 135 +++++++++++++++++++++++++-------- frontend/src/plugins/colors.ts | 72 +++++++++++++++++- 2 files changed, 174 insertions(+), 33 deletions(-) diff --git a/frontend/src/locales/en.yaml b/frontend/src/locales/en.yaml index 75bd71e9..7c959a4e 100644 --- a/frontend/src/locales/en.yaml +++ b/frontend/src/locales/en.yaml @@ -75,38 +75,6 @@ datetime: dog: Dog pig: Pig -color: - # Colors picked from ableton track color picker. - # Names picked from gpick namification. - - # Column 1 - 0: Rose pink - 14: Cherry red - 28: Dark coral - 42: Reddish grey - 56: Dull red - - # Column 2 - 1: Mango - 15: Orange - 29: Peach - 43: Tan brown - 57: Adobe - - # Column 3 - 2: Mustard brown - 16: Mocha - 30: Tan - 44: Brownish grey - 58: Dark taupe - - # Column 4 - 3: Manilla - 17: Canary yellow - 31: Light khaki - 45: Khaki - 59: Mustard yellow - donate: title: short: Donate @@ -363,3 +331,106 @@ result-item-component: live-set-result-item-component: header: '@:common.label.live-set.s' + + +color: + # Colors picked from ableton track color picker. + # Names picked from gpick namification. + + # Column 1 + 0: Rose pink + 14: Cherry red + 28: Dark coral + 42: Reddish grey + 56: Dull red + + # Column 2 + 1: Mango + 15: Orange + 29: Peach + 43: Tan brown + 57: Adobe + + # Column 3 + 2: Mustard brown + 16: Mocha + 30: Tan + 44: Brownish grey + 58: Dark taupe + + # Column 4 + 3: Manilla + 17: Canary yellow + 31: Light khaki + 45: Khaki + 59: Mustard yellow + + # Column 5 + 4: Yellowgreen + 18: Lighter green + 32: Pale olive + 46: Snot + 60: Swamp green + + # Column 6 + 5: Hot green + 19: Toxic green + 33: Light olive + 47: Asparagus + 61: Turtle green + + # Column 7 + 6: Bright sea green + 20: Topaz + 34: Lichen + 48: Pale teal + 62: Blue/green + + # Column 8 + 7: Aqua + 21: Aqua blue + 35: Pale aqua + 49: Bluey grey + 63: Ugly blue + + # Column 9 + 8: Sky blue + 22: Water blue + 36: Very light blue + 50: Grey blue + 64: Sapphire + + # Column 10 + 9: Soft blue + 23: Water blue + 37: Light blue grey + 51: Faded blue + 65: Cobalt + + # Column 11 + 10: Periwinkle blue + 24: Light indigo + 38: Pale lavender + 52: Greyish purple + 66: Blueberry + + # Column 12 + 11: Purply pink + 25: Soft purple + 39: Lavender + 53: Very light purple + 67: Medium purple + + # Column 13 + 12: Bubblegum + 26: Hot magenta + 40: Very light pink + 54: Dull pink + 68: Darkish pink + + # Column 14 + 13: White + 27: Light silver + 41: Silver + 55: Medium grey + 69: Dark grey \ No newline at end of file diff --git a/frontend/src/plugins/colors.ts b/frontend/src/plugins/colors.ts index dec5c1c0..68450599 100644 --- a/frontend/src/plugins/colors.ts +++ b/frontend/src/plugins/colors.ts @@ -26,7 +26,77 @@ export const colorMap: { [key: number]: string } = { 17: '#FFF034', 31: '#EDFFAE', 45: '#BFBA69', - 59: '#DBC300' + 59: '#DBC300', + + // Column 5 + 4: '#BEFB00', + 18: '#86FF67', + 32: '#D1E397', + 46: '#A5BC00', + 60: '#849524', + + // Column 6 + 5: '#1EFF32', + 19: '#3FC200', + 33: '#B9CF73', + 47: '#7CAE4E', + 61: '#549D34', + + // Column 7 + 6: '#27FFA6', + 20: '#00BEAE', + 34: '#9AC38C', + 48: '#87C1B9', + 62: '#0F9B8D', + + // Column 8 + 7: '#5BFFE7', + 21: '#19E8FF', + 35: '#D3FDE0', + 49: '#99B2C3', + 63: '#276383', + + // Column 9 + 8: '#89C4FF', + 22: '#11A3EE', + 36: '#CCF1F8', + 50: '#84A4C1', + 64: '#1F3395', + + // Column 10 + 9: '#547FE3', + 23: '#007CBF', + 37: '#B7C0E2', + 51: '#8292CB', + 65: '#3253A1', + + // Column 11 + 10: '#90A6FF', + 24: '#876CE3', + 38: '#CCBAE3', + 52: '#A494B4', + 66: '#624DAC', + + // Column 12 + 11: '#D76CE3', + 25: '#B576C5', + 39: '#AC97E4', + 53: '#BE9EBD', + 67: '#A24DAC', + + // Column 13 + 12: '#E5549F', + 26: '#FF3CD3', + 40: '#E4DBE0', + 54: '#BB7195', + 68: '#CB326E', + + // Column 14 + 13: '#FFFFFF', + 27: '#CFCFCF', + 41: '#A8A8A8', + 55: '#7A7A7A', + 69: '#3E3E3E', } export function resolveColorByIndex(index: number | undefined): string | null {