| import extend from 'licia/extend' |
| import isArr from 'licia/isArr' |
| import contain from 'licia/contain' |
|
|
| const keyMap = [ |
| 'background', |
| 'foreground', |
| 'selectForeground', |
| 'accent', |
| 'highlight', |
| 'border', |
| 'primary', |
| 'contrast', |
| 'varColor', |
| 'stringColor', |
| 'keywordColor', |
| 'numberColor', |
| 'operatorColor', |
| 'linkColor', |
| 'textColor', |
| 'tagNameColor', |
| 'functionColor', |
| 'attributeNameColor', |
| 'commentColor', |
| ] |
|
|
| const keyMapLen = keyMap.length |
|
|
| function arrToMap(arr) { |
| const ret = {} |
|
|
| for (let i = 0; i < keyMapLen; i++) { |
| ret[keyMap[i]] = arr[i] |
| } |
|
|
| return ret |
| } |
|
|
| function createDarkTheme(theme) { |
| if (isArr(theme)) theme = arrToMap(theme) |
| if (!theme.darkerBackground) theme.darkerBackground = theme.contrast |
| return extend( |
| { |
| consoleWarnBackground: '#332a00', |
| consoleWarnForeground: '#ffcb6b', |
| consoleWarnBorder: '#650', |
| consoleErrorBackground: '#290000', |
| consoleErrorForeground: '#ff8080', |
| consoleErrorBorder: '#5c0000', |
| light: '#ccc', |
| dark: '#aaa', |
| }, |
| theme |
| ) |
| } |
|
|
| function createLightTheme(theme) { |
| if (isArr(theme)) theme = arrToMap(theme) |
| if (!theme.darkerBackground) theme.darkerBackground = theme.contrast |
| return extend( |
| { |
| consoleWarnBackground: '#fffbe5', |
| consoleWarnForeground: '#5c5c00', |
| consoleWarnBorder: '#fff5c2', |
| consoleErrorBackground: '#fff0f0', |
| consoleErrorForeground: '#f00', |
| consoleErrorBorder: '#ffd6d6', |
| light: '#fff', |
| dark: '#eee', |
| }, |
| theme |
| ) |
| } |
|
|
| const darkThemes = [ |
| 'Dark', |
| 'Material Oceanic', |
| 'Material Darker', |
| 'Material Palenight', |
| 'Material Deep Ocean', |
| 'Monokai Pro', |
| 'Dracula', |
| 'Arc Dark', |
| 'Atom One Dark', |
| 'Solarized Dark', |
| 'Night Owl', |
| 'AMOLED', |
| ] |
|
|
| export function isDarkTheme(theme) { |
| return contain(darkThemes, theme) |
| } |
|
|
| |
| export default { |
| Light: createLightTheme({ |
| darkerBackground: '#f3f3f3', |
| background: '#fff', |
| foreground: '#333', |
| selectForeground: '#333', |
| accent: '#1a73e8', |
| highlight: '#eaeaea', |
| border: '#ccc', |
| primary: '#333', |
| contrast: '#f2f7fd', |
| varColor: '#c80000', |
| stringColor: '#1a1aa6', |
| keywordColor: '#881280', |
| numberColor: '#1c00cf', |
| operatorColor: '#808080', |
| linkColor: '#1155cc', |
| textColor: '#8097bd', |
| tagNameColor: '#881280', |
| functionColor: '#222', |
| attributeNameColor: '#994500', |
| commentColor: '#236e25', |
| cssProperty: '#c80000', |
| }), |
| Dark: createDarkTheme({ |
| darkerBackground: '#333', |
| background: '#242424', |
| foreground: '#a5a5a5', |
| selectForeground: '#eaeaea', |
| accent: '#7cacf8', |
| highlight: '#000', |
| border: '#3d3d3d', |
| primary: '#ccc', |
| contrast: '#0b2544', |
| varColor: '#e36eec', |
| stringColor: '#f29766', |
| keywordColor: '#9980ff', |
| numberColor: '#9980ff', |
| operatorColor: '#7f7f7f', |
| linkColor: '#ababab', |
| textColor: '#42597f', |
| tagNameColor: '#5db0d7', |
| functionColor: '#d5d5d5', |
| attributeNameColor: '#9bbbdc', |
| commentColor: '#747474', |
| }), |
| 'Material Oceanic': createDarkTheme([ |
| '#263238', '#B0BEC5', '#FFFFFF', '#009688', '#425B67', |
| '#2A373E', '#607D8B', '#1E272C', '#eeffff', '#c3e88d', |
| '#c792ea', '#f78c6c', '#89ddff', '#80cbc4', '#B0BEC5', |
| '#f07178', '#82aaff', '#ffcb6b', '#546e7a', |
| ]), |
| 'Material Darker': createDarkTheme([ |
| '#212121', '#B0BEC5', '#FFFFFF', '#FF9800', '#3F3F3F', |
| '#292929', '#727272', '#1A1A1A', '#eeffff', '#c3e88d', |
| '#c792ea', '#f78c6c', '#89ddff', '#80cbc4', '#B0BEC5', |
| '#f07178', '#82aaff', '#ffcb6b', '#616161', |
| ]), |
| 'Material Lighter': createLightTheme([ |
| '#FAFAFA', '#546E7A', '#546e7a', '#00BCD4', '#E7E7E8', |
| '#d3e1e8', '#94A7B0', '#F4F4F4', '#272727', '#91B859', |
| '#7C4DFF', '#F76D47', '#39ADB5', '#39ADB5', '#546E7A', |
| '#E53935', '#6182B8', '#F6A434', '#AABFC9', |
| ]), |
| 'Material Palenight': createDarkTheme([ |
| '#292D3E', '#A6ACCD', '#FFFFFF', '#ab47bc', '#444267', |
| '#2b2a3e', '#676E95', '#202331', '#eeffff', '#c3e88d', |
| '#c792ea', '#f78c6c', '#89ddff', '#80cbc4', '#A6ACCD', |
| '#f07178', '#82aaff', '#ffcb6b', '#676E95', |
| ]), |
| 'Material Deep Ocean': createDarkTheme([ |
| '#0F111A', '#8F93A2', '#FFFFFF', '#84ffff', '#1F2233', |
| '#41465b', '#4B526D', '#090B10', '#eeffff', '#c3e88d', |
| '#c792ea', '#f78c6c', '#89ddff', '#80cbc4', '#8F93A2', |
| '#f07178', '#82aaff', '#ffcb6b', '#717CB4', |
| ]), |
| 'Monokai Pro': createDarkTheme([ |
| '#2D2A2E', '#fcfcfa', '#FFFFFF', '#ffd866', '#5b595c', |
| '#423f43', '#939293', '#221F22', '#FCFCFA', '#FFD866', |
| '#FF6188', '#AB9DF2', '#FF6188', '#78DCE8', '#fcfcfa', |
| '#FF6188', '#A9DC76', '#78DCE8', '#727072', |
| ]), |
| Dracula: createDarkTheme([ |
| '#282A36', '#F8F8F2', '#8BE9FD', '#FF79C5', '#6272A4', |
| '#21222C', '#6272A4', '#191A21', '#F8F8F2', '#F1FA8C', |
| '#FF79C6', '#BD93F9', '#FF79C6', '#F1FA8C', '#F8F8F2', |
| '#FF79C6', '#50FA78', '#50FA7B', '#6272A4', |
| ]), |
| 'Arc Dark': createDarkTheme([ |
| '#2f343f', '#D3DAE3', '#FFFFFF', '#42A5F5', '#3F3F46', |
| '#404552', '#8b9eb5', '#262b33', '#CF6A4C', '#8F9D6A', |
| '#9B859D', '#CDA869', '#A7A7A7', '#7587A6', '#D3DAE3', |
| '#CF6A4C', '#7587A6', '#F9EE98', '#747C84', |
| ]), |
| 'Atom One Dark': createDarkTheme([ |
| '#282C34', '#979FAD', '#FFFFFF', '#2979ff', '#383D48', |
| '#2e3239', '#979FAD', '#21252B', '#D19A66', '#98C379', |
| '#C679DD', '#D19A66', '#61AFEF', '#56B6C2', '#979FAD', |
| '#F07178', '#61AEEF', '#E5C17C', '#59626F', |
| ]), |
| 'Atom One Light': createLightTheme([ |
| '#FAFAFA', '#232324', '#232324', '#2979ff', '#EAEAEB', |
| '#DBDBDC', '#9D9D9F', '#FFFFFF', '#986801', '#50A14E', |
| '#A626A4', '#986801', '#4078F2', '#0184BC', '#232324', |
| '#E4564A', '#4078F2', '#C18401', '#A0A1A7', |
| ]), |
| 'Solarized Dark': createDarkTheme([ |
| '#002B36', '#839496', '#FFFFFF', '#d33682', '#11353F', |
| '#0D3640', '#586e75', '#00252E', '#268BD2', '#2AA198', |
| '#859900', '#D33682', '#93A1A1', '#268BD2', '#839496', |
| '#268BD2', '#B58900', '#B58900', '#657B83', |
| ]), |
| 'Solarized Light': createLightTheme([ |
| '#fdf6e3', '#586e75', '#002b36', '#d33682', '#F6F0DE', |
| '#f7f2e2', '#93a1a1', '#eee8d5', '#268BD2', '#2AA198', |
| '#859900', '#D33682', '#657B83', '#268BD2', '#586e75', |
| '#268BD2', '#B58900', '#657B83', '#93A1A1', |
| ]), |
| Github: createLightTheme([ |
| '#F7F8FA', '#5B6168', '#FFFFFF', '#79CB60', '#CCE5FF', |
| '#DFE1E4', '#292D31', '#FFFFFF', '#24292E', '#032F62', |
| '#D73A49', '#005CC5', '#D73A49', '#005CC5', '#5B6168', |
| '#22863A', '#6F42C1', '#6F42C1', '#6A737D', |
| ]), |
| 'Night Owl': createDarkTheme([ |
| '#011627', '#b0bec5', '#ffffff', '#7e57c2', '#152C3B', |
| '#2a373e', '#607d8b', '#001424', '#addb67', '#ecc48d', |
| '#c792ea', '#f78c6c', '#c792ea', '#80CBC4', '#b0bec5', |
| '#7fdbca', '#82AAFF', '#FAD430', '#637777', |
| ]), |
| 'Light Owl': createLightTheme([ |
| '#FAFAFA', '#546e7a', '#403f53', '#269386', '#E0E7EA', |
| '#efefef', '#403F53', '#FAFAFA', '#0C969B', '#c96765', |
| '#994cc3', '#aa0982', '#7d818b', '#994cc3', '#546e7a', |
| '#994cc3', '#4876d6', '#4876d6', '#637777', |
| ]), |
| AMOLED: createDarkTheme([ |
| '#000000', '#8F93A2', '#FFFFFF', '#68FFAE', '#000000', |
| '#41465b', '#4B526D', '#000000', '#DEFDF7', '#38ff9f', |
| '#ab2eff', '#A76DF7', '#38ff9f', '#86F3C7', '#8F93A2', |
| '#ab2eff', '#8293FF', '#38ff9f', '#6575c7', |
| ]), |
| } |
|
|
