1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
|
import * as path from 'path';
import { generateTheme, IColorSet } from 'vscode-theme-generator';
const themeName = 'Elementary';
const colors = {
white: '#FFFFFF',
cyan: '#008080',
red: '#ff0000',
green: '#00b300',
ubuntuOrange: '#e95420',
titleBarGray: '#dcdcdc',
inactiveTitleBarGray: '#ececec',
titleBarText: '#5e5e5e',
titleBarTextInactive: '#848484',
menuGray: '#f5f5f5',
menuSelectionGray: '#d6d6d6',
bodyGray: '#eff0f1',
editorGray: '#2f2f2f',
sideBarGray: '#e2e2e2',
highlightGray: '#cccccc',
commentGray: '#8c8c8c',
textGray: '#5e5e5e',
textSelectionGray: '#92a2a0',
ubuntuWarmGray: '#aea79f',
editorBackground: '#fdf6e3',
editorGutter: '#eee8d5',
lineNumberGray: '#93a1a1',
tabsBackground: '#fbefce',
tabsBorder: '#e9d18d',
activityBarGray: '#d1d1d1',
syntaxOrange: '#cb5226',
syntaxGold: '#b78e1d',
syntaxTeal: '#49b8b9',
syntaxLightGray: '#aab5b1',
syntaxLavender: '#727dc9',
}
const colorSet: IColorSet = {
type: 'light',
base: {
background: colors.bodyGray,
foreground: colors.textGray,
color1: colors.textSelectionGray,
color2: colors.red,
color3: colors.syntaxGold,
color4: colors.syntaxTeal,
},
syntax: {
comment: colors.syntaxLightGray,
function: colors.syntaxLavender,
functionCall: colors.syntaxLavender,
keyword: colors.syntaxOrange,
markdownQuote: colors.syntaxLightGray,
storage: colors.syntaxOrange,
},
terminal: {
black: '#586e75',
red: '#cb4b16',
green: '#859900',
yellow: '#b58900',
blue: '#268bd2',
magenta: '#d33682',
cyan: '#2aa198',
white: '#eeeeee',
brightBlack: '#073642',
brightRed: '#dc322f',
brightGreen: '#859900',
brightYellow: '#b58900',
brightBlue: '#268bd2',
brightMagenta: '#ec0048',
brightCyan: '#2aa198',
brightWhite: '#94a3a5',
},
ui: {
invisibles: colors.tabsBorder,
findMatchHighlight: colors.menuSelectionGray,
findRangeHighlight: colors.menuSelectionGray,
guide: colors.tabsBorder,
rangeHighlight: colors.menuSelectionGray,
selection: colors.textSelectionGray,
selectionHighlight: colors.menuSelectionGray,
},
overrides: {
'activityBar.background': colors.activityBarGray,
'activityBar.foreground': colors.textGray,
// 'debugToolBar.background': colors.white,
'dropdown.background': colors.menuGray,
'editor.background': colors.editorBackground,
'editorCursor.foreground': colors.textGray,
'editorGroupHeader.tabsBackground': colors.tabsBackground,
'editorGroupHeader.tabsBorder': colors.tabsBorder,
'editorGutter.background': colors.editorGutter,
'editorHoverWidget.background': colors.tabsBackground,
'editorIndentGuide.activeBackground': colors.textSelectionGray,
'editorLineNumber.foreground': colors.lineNumberGray,
'editorMarkerNavigation.background': colors.tabsBackground,
'editorRuler.foreground': colors.tabsBorder,
'editorSuggestWidget.background': colors.tabsBackground,
'editorWidget.background': colors.tabsBackground,
'input.background': colors.menuGray,
'list.activeSelectionBackground': colors.textSelectionGray,
'list.hoverBackground': colors.highlightGray,
'list.inactiveSelectionBackground': colors.highlightGray,
'menu.background': colors.menuGray,
'menu.selectionBackground': colors.menuSelectionGray,
'menu.selectionForeground': colors.textGray,
// 'menubar.selectionBackground': colors.white,
// 'menubar.selectionForeground': colors.textGray,
'panel.background': colors.tabsBackground,
'panel.border': colors.tabsBorder,
'peekViewEditor.background': colors.tabsBackground,
'peekViewResult.background': colors.tabsBackground,
'peekViewTitle.background': colors.tabsBackground,
'sideBar.background': colors.sideBarGray,
'sideBarSectionHeader.background': colors.activityBarGray,
// 'statusBar.background': colors.white,
// 'statusBar.debuggingForeground': colors.white,
'statusBar.foreground': colors.textGray,
'tab.activeBorder': colors.editorBackground,
'tab.border': colors.tabsBorder,
'tab.inactiveBackground': colors.tabsBackground,
'tab.inactiveBorder': colors.tabsBorder,
// 'tab.unfocusedInactiveBackground': colors.bodyGray,
'terminal.background': '#252e32',
'terminal.foreground': '#94a3a5',
'titleBar.activeBackground': colors.titleBarGray,
'titleBar.activeForeground': colors.titleBarText,
'titleBar.inactiveBackground': colors.inactiveTitleBarGray,
'titleBar.inactiveForeground': colors.titleBarTextInactive,
}
};
var fileName = themeName
.toLowerCase()
.replace(/\[\w*\]/, '')
.trim()
.replace(/\s+/, '-') + '.json';
generateTheme(themeName, colorSet, path.join(__dirname, fileName));
|