mango-v4-ui/styles/colors.ts

export const COLORS: Record<string, Record<string, string>> = {
  BKG1: {
    'Mango Classic': '#1D1924',
    Dark: '#111113',
    Light: '#fcfcfc',
    'High Contrast': '#000000',
    Avocado: '#0c2219',
    Medium: '#1d1d20',
    Blueberry: '#0e265d',
    Banana: '#fcf9cf',
    Lychee: '#faebec',
    Olive: '#383629',
    Bonk: '#EE7C2F',
    Pepe: '#2B4521',
  },
  BKG2: {
    'Mango Classic': '#282433',
    Dark: '#1d1d20',
    Light: '#f0f0f0',
    'High Contrast': '#121212',
    Avocado: '#133527',
    Medium: '#29292e',
    Blueberry: '#112f73',
    Banana: '#f7f2ba',
    Lychee: '#f4d7d9',
    Olive: '#474433',
    Bonk: '#DD7813',
    Pepe: '#375A2B',
  },
  BKG3: {
    'Mango Classic': '#332e42',
    Dark: '#29292e',
    Light: '#e3e3e3',
    'High Contrast': '#242424',
    Avocado: '#194835',
    Medium: '#35353b',
    Blueberry: '#15388a',
    Banana: '#f0eaa8',
    Lychee: '#efc3c6',
    Olive: '#56523e',
    Bonk: '#E5B55D',
    Pepe: '#446E35',
  },
  BKG4: {
    'Mango Classic': '#3f3851',
    Dark: '#35353b',
    Light: '#d6d6d6',
    'High Contrast': '#363636',
    Avocado: '#205b43',
    Medium: '#414149',
    Blueberry: '#1841a0',
    Banana: '#e6df99',
    Lychee: '#eaaeb2',
    Olive: '#656049',
    Bonk: '#DDA131',
    Pepe: '#51833F',
  },
  FGD1: {
    'Mango Classic': '#E6E4EC',
    Dark: '#d1d1d1',
    Light: '#141414',
    'High Contrast': '#fff',
    Avocado: '#EAF1EA',
    Medium: '#ccc',
    Blueberry: '#EEF2FC',
    Banana: '#272720',
    Lychee: '#54181B',
    Olive: '#F3F1DD',
    Bonk: '#FFFEFA',
    Pepe: '#F0F7EE',
  },
  FGD4: {
    'Mango Classic': '#9189ae',
    Dark: '#858585',
    Light: '#878787',
    'High Contrast': '#d9d9d9',
    Avocado: '#8eb48e',
    Medium: '#808080',
    Blueberry: '#6b94e6',
    Banana: '#7b7b65',
    Lychee: '#b7343a',
    Olive: '#acaa8b',
    Bonk: '#F3E9AA',
    Pepe: '#88BD75',
  },
  BUTTON: {
    'Mango Classic': '#794CA9',
    Dark: '#616161',
    Light: '#d6d6d6',
    'High Contrast': '#F3FA19',
    Avocado: '#1E674A',
    Medium: '#6e6e6e',
    Blueberry: '#0A4ED6',
    Banana: '#FBE774',
    Lychee: '#EBADB1',
    Olive: '#7F7A62',
    Bonk: '#AC5039',
    Pepe: '#338415',
  },
  UP: {
    'Mango Classic': '#89B92A',
    Dark: '#4aa13a',
    Light: '#60bf4f',
    'High Contrast': '#50f434',
    Avocado: '#4bc34b',
    Medium: '#4aa13a',
    Blueberry: '#11ac85',
    Banana: '#86AE7E',
    Lychee: '#2d805e',
    Olive: '#4eaa27',
    Bonk: '#FAE34C',
    Pepe: '#50C11F',
  },
  ACTIVE: {
    'Mango Classic': '#f1c84b',
    Dark: '#f1c84b',
    Light: '#141414',
    'High Contrast': '#f3fa19',
    Avocado: '#E3E96C',
    Medium: '#f1c84b',
    Blueberry: '#f1c84b',
    Banana: '#606afb',
    Lychee: '#040e9f',
    Olive: '#e7dc83',
    Bonk: '#332910',
    Pepe: '#FAE34C',
  },
  DOWN: {
    'Mango Classic': '#F84638',
    Dark: '#d35555',
    Light: '#BE6A6A',
    'High Contrast': '#ff2929',
    Avocado: '#d1534d',
    Medium: '#d35555',
    Blueberry: '#d1534d',
    Banana: '#BE6A6A',
    Lychee: '#c5303a',
    Olive: '#ee392f',
    Bonk: '#C22E30',
    Pepe: '#DD6040',
  },
}
turn on lint errors for typescript any 2023-02-27 23:20:11 -08:00			`export const COLORS: Record<string, Record<string, string>> = {`
better var names and hsl colors 2022-11-30 19:32:32 -08:00			`BKG1: {`
set bg color in trading view widget 2023-08-17 13:36:25 -07:00			`'Mango Classic': '#1D1924',`
use hex for theme color constants 2022-12-01 16:19:22 -08:00			`Dark: '#111113',`
			`Light: '#fcfcfc',`
olive and high contrast theme 2022-12-05 02:59:10 -08:00			`'High Contrast': '#000000',`
tweak themes 2022-12-01 21:51:27 -08:00			`Avocado: '#0c2219',`
use hex for theme color constants 2022-12-01 16:19:22 -08:00			`Medium: '#1d1d20',`
tweak themes 2022-12-01 21:51:27 -08:00			`Blueberry: '#0e265d',`
more theme color changes 2022-12-02 03:28:46 -08:00			`Banana: '#fcf9cf',`
lychee theme 2022-12-04 15:06:06 -08:00			`Lychee: '#faebec',`
olive and high contrast theme 2022-12-05 02:59:10 -08:00			`Olive: '#383629',`
add bonk theme 2023-05-30 20:03:53 -07:00			`Bonk: '#EE7C2F',`
add the remaining theme elements 2023-08-09 20:31:47 -07:00			`Pepe: '#2B4521',`
better var names and hsl colors 2022-11-30 19:32:32 -08:00			`},`
			`BKG2: {`
tweak themes 2022-12-01 21:51:27 -08:00			`'Mango Classic': '#282433',`
use hex for theme color constants 2022-12-01 16:19:22 -08:00			`Dark: '#1d1d20',`
			`Light: '#f0f0f0',`
olive and high contrast theme 2022-12-05 02:59:10 -08:00			`'High Contrast': '#121212',`
tweak themes 2022-12-01 21:51:27 -08:00			`Avocado: '#133527',`
use hex for theme color constants 2022-12-01 16:19:22 -08:00			`Medium: '#29292e',`
tweak themes 2022-12-01 21:51:27 -08:00			`Blueberry: '#112f73',`
more theme color changes 2022-12-02 03:28:46 -08:00			`Banana: '#f7f2ba',`
lychee theme 2022-12-04 15:06:06 -08:00			`Lychee: '#f4d7d9',`
olive and high contrast theme 2022-12-05 02:59:10 -08:00			`Olive: '#474433',`
add bonk theme 2023-05-30 20:03:53 -07:00			`Bonk: '#DD7813',`
add the remaining theme elements 2023-08-09 20:31:47 -07:00			`Pepe: '#375A2B',`
use select for theme selection 2022-11-30 21:21:28 -08:00			`},`
			`BKG3: {`
tweak themes 2022-12-01 21:51:27 -08:00			`'Mango Classic': '#332e42',`
use hex for theme color constants 2022-12-01 16:19:22 -08:00			`Dark: '#29292e',`
			`Light: '#e3e3e3',`
olive and high contrast theme 2022-12-05 02:59:10 -08:00			`'High Contrast': '#242424',`
tweak themes 2022-12-01 21:51:27 -08:00			`Avocado: '#194835',`
use hex for theme color constants 2022-12-01 16:19:22 -08:00			`Medium: '#35353b',`
tweak themes 2022-12-01 21:51:27 -08:00			`Blueberry: '#15388a',`
more theme color changes 2022-12-02 03:28:46 -08:00			`Banana: '#f0eaa8',`
lychee theme 2022-12-04 15:06:06 -08:00			`Lychee: '#efc3c6',`
olive and high contrast theme 2022-12-05 02:59:10 -08:00			`Olive: '#56523e',`
add bonk theme 2023-05-30 20:03:53 -07:00			`Bonk: '#E5B55D',`
add the remaining theme elements 2023-08-09 20:31:47 -07:00			`Pepe: '#446E35',`
use select for theme selection 2022-11-30 21:21:28 -08:00			`},`
			`BKG4: {`
tweak themes 2022-12-01 21:51:27 -08:00			`'Mango Classic': '#3f3851',`
use hex for theme color constants 2022-12-01 16:19:22 -08:00			`Dark: '#35353b',`
			`Light: '#d6d6d6',`
olive and high contrast theme 2022-12-05 02:59:10 -08:00			`'High Contrast': '#363636',`
tweak themes 2022-12-01 21:51:27 -08:00			`Avocado: '#205b43',`
use hex for theme color constants 2022-12-01 16:19:22 -08:00			`Medium: '#414149',`
tweak themes 2022-12-01 21:51:27 -08:00			`Blueberry: '#1841a0',`
more theme color changes 2022-12-02 03:28:46 -08:00			`Banana: '#e6df99',`
lychee theme 2022-12-04 15:06:06 -08:00			`Lychee: '#eaaeb2',`
olive and high contrast theme 2022-12-05 02:59:10 -08:00			`Olive: '#656049',`
tv styles 2023-05-30 21:38:15 -07:00			`Bonk: '#DDA131',`
add the remaining theme elements 2023-08-09 20:31:47 -07:00			`Pepe: '#51833F',`
use select for theme selection 2022-11-30 21:21:28 -08:00			`},`
add some styling and move to deposit modal 2023-12-06 03:28:13 -08:00			`FGD1: {`
			`'Mango Classic': '#E6E4EC',`
			`Dark: '#d1d1d1',`
			`Light: '#141414',`
			`'High Contrast': '#fff',`
			`Avocado: '#EAF1EA',`
			`Medium: '#ccc',`
			`Blueberry: '#EEF2FC',`
			`Banana: '#272720',`
			`Lychee: '#54181B',`
			`Olive: '#F3F1DD',`
			`Bonk: '#FFFEFA',`
			`Pepe: '#F0F7EE',`
			`},`
use select for theme selection 2022-11-30 21:21:28 -08:00			`FGD4: {`
tweak themes 2022-12-01 21:51:27 -08:00			`'Mango Classic': '#9189ae',`
use hex for theme color constants 2022-12-01 16:19:22 -08:00			`Dark: '#858585',`
more theme color changes 2022-12-02 03:28:46 -08:00			`Light: '#878787',`
olive and high contrast theme 2022-12-05 02:59:10 -08:00			`'High Contrast': '#d9d9d9',`
tweak themes 2022-12-01 21:51:27 -08:00			`Avocado: '#8eb48e',`
use hex for theme color constants 2022-12-01 16:19:22 -08:00			`Medium: '#808080',`
tweak themes 2022-12-01 21:51:27 -08:00			`Blueberry: '#6b94e6',`
			`Banana: '#7b7b65',`
lychee theme 2022-12-04 15:06:06 -08:00			`Lychee: '#b7343a',`
olive and high contrast theme 2022-12-05 02:59:10 -08:00			`Olive: '#acaa8b',`
add bonk theme 2023-05-30 20:03:53 -07:00			`Bonk: '#F3E9AA',`
add the remaining theme elements 2023-08-09 20:31:47 -07:00			`Pepe: '#88BD75',`
better var names and hsl colors 2022-11-30 19:32:32 -08:00			`},`
add some styling and move to deposit modal 2023-12-06 03:28:13 -08:00			`BUTTON: {`
			`'Mango Classic': '#794CA9',`
			`Dark: '#616161',`
			`Light: '#d6d6d6',`
			`'High Contrast': '#F3FA19',`
			`Avocado: '#1E674A',`
			`Medium: '#6e6e6e',`
			`Blueberry: '#0A4ED6',`
			`Banana: '#FBE774',`
			`Lychee: '#EBADB1',`
			`Olive: '#7F7A62',`
			`Bonk: '#AC5039',`
			`Pepe: '#338415',`
			`},`
better var names and hsl colors 2022-11-30 19:32:32 -08:00			`UP: {`
brighter red orderbook on dark theme 2023-01-16 20:57:52 -08:00			`'Mango Classic': '#89B92A',`
more theme color changes 2022-12-02 03:28:46 -08:00			`Dark: '#4aa13a',`
use hex for theme color constants 2022-12-01 16:19:22 -08:00			`Light: '#60bf4f',`
olive and high contrast theme 2022-12-05 02:59:10 -08:00			`'High Contrast': '#50f434',`
tweak themes 2022-12-01 21:51:27 -08:00			`Avocado: '#4bc34b',`
more theme color changes 2022-12-02 03:28:46 -08:00			`Medium: '#4aa13a',`
edit blueberry theme colors 2022-12-04 17:47:13 -08:00			`Blueberry: '#11ac85',`
tweak themes 2022-12-01 21:51:27 -08:00			`Banana: '#86AE7E',`
lychee theme 2022-12-04 15:06:06 -08:00			`Lychee: '#2d805e',`
olive and high contrast theme 2022-12-05 02:59:10 -08:00			`Olive: '#4eaa27',`
add bonk theme 2023-05-30 20:03:53 -07:00			`Bonk: '#FAE34C',`
add the remaining theme elements 2023-08-09 20:31:47 -07:00			`Pepe: '#50C11F',`
better var names and hsl colors 2022-11-30 19:32:32 -08:00			`},`
			`ACTIVE: {`
tweak themes 2022-12-01 21:51:27 -08:00			`'Mango Classic': '#f1c84b',`
use hex for theme color constants 2022-12-01 16:19:22 -08:00			`Dark: '#f1c84b',`
more theme color changes 2022-12-02 03:28:46 -08:00			`Light: '#141414',`
olive and high contrast theme 2022-12-05 02:59:10 -08:00			`'High Contrast': '#f3fa19',`
tweak themes 2022-12-01 21:51:27 -08:00			`Avocado: '#E3E96C',`
use hex for theme color constants 2022-12-01 16:19:22 -08:00			`Medium: '#f1c84b',`
tweak themes 2022-12-01 21:51:27 -08:00			`Blueberry: '#f1c84b',`
more theme color changes 2022-12-02 03:28:46 -08:00			`Banana: '#606afb',`
lychee theme 2022-12-04 15:06:06 -08:00			`Lychee: '#040e9f',`
olive and high contrast theme 2022-12-05 02:59:10 -08:00			`Olive: '#e7dc83',`
add bonk theme 2023-05-30 20:03:53 -07:00			`Bonk: '#332910',`
add the remaining theme elements 2023-08-09 20:31:47 -07:00			`Pepe: '#FAE34C',`
better var names and hsl colors 2022-11-30 19:32:32 -08:00			`},`
			`DOWN: {`
tweak themes 2022-12-01 21:51:27 -08:00			`'Mango Classic': '#F84638',`
more theme color changes 2022-12-02 03:28:46 -08:00			`Dark: '#d35555',`
			`Light: '#BE6A6A',`
olive and high contrast theme 2022-12-05 02:59:10 -08:00			`'High Contrast': '#ff2929',`
tweak themes 2022-12-01 21:51:27 -08:00			`Avocado: '#d1534d',`
more theme color changes 2022-12-02 03:28:46 -08:00			`Medium: '#d35555',`
tweak themes 2022-12-01 21:51:27 -08:00			`Blueberry: '#d1534d',`
			`Banana: '#BE6A6A',`
lychee theme 2022-12-04 15:06:06 -08:00			`Lychee: '#c5303a',`
olive and high contrast theme 2022-12-05 02:59:10 -08:00			`Olive: '#ee392f',`
add bonk theme 2023-05-30 20:03:53 -07:00			`Bonk: '#C22E30',`
add the remaining theme elements 2023-08-09 20:31:47 -07:00			`Pepe: '#DD6040',`
better var names and hsl colors 2022-11-30 19:32:32 -08:00			`},`
add simple area chart 2022-08-02 17:17:42 -07:00			`}`