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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
|
{
"$schema": "vscode://schemas/color-theme",
"name": "Dynamic Base16 DankShell Dark",
"semanticHighlighting": true,
"colors": {
//
// Core foreground + background hierarchy
//
"foreground": "{{colors.on_surface.dark.hex}}",
"editor.background": "{{colors.background.dark.hex}}",
"editor.foreground": "{{colors.on_surface.dark.hex}}",
"errorForeground": "{{colors.error.dark.hex}}",
//
// Borders + dividers
//
"panel.border": "{{colors.outline_variant.dark.hex}}",
"panelTitle.activeBorder": "{{colors.primary.dark.hex}}",
"sideBar.border": "{{colors.outline_variant.dark.hex}}",
"editorGroup.border": "{{colors.outline_variant.dark.hex}}",
"tab.border": "{{colors.outline_variant.dark.hex}}",
"titleBar.border": "{{colors.outline_variant.dark.hex}}",
//
// Focus + active indicators
//
"focusBorder": "{{colors.primary.dark.hex}}",
"selection.background": "{{colors.primary_container.dark.hex}}99",
//
// Title bar, activity bar, sidebar
//
"titleBar.activeBackground": "{{colors.background.dark.hex}}",
"titleBar.activeForeground": "{{colors.on_surface.dark.hex}}",
"titleBar.inactiveForeground": "{{colors.outline.dark.hex}}",
"activityBar.background": "{{colors.background.dark.hex}}",
"activityBar.foreground": "{{colors.on_surface.dark.hex}}",
"activityBar.inactiveForeground": "{{colors.outline.dark.hex}}",
"activityBar.activeBorder": "{{colors.primary.dark.hex}}",
"activityBarBadge.background": "{{colors.primary.dark.hex}}",
"activityBarBadge.foreground": "{{colors.on_primary.dark.hex}}",
"sideBar.background": "{{colors.surface_container_low.dark.hex}}",
"sideBar.foreground": "{{colors.on_surface.dark.hex}}",
"statusBarItem.hoverBackground": "{{colors.surface_container_low.dark.hex}}",
"statusBarItem.activeBackground": "{{colors.surface_container.dark.hex}}",
"sideBarTitle.foreground": "{{colors.on_surface.dark.hex}}",
"panel.background": "{{colors.surface_container_low.dark.hex}}",
"panelTitle.activeForeground": "{{colors.on_surface.dark.hex}}",
"panelTitle.inactiveForeground": "{{colors.outline.dark.hex}}",
"sideBarSectionHeader.background": "{{colors.surface_container.dark.hex}}",
"sideBarSectionHeader.foreground": "{{colors.on_surface.dark.hex}}",
//
// Tabs + editor groups
//
"editorGroupHeader.tabsBackground": "{{colors.background.dark.hex}}",
"tab.activeBackground": "{{colors.surface_container_low.dark.hex}}",
"tab.inactiveBackground": "{{colors.background.dark.hex}}",
"tab.activeForeground": "{{colors.on_surface.dark.hex}}",
"tab.inactiveForeground": "{{colors.outline.dark.hex}}",
"tab.activeBorderTop": "{{colors.primary.dark.hex}}",
//
// Lists (files, search results, etc.)
//
"list.activeSelectionBackground": "{{colors.primary.dark.hex}}",
"list.activeSelectionForeground": "{{colors.on_primary.dark.hex}}",
"list.inactiveSelectionBackground": "{{colors.surface_container.dark.hex}}",
"list.hoverBackground": "{{colors.surface_container.dark.hex}}",
"list.hoverForeground": "{{colors.on_surface.dark.hex}}",
"list.focusForeground": "{{colors.on_surface.dark.hex}}",
"list.focusOutline": "{{colors.primary.dark.hex}}",
"list.focusBackground": "{{colors.surface_container_high.dark.hex}}",
"list.highlightForeground": "{{colors.primary.dark.hex}}",
"list.focusHighlightForeground": "{{colors.on_primary.dark.hex}}",
"list.errorForeground": "{{colors.error.dark.hex}}",
"list.warningForeground": "{{colors.secondary.dark.hex}}",
//
// Inputs + dropdowns
//
"input.background": "{{colors.surface_container_low.dark.hex}}",
"input.foreground": "{{colors.on_surface.dark.hex}}",
"input.border": "{{colors.outline_variant.dark.hex}}",
"input.placeholderForeground": "{{colors.outline.dark.hex}}",
"dropdown.background": "{{colors.surface_container_low.dark.hex}}",
"dropdown.foreground": "{{colors.on_surface.dark.hex}}",
"dropdown.border": "{{colors.outline_variant.dark.hex}}",
"quickInput.background": "{{colors.surface_container_low.dark.hex}}",
"quickInput.foreground": "{{colors.on_surface.dark.hex}}",
"widget.shadow": "{{colors.background.dark.hex}}80",
//
// Buttons
//
"button.background": "{{colors.primary.dark.hex}}",
"button.foreground": "{{colors.on_primary.dark.hex}}",
"button.hoverBackground": "{{colors.primary_container.dark.hex}}",
//
// Status bar
//
"statusBar.background": "{{colors.background.dark.hex}}",
"statusBar.foreground": "{{colors.on_surface.dark.hex}}",
"statusBar.border": "{{colors.outline_variant.dark.hex}}",
"statusBar.noFolderBackground": "{{colors.background.dark.hex}}",
"statusBar.noFolderForeground": "{{colors.on_surface.dark.hex}}",
"statusBar.debuggingBackground": "{{colors.error.dark.hex}}",
"statusBar.debuggingForeground": "{{colors.on_error.dark.hex}}",
//
// Notifications
//
"notificationCenterHeader.background": "{{colors.surface_container_low.dark.hex}}",
"notificationCenterHeader.foreground": "{{colors.on_surface.dark.hex}}",
"notificationCenter.border": "{{colors.outline_variant.dark.hex}}",
"notifications.background": "{{colors.surface_container_low.dark.hex}}",
"notifications.foreground": "{{colors.on_surface.dark.hex}}",
"notifications.border": "{{colors.outline_variant.dark.hex}}",
"notificationsErrorIcon.foreground": "{{colors.error.dark.hex}}",
"notificationsWarningIcon.foreground": "{{colors.secondary.dark.hex}}",
"notificationsInfoIcon.foreground": "{{colors.primary.dark.hex}}",
//
// Breadcrumbs
//
"breadcrumb.background": "{{colors.surface_container.dark.hex}}",
"breadcrumb.foreground": "{{colors.outline.dark.hex}}",
"breadcrumb.focusForeground": "{{colors.on_surface.dark.hex}}",
"breadcrumb.activeSelectionForeground": "{{colors.primary.dark.hex}}",
//
// Editor highlights + guides
//
"editorLineNumber.foreground": "{{colors.outline.dark.hex}}",
"editorLineNumber.activeForeground": "{{colors.primary.dark.hex}}",
"editorCursor.foreground": "{{colors.primary.dark.hex}}",
"editor.lineHighlightBackground": "{{colors.surface_container.dark.hex}}66",
"editor.wordHighlightBackground": "{{colors.secondary.dark.hex}}22",
"editor.wordHighlightStrongBackground": "{{colors.tertiary.dark.hex}}22",
"editor.selectionBackground": "{{colors.primary_container.dark.hex}}99",
"editor.inactiveSelectionBackground": "{{colors.primary_container.dark.hex}}33",
"editorWhitespace.foreground": "{{colors.outline.dark.hex}}66",
"editorIndentGuide.background1": "{{colors.outline.dark.hex}}33",
"editorIndentGuide.activeBackground1": "{{colors.primary.dark.hex}}99",
"editorOverviewRuler.border": "{{colors.outline_variant.dark.hex}}",
"editorOverviewRuler.errorForeground": "{{colors.error.dark.hex}}88",
"editorOverviewRuler.warningForeground": "{{colors.tertiary.dark.hex}}88",
"editorOverviewRuler.infoForeground": "{{colors.primary.dark.hex}}88",
"editorStickyScroll.background": "{{colors.background.dark.hex}}",
"editorStickyScrollHover.background": "{{colors.surface_container_low.dark.hex}}",
"editorBracketHighlight.unexpectedBracket.foreground": "{{colors.outline.dark.hex}}",
//
// Diff editor
//
"diffEditor.insertedTextBackground": "{{colors.secondary.dark.hex}}20",
"diffEditor.removedTextBackground": "{{colors.error.dark.hex}}20",
//
// Git
//
"gitDecoration.modifiedResourceForeground": "{{colors.primary.dark.hex}}",
"gitDecoration.addedResourceForeground": "{{colors.secondary.dark.hex}}",
"gitDecoration.deletedResourceForeground": "{{colors.error.dark.hex}}",
"gitDecoration.ignoredResourceForeground": "{{colors.outline.dark.hex}}",
//
// Peek, Hover, Widgets
//
"editorHoverWidget.background": "{{colors.surface_container_high.dark.hex}}",
"editorHoverWidget.border": "{{colors.outline.dark.hex}}",
"editorSuggestWidget.background": "{{colors.surface_container.dark.hex}}",
"editorSuggestWidget.foreground": "{{colors.on_surface.dark.hex}}",
"editorSuggestWidget.selectedBackground": "{{colors.surface_container_high.dark.hex}}",
"editorSuggestWidget.highlightForeground": "{{colors.primary.dark.hex}}",
//
// Scrollbar
//
"scrollbarSlider.background": "{{colors.on_surface_variant.dark.hex}}50",
"scrollbarSlider.hoverBackground": "{{colors.on_surface_variant.dark.hex}}80",
"scrollbarSlider.activeBackground": "{{colors.on_surface_variant.dark.hex}}AA",
//
// Terminal (Dank16)
//
"terminal.background": "{{colors.background.dark.hex}}",
"terminal.foreground": "{{colors.on_surface.dark.hex}}",
"terminal.ansiBlack": "{{dank16.color0.dark.hex}}",
"terminal.ansiRed": "{{dank16.color1.dark.hex}}",
"terminal.ansiGreen": "{{dank16.color2.dark.hex}}",
"terminal.ansiYellow": "{{dank16.color3.dark.hex}}",
"terminal.ansiBlue": "{{dank16.color4.dark.hex}}",
"terminal.ansiMagenta": "{{dank16.color5.dark.hex}}",
"terminal.ansiCyan": "{{dank16.color6.dark.hex}}",
"terminal.ansiWhite": "{{dank16.color7.dark.hex}}",
"terminal.ansiBrightBlack": "{{dank16.color8.dark.hex}}",
"terminal.ansiBrightRed": "{{dank16.color9.dark.hex}}",
"terminal.ansiBrightGreen": "{{dank16.color10.dark.hex}}",
"terminal.ansiBrightYellow": "{{dank16.color11.dark.hex}}",
"terminal.ansiBrightBlue": "{{dank16.color12.dark.hex}}",
"terminal.ansiBrightMagenta": "{{dank16.color13.dark.hex}}",
"terminal.ansiBrightCyan": "{{dank16.color14.dark.hex}}",
"terminal.ansiBrightWhite": "{{dank16.color15.dark.hex}}",
"terminal.selectionBackground": "{{colors.primary_container.dark.hex}}99"
},
//
// Token colors
//
"tokenColors": [
{
"scope": ["comment"],
"settings": {
"foreground": "{{dank16.color8.dark.hex}}"
}
},
{
"scope": ["keyword"],
"settings": {
"foreground": "{{dank16.color6.dark.hex}}"
}
},
{
"scope": ["string"],
"settings": {
"foreground": "{{dank16.color3.dark.hex}}"
}
},
{
"scope": ["constant", "constant.language", "constant.numeric"],
"settings": {
"foreground": "{{dank16.color12.dark.hex}}"
}
},
{
"scope": ["variable"],
"settings": {
"foreground": "{{dank16.color15.dark.hex}}"
}
},
{
"scope": ["entity.name.function"],
"settings": {
"foreground": "{{dank16.color2.dark.hex}}"
}
},
{
"scope": ["entity.name.class", "support.type"],
"settings": {
"foreground": "{{dank16.color12.dark.hex}}"
}
},
{
"scope": ["invalid"],
"settings": {
"foreground": "{{colors.error.dark.hex}}"
}
},
{
"scope": ["markup.heading"],
"settings": {
"foreground": "{{colors.primary.dark.hex}}",
"fontStyle": "bold"
}
},
{
"scope": ["entity.name.tag.yaml", "punctuation.definition.block.sequence.item.yaml"],
"settings": {
"foreground": "{{colors.on_surface.dark.hex}}"
}
},
{
"scope": ["source.yaml string.unquoted", "source.yaml string.quoted"],
"settings": {
"foreground": "{{dank16.color3.dark.hex}}"
}
},
{
"scope": ["constant.language.boolean.yaml", "constant.language.null.yaml"],
"settings": {
"foreground": "{{dank16.color12.dark.hex}}"
}
},
{
"scope": ["punctuation.separator.key-value.mapping.yaml"],
"settings": {
"foreground": "{{colors.on_surface.dark.hex}}"
}
},
{
"scope": ["entity.name.tag.toml", "support.type.property-name.toml"],
"settings": {
"foreground": "{{colors.on_surface.dark.hex}}"
}
},
{
"scope": ["string.quoted.single.basic.line.toml", "string.quoted.double.basic.line.toml"],
"settings": {
"foreground": "{{dank16.color3.dark.hex}}"
}
},
{
"scope": ["constant.language.boolean.toml", "constant.numeric.toml"],
"settings": {
"foreground": "{{dank16.color12.dark.hex}}"
}
},
{
"scope": ["meta.object-literal.key", "support.type.property-name.json"],
"settings": {
"foreground": "{{colors.on_surface.dark.hex}}"
}
}
],
//
// Semantic tokens
//
"semanticTokenColors": {
"variable": {
"foreground": "{{dank16.color15.dark.hex}}"
},
"parameter": {
"foreground": "{{dank16.color7.dark.hex}}"
},
"property": {
"foreground": "{{dank16.color4.dark.hex}}"
},
"function": {
"foreground": "{{dank16.color2.dark.hex}}"
},
"string": {
"foreground": "{{dank16.color3.dark.hex}}"
},
"number": {
"foreground": "{{dank16.color12.dark.hex}}"
},
"keyword": {
"foreground": "{{dank16.color6.dark.hex}}"
},
"comment": {
"foreground": "{{dank16.color8.dark.hex}}"
}
}
}
|