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
|
import * as path from 'path';
import { generateTheme, IColorSet } from 'vscode-theme-generator';
const themeName = 'Yaru';
const colors = {
white: '#FFFFFF',
cyan: '#008080',
red: '#ff0000',
green: '#00b300',
ubuntuOrange: '#e95420',
lightAubergine: '#bb90b7',
midAubergine: '#903c7b',
darkAubergine: '#300a24',
titleBarGray: '#2b2929',
inactiveTitleBarGray: '#3d3a3a',
titleBarText: '#c0c0c0',
titleBarTextInactive: '#959697',
menuGray: '#494949',
bodyGray: '#edeef0',
editorGray: '#2f2f2f',
sideBarWhite: '#f6f6f6',
highlightGray: '#e4e4e4',
commentGray: '#8c8c8c',
textGray: '#111111',
ubuntuWarmGray: '#aea79f',
guideGray: '#bfbfbf',
}
const colorSet: IColorSet = {
type: 'light',
base: {
background: colors.bodyGray,
foreground: colors.textGray,
color1: colors.ubuntuOrange,
color2: colors.red,
color3: colors.green,
color4: colors.cyan
},
syntax: {
comment: colors.commentGray,
keyword: colors.midAubergine,
markdownQuote: colors.commentGray,
},
terminal: {
black: '#000000',
red: '#aa0000',
green: '#00aa00',
yellow: '#aa5500',
blue: '#0000aa',
magenta: '#aa00aa',
cyan: '#00aaaa',
white: '#aaaaaa',
brightBlack: '#555555',
brightRed: '#ff5555',
brightGreen: '#55ff55',
brightYellow: '#ffff55',
brightBlue: '#5555ff',
brightMagenta: '#ff55ff',
brightCyan: '#55ffff',
brightWhite: '#ffffff',
},
ui: {
invisibles: colors.guideGray,
guide: colors.guideGray,
selection: colors.midAubergine,
},
overrides: {
'activityBar.background': colors.highlightGray,
'activityBar.foreground': colors.textGray,
'debugToolBar.background': colors.white,
'dropdown.background': colors.white,
'editor.background': colors.white,
'editorGroupHeader.tabsBackground': colors.bodyGray,
'editorHoverWidget.background': colors.sideBarWhite,
'editorLineNumber.foreground': colors.ubuntuWarmGray,
'editorMarkerNavigation.background': colors.sideBarWhite,
'editorSuggestWidget.background': colors.sideBarWhite,
'editorWidget.background': colors.sideBarWhite,
'input.background': colors.white,
'list.activeSelectionBackground': colors.ubuntuOrange,
'list.hoverBackground': colors.highlightGray,
'list.inactiveSelectionBackground': colors.highlightGray,
'menu.background': colors.white,
'menu.selectionBackground': colors.highlightGray,
'menu.selectionForeground': colors.textGray,
'menubar.selectionBackground': colors.white,
'menubar.selectionForeground': colors.textGray,
'panel.background': colors.bodyGray,
'peekViewEditor.background': colors.white,
'peekViewResult.background': colors.sideBarWhite,
'peekViewTitle.background': colors.sideBarWhite,
'sideBar.background': colors.sideBarWhite,
'sideBarSectionHeader.background': colors.highlightGray,
'statusBar.background': colors.white,
'statusBar.debuggingForeground': colors.white,
'statusBar.foreground': colors.textGray,
'tab.inactiveBackground': colors.bodyGray,
'tab.unfocusedInactiveBackground': colors.bodyGray,
'terminal.background': colors.darkAubergine,
'terminal.foreground': colors.white,
'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));
|
