export interface ITheme { mainToolBarColor: 'hsl(214, 74%, 17%)' /* Gray */ gray900: string gray800: string gray700: string gray600: string gray500: string gray400: string gray300: string gray200: string /* Primary */ gray100: string primary900: string primary800: string primary700: string primary600: string primary500: string primary400: string primary300: string primary200: string primary100: string primary50: string /* Teal */ forcewhite: string teal900: string teal800: string teal700: string teal600: string teal500: string teal400: string teal300: string teal200: string teal100: string teal50: string /* Pink */ pink900: string pink800: string pink700: string pink600: string pink500: string pink400: string pink300: string pink200: string pink100: string pink50: string /* Red */ red900: string red800: string red700: string red600: string red500: string red400: string red300: string red200: string red100: string red50: string /* Yellow */ yellow900: string yellow800: string yellow700: string yellow600: string yellow500: string yellow400: string yellow300: string yellow200: string yellow100: string yellow50: string /* Purple */ purple50: string purple100: string purple200: string purple300: string purple400: string purple500: string purple600: string purple700: string purple800: string purple900: string } export const taktikTheme: ITheme = { mainToolBarColor: 'hsl(214, 74%, 17%)', /* Gray */ gray900: '#1E252D', gray800: '#3E4F5F', gray700: '#5D7184', gray600: '#8899AA', gray500: '#C6CDD4', gray400: '#DBDFE3', gray300: '#EEF2F6', gray200: '#f8f9fa', gray100: '#FEFEFF', /* Primary */ primary900: '#061324', primary800: '#102541', primary700: '#105B8F', primary600: '#1875B6', primary500: '#0484DF', primary400: '#1A9BF6', primary300: '#7EC8FC', primary200: '#C5E7FD', primary100: '#DCF0FE', primary50: '#F5FBFF', forcewhite: '#FEFEFF', /* Teal */ teal900: 'hsl(170, 97%, 15%)', teal800: 'hsl(168, 80%, 23%)', teal700: 'hsl(166, 72%, 28%)', teal600: 'hsl(164, 71%, 34%)', teal500: 'hsl(162, 63%, 41%)', teal400: 'hsl(160, 51%, 49%)', teal300: 'hsl(158, 58%, 62%)', teal200: 'hsl(156, 73%, 74%)', teal100: 'hsl(154, 75%, 87%)', teal50: 'hsl(152, 168%, 96%)', /* Pink */ pink900: 'hsl(320, 100%, 19%)', pink800: 'hsl(320, 100%, 19%)', pink700: 'hsl(324, 93%, 33%)', pink600: 'hsl(326, 90%, 39%)', pink500: 'hsl(328, 85%, 46%)', pink400: 'hsl(330, 79%, 56%)', pink300: 'hsl(334, 86%, 67%)', pink200: 'hsl(336, 100%, 77%)', pink100: 'hsl(338, 100%, 86%)', pink50: 'hsl(341, 100%, 95%)', /* Red */ red900: 'hsl(348, 94%, 20%)', red800: 'hsl(350, 94%, 28%)', red700: 'hsl(352, 90%, 35%)', red600: 'hsl(354, 85%, 44%)', red500: 'hsl(356, 75%, 53%)', red400: 'hsl(360, 83%, 62%)', red300: 'hsl(360, 91%, 69%)', red200: 'hsl(360, 100%, 80%)', red100: 'hsl(360, 100%, 87%)', red50: 'hsl(360, 100%, 95%)', /* Yellow */ yellow900: 'hsl(15, 86%, 30%)', yellow800: 'hsl(22, 82%, 39%)', yellow700: 'hsl(29, 80%, 44%)', yellow600: 'hsl(36, 77%, 49%)', yellow500: 'hsl(42, 87%, 55%)', yellow400: 'hsl(44, 92%, 63%)', yellow300: 'hsl(48, 94%, 68%)', yellow200: 'hsl(48, 95%, 76%)', yellow100: 'hsl(48, 100%, 88%)', yellow50: 'hsl(49, 100%, 96%)', /* Purple */ purple50: '#F0EDFD', purple100: '#DED8FC', purple200: '#B9ABFE', purple300: '#A998FF', purple400: '#826CF4', purple500: '#5D44DF', purple600: '#381DBF', purple700: '#20099C', purple800: '#250388', purple900: '#1B0166' }