src/renderer/infrastructure/styles/Theme.ts
export const themeConfig = {
colors: {
transparent: 'transparent',
25: 'rgba(16, 42, 67, 0.25)',
50: 'rgba(16, 42, 67, 0.5)',
75: 'rgba(16, 42, 67, 0.75)',
black: '#102A43',
greyDarkest: '#243B53',
greyDarker: '#486581',
greyDark: '#627D98',
grey: '#829AB1',
greyLight: '#9FB3C8',
greyLighter: '#BCCCDC',
greyLightest: '#D9E2EC',
white: '#F0F4F8',
greenDarkest: '#014D40',
greenDarker: '#0C6B58',
greenDark: '#199473',
green: '#3EBD93',
greenLight: '#65D6AD',
greenLighter: '#8EEDC7',
greenLightest: '#EFFCF6',
purpleDarkest: '#44056E',
purpleDarker: '#580A94',
purpleDark: '#690CB0',
purple: '#8719E0',
purpleLight: '#A368FC',
purpleLighter: '#B990FF',
purpleLightest: '#F2EBFE',
red: '#E12D39',
},
sizes: {
sidebarWidth: 140,
topbarHeight: 26,
topnavHeight: 46,
flashMessageHeight: 22 * 2,
bottomNavHeight: 40,
appDragHeight: 26,
},
};