mango-v4-ui/styles/colors.ts

export const COLORS: any = {
  BKG1: {
    'Mango Classic': '#18181C',
    Dark: '#111113',
    Light: '#fcfcfc',
    'High Contrast': '#000000',
    Avocado: '#0c2219',
    Medium: '#1d1d20',
    Blueberry: '#0e265d',
    Banana: '#fcf9cf',
    Lychee: '#faebec',
    Olive: '#383629',
  },
  BKG2: {
    'Mango Classic': '#282433',
    Dark: '#1d1d20',
    Light: '#f0f0f0',
    'High Contrast': '#121212',
    Avocado: '#133527',
    Medium: '#29292e',
    Blueberry: '#112f73',
    Banana: '#f7f2ba',
    Lychee: '#f4d7d9',
    Olive: '#474433',
  },
  BKG3: {
    'Mango Classic': '#332e42',
    Dark: '#29292e',
    Light: '#e3e3e3',
    'High Contrast': '#242424',
    Avocado: '#194835',
    Medium: '#35353b',
    Blueberry: '#15388a',
    Banana: '#f0eaa8',
    Lychee: '#efc3c6',
    Olive: '#56523e',
  },
  BKG4: {
    'Mango Classic': '#3f3851',
    Dark: '#35353b',
    Light: '#d6d6d6',
    'High Contrast': '#363636',
    Avocado: '#205b43',
    Medium: '#414149',
    Blueberry: '#1841a0',
    Banana: '#e6df99',
    Lychee: '#eaaeb2',
    Olive: '#656049',
  },
  FGD4: {
    'Mango Classic': '#9189ae',
    Dark: '#858585',
    Light: '#878787',
    'High Contrast': '#d9d9d9',
    Avocado: '#8eb48e',
    Medium: '#808080',
    Blueberry: '#6b94e6',
    Banana: '#7b7b65',
    Lychee: '#b7343a',
    Olive: '#acaa8b',
  },
  UP: {
    'Mango Classic': '#A6CD03',
    Dark: '#4aa13a',
    Light: '#60bf4f',
    'High Contrast': '#50f434',
    Avocado: '#4bc34b',
    Medium: '#4aa13a',
    Blueberry: '#11ac85',
    Banana: '#86AE7E',
    Lychee: '#2d805e',
    Olive: '#4eaa27',
  },
  ACTIVE: {
    'Mango Classic': '#f1c84b',
    Dark: '#f1c84b',
    Light: '#141414',
    'High Contrast': '#f3fa19',
    Avocado: '#E3E96C',
    Medium: '#f1c84b',
    Blueberry: '#f1c84b',
    Banana: '#606afb',
    Lychee: '#040e9f',
    Olive: '#e7dc83',
  },
  DOWN: {
    'Mango Classic': '#F84638',
    Dark: '#d35555',
    Light: '#BE6A6A',
    'High Contrast': '#ff2929',
    Avocado: '#d1534d',
    Medium: '#d35555',
    Blueberry: '#d1534d',
    Banana: '#BE6A6A',
    Lychee: '#c5303a',
    Olive: '#ee392f',
  },
}
add simple area chart 2022-08-02 17:17:42 -07:00			`export const COLORS: any = {`
better var names and hsl colors 2022-11-30 19:32:32 -08:00			`BKG1: {`
tweak themes 2022-12-01 21:51:27 -08:00			`'Mango Classic': '#18181C',`
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',`
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',`
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',`
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',`
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',`
better var names and hsl colors 2022-11-30 19:32:32 -08:00			`},`
			`UP: {`
tweak themes 2022-12-01 21:51:27 -08:00			`'Mango Classic': '#A6CD03',`
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',`
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',`
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',`
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			`}`