mirror of
https://github.com/Unleash/unleash.git
synced 2024-10-18 20:09:08 +02:00
6818a82cd1
* feat: add dark mode theme * fix: feature metrics * fix: add color * styling * fix: add switch * fix: form sidebar * fix: remove console log * fix: add properties * fix: strategy container * feat: feature flag * fix: tests * fix: build * fix: logo * fix: icon * fix: update snapshots * fix: CES operator * fix: typography * fix: input styling * fix: remove initial load * fix: change flag name * fix: refactor to custom hook * fix: remove unused import * fix: dialog headers * fix: use uiConfig flags instead of flags
90 lines
2.0 KiB
TypeScript
90 lines
2.0 KiB
TypeScript
/**
|
|
* IMPORTANT: Use full color palette ONLY in theme. Don't import colors directly from this file.
|
|
*
|
|
* @see https://www.figma.com/file/qdwpPfuitJUNinm6mvmCmG/Unleash-application?node-id=7175%3A44590
|
|
*/
|
|
export const colors = {
|
|
white: '#FFFFFF',
|
|
black: '#000000',
|
|
grey: {
|
|
900: '#202021',
|
|
800: '#6E6E70',
|
|
700: '#78787A',
|
|
600: '#9F9FA1',
|
|
500: '#BDBDBF',
|
|
400: '#E1E1E3',
|
|
300: '#EAEAED',
|
|
200: '#F2F2F5',
|
|
100: '#F7F7FA',
|
|
50: '#FFFFFF',
|
|
},
|
|
purple: {
|
|
900: '#615BC2',
|
|
800: '#6C65E5',
|
|
700: '#817AFE',
|
|
600: '#8C87EB',
|
|
500: '#9D98EE',
|
|
400: '#ADA9F1',
|
|
300: '#BEBBF3',
|
|
200: '#CECCF6',
|
|
100: '#E4E3F9',
|
|
50: '#F1F0FC',
|
|
},
|
|
red: {
|
|
900: '#A6000E',
|
|
800: '#D11525',
|
|
700: '#D93644',
|
|
600: '#E04C59',
|
|
500: '#E04C59',
|
|
400: '#F0616D',
|
|
300: '#FEB0B7',
|
|
200: '#FFD4D8',
|
|
100: '#FFE5E7',
|
|
50: '#FFF2F3',
|
|
},
|
|
orange: {
|
|
900: '#B35300',
|
|
800: '#D76500',
|
|
700: '#F28D00',
|
|
600: '#FFAA33',
|
|
500: '#FFC46F',
|
|
400: '#FFCF8B',
|
|
300: '#FFD9A3',
|
|
200: '#FFEACC',
|
|
100: '#FFF4E5',
|
|
50: '#FFFCF5',
|
|
},
|
|
green: {
|
|
900: '#305200',
|
|
800: '#3B6600',
|
|
700: '#4D8400',
|
|
600: '#68A611',
|
|
500: '#7FB435',
|
|
400: '#99C35D',
|
|
300: '#B0D182',
|
|
200: '#CFE5AE',
|
|
100: '#E4F0D3',
|
|
50: '#F4FAEB',
|
|
},
|
|
blue: {
|
|
900: '#163E59',
|
|
800: '#0060A1',
|
|
700: '#0071BD',
|
|
600: '#007ACA',
|
|
500: '#0087E0',
|
|
400: '#1C98EB',
|
|
300: '#5BB4F0',
|
|
200: '#96D2FA',
|
|
100: '#DCEEFA',
|
|
50: '#EBF7FF',
|
|
},
|
|
darkblue: {
|
|
1000: '#091826',
|
|
900: '#041c32',
|
|
800: '#1d3247',
|
|
700: '#28415c',
|
|
600: '#1f3751',
|
|
500: '#0e2840',
|
|
},
|
|
} as const;
|