Added all track colors

adrianrudnik · Oct 31, 2023 · 4cd0d4a · 4cd0d4a
1 parent 913aedd
commit 4cd0d4a
Show file tree

Hide file tree

Showing 2 changed files with 174 additions and 33 deletions.
diff --git 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
diff --git 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 {