2021-04-21 15:34:08 +02:00
|
|
|
export const palette = {
|
2021-12-15 14:52:31 +01:00
|
|
|
white: '#FFFFFF',
|
|
|
|
|
black: '#000000',
|
2021-04-07 19:13:00 +02:00
|
|
|
|
|
|
|
|
gray25: '#2c3235',
|
2021-04-12 14:23:00 +02:00
|
|
|
gray15: '#22252b', //'#202226',
|
|
|
|
|
gray10: '#181b1f', // old '#141619',
|
2021-04-15 08:45:19 +02:00
|
|
|
gray05: '#111217', // old '#0b0c0e',
|
2021-04-12 14:23:00 +02:00
|
|
|
|
|
|
|
|
// new from figma,
|
|
|
|
|
darkLayer0: '#18181A',
|
|
|
|
|
darkLayer1: '#212124',
|
|
|
|
|
darkLayer2: '#2a2a2f', // figma used #34343B but a bit too bright
|
|
|
|
|
|
|
|
|
|
darkBorder1: '#34343B',
|
|
|
|
|
darkBorder2: '#64646B',
|
|
|
|
|
|
|
|
|
|
// Dashboard bg / layer 0 (light theme)
|
|
|
|
|
gray90: '#F4F5F5',
|
|
|
|
|
// Card bg / layer 1
|
2021-04-14 21:49:38 +02:00
|
|
|
gray100: '#F4F5F5',
|
2021-04-12 14:23:00 +02:00
|
|
|
// divider line
|
|
|
|
|
gray80: '#D0D1D3',
|
|
|
|
|
// from figma
|
|
|
|
|
lightBorder1: '#E4E7E7',
|
|
|
|
|
|
2021-04-20 10:48:55 +02:00
|
|
|
blueDarkMain: '#3D71D9', // '#4165F5',
|
|
|
|
|
blueDarkText: '#6E9FFF', // '#58a6ff', //'#33a2e5', // '#5790FF',
|
2021-04-12 14:23:00 +02:00
|
|
|
redDarkMain: '#D10E5C',
|
|
|
|
|
redDarkText: '#FF5286',
|
|
|
|
|
greenDarkMain: '#1A7F4B',
|
|
|
|
|
greenDarkText: '#6CCF8E',
|
|
|
|
|
orangeDarkMain: '#F5B73D',
|
|
|
|
|
orangeDarkText: '#F8D06B',
|
|
|
|
|
|
|
|
|
|
blueLightMain: '#3871DC',
|
2021-08-24 13:23:01 +02:00
|
|
|
blueLightText: '#1F62E0',
|
2021-04-12 14:23:00 +02:00
|
|
|
redLightMain: '#E0226E',
|
|
|
|
|
redLightText: '#CF0E5B',
|
2021-08-24 13:23:01 +02:00
|
|
|
greenLightMain: '#1B855E',
|
|
|
|
|
greenLightText: '#0A764E',
|
|
|
|
|
orangeLightMain: '#FAD34A',
|
|
|
|
|
orangeLightText: '#8A6C00',
|
2021-04-07 19:13:00 +02:00
|
|
|
};
|