1
Fork 0
tildes-reextended/source/ts/theme-colors.ts

114 lines
2.4 KiB
TypeScript

export type ThemeKey = keyof typeof themeColors;
export type ColorKey = keyof typeof themeColors[ThemeKey];
export const themeColors = {
atomOneDark: {
background: '#282C34',
backgroundAlt: '#21242b',
foreground: '#ABB2BF',
foregroundAlt: '#828997',
cyan: '#56B6C2',
blue: '#61AFEF',
purple: '#C678DD',
green: '#98C379',
red: '#E06C75',
orange: '#D19A66'
},
black: {
background: '#000',
backgroundAlt: '#222',
foreground: '#ccc',
foregroundAlt: '#888',
cyan: '#2aa198',
blue: '#268bd2',
purple: '#6c71c4',
green: '#859900',
red: '#f00',
orange: '#b58900'
},
dracula: {
background: '#282a36',
backgroundAlt: '#44475a',
foreground: '#f8f8f2',
foregroundAlt: '#6272a4',
cyan: '#8be9fd',
blue: '#6272a4',
purple: '#bd93f9',
green: '#50fa7b',
red: '#ff5555',
orange: '#ffb86c'
},
gruvboxDark: {
background: '#282828',
backgroundAlt: '#3c3836',
foreground: '#fbf1c7',
foregroundAlt: '#ebdbb2',
cyan: '#689d6a',
blue: '#458588',
purple: '#b16286',
green: '#98971a',
red: '#fb4934',
orange: '#fabd2f'
},
gruvboxLight: {
background: '#fbf1c7',
backgroundAlt: '#ebdbb2',
foreground: '#282828',
foregroundAlt: '#3c3836',
cyan: '#689d6a',
blue: '#458588',
purple: '#b16286',
green: '#98971a',
red: '#fb4934',
orange: '#fabd2f'
},
solarizedLight: {
background: '#fdf6e3',
backgroundAlt: '#eee8d5',
foreground: '#657b83',
foregroundAlt: '#93a1a1',
cyan: '#2aa198',
blue: '#268bd2',
purple: '#6c71c4',
green: '#859900',
red: '#dc322f',
orange: '#cb4b16'
},
solarizedDark: {
background: '#002b36',
backgroundAlt: '#073642',
foreground: '#839496',
foregroundAlt: '#586e75',
cyan: '#2aa198',
blue: '#268bd2',
purple: '#6c71c4',
green: '#859900',
red: '#dc322f',
orange: '#cb4b16'
},
white: {
background: '#fff',
backgroundAlt: '#eee',
foreground: '#333',
foregroundAlt: '#888',
cyan: '#1e824c',
blue: '#1460aa',
purple: '#551a8b',
green: '#4b6319',
red: '#d91e18',
orange: '#e66b00'
},
zenburn: {
background: '#3f3f3f',
backgroundAlt: '#4f4f4f',
foreground: '#dcdccc',
foregroundAlt: '#aaa',
cyan: '#8cd0d3',
blue: '#80d4aa',
purple: '#bc8cbc',
green: '#7f9f7f',
red: '#dc8c6c',
orange: '#efef8f'
}
};