25
}
26
}
28
>
// < --- Tabs --- >
29
>
30
>
//#region Tab Background
31
>
32
>
export const TAB_ACTIVE_BACKGROUND = registerColor('tab.activeBackground', editorBackground, localize('tabActiveBackground', "Active tab background color in an active group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
33
>
34
>
export const TAB_UNFOCUSED_ACTIVE_BACKGROUND = registerColor('tab.unfocusedActiveBackground', TAB_ACTIVE_BACKGROUND, localize('tabUnfocusedActiveBackground', "Active tab background color in an unfocused group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
35
>
36
>
export const TAB_INACTIVE_BACKGROUND = registerColor('tab.inactiveBackground', {
37
>
dark: '#2D2D2D',
38
>
light: '#ECECEC',
39
>
hcDark: null,
40
>
hcLight: null,
41
>
}, localize('tabInactiveBackground', "Inactive tab background color in an active group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
42
>
43
>
export const TAB_UNFOCUSED_INACTIVE_BACKGROUND = registerColor('tab.unfocusedInactiveBackground', TAB_INACTIVE_BACKGROUND, localize('tabUnfocusedInactiveBackground', "Inactive tab background color in an unfocused group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
44
>
45
>
//#endregion
46
>
47
>
//#region Tab Foreground
48
>
49
>
export const TAB_ACTIVE_FOREGROUND = registerColor('tab.activeForeground', {
50
>
dark: Color.white,
51
>
light: '#333333',
52
>
hcDark: Color.white,
53
>
hcLight: '#292929'
54
>
}, localize('tabActiveForeground', "Active tab foreground color in an active group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
55
>
56
>
export const TAB_INACTIVE_FOREGROUND = registerColor('tab.inactiveForeground', {
57
>
dark: transparent(TAB_ACTIVE_FOREGROUND, 0.5),
58
>
light: transparent(TAB_ACTIVE_FOREGROUND, 0.7),
59
>
hcDark: Color.white,
60
>
hcLight: '#292929'
61
>
}, localize('tabInactiveForeground', "Inactive tab foreground color in an active group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
62
>
63
>
export const TAB_UNFOCUSED_ACTIVE_FOREGROUND = registerColor('tab.unfocusedActiveForeground', {
64
>
dark: transparent(TAB_ACTIVE_FOREGROUND, 0.5),
65
>
light: transparent(TAB_ACTIVE_FOREGROUND, 0.7),
66
>
hcDark: Color.white,
67
>
hcLight: '#292929'
68
>
}, localize('tabUnfocusedActiveForeground', "Active tab foreground color in an unfocused group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
69
>
70
>
export const TAB_UNFOCUSED_INACTIVE_FOREGROUND = registerColor('tab.unfocusedInactiveForeground', {
71
>
dark: transparent(TAB_INACTIVE_FOREGROUND, 0.5),
72
>
light: transparent(TAB_INACTIVE_FOREGROUND, 0.5),
73
>
hcDark: Color.white,
74
>
hcLight: '#292929'
75
>
}, localize('tabUnfocusedInactiveForeground', "Inactive tab foreground color in an unfocused group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
76
>
77
>
//#endregion
78
>
79
>
//#region Tab Hover Foreground/Background
80
>
81
>
export const TAB_HOVER_BACKGROUND = registerColor('tab.hoverBackground', null, localize('tabHoverBackground', "Tab background color when hovering. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
82
>
83
>
export const TAB_UNFOCUSED_HOVER_BACKGROUND = registerColor('tab.unfocusedHoverBackground', {
84
>
dark: transparent(TAB_HOVER_BACKGROUND, 0.5),
85
>
light: transparent(TAB_HOVER_BACKGROUND, 0.7),
86
>
hcDark: null,
87
>
hcLight: null
88
>
}, localize('tabUnfocusedHoverBackground', "Tab background color in an unfocused group when hovering. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
89
>
90
>
export const TAB_HOVER_FOREGROUND = registerColor('tab.hoverForeground', null, localize('tabHoverForeground', "Tab foreground color when hovering. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
91
>
92
>
export const TAB_UNFOCUSED_HOVER_FOREGROUND = registerColor('tab.unfocusedHoverForeground', {
93
>
dark: transparent(TAB_HOVER_FOREGROUND, 0.5),
94
>
light: transparent(TAB_HOVER_FOREGROUND, 0.5),
95
>
hcDark: null,
96
>
hcLight: null
97
>
}, localize('tabUnfocusedHoverForeground', "Tab foreground color in an unfocused group when hovering. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
98
>
99
>
//#endregion
100
>
101
>
//#region Tab Borders
102
>
103
>
export const TAB_BORDER = registerColor('tab.border', {
104
>
dark: '#252526',
105
>
light: '#F3F3F3',
106
>
hcDark: contrastBorder,
107
>
hcLight: contrastBorder,
108
>
}, localize('tabBorder', "Border to separate tabs from each other. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
109
>
110
>
export const TAB_LAST_PINNED_BORDER = registerColor('tab.lastPinnedBorder', {
111
>
dark: treeIndentGuidesStroke,
112
>
light: treeIndentGuidesStroke,
113
>
hcDark: contrastBorder,
114
>
hcLight: contrastBorder
115
>
}, localize('lastPinnedTabBorder', "Border to separate pinned tabs from other tabs. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
116
>
117
>
export const TAB_ACTIVE_BORDER = registerColor('tab.activeBorder', null, localize('tabActiveBorder', "Border on the bottom of an active tab. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
118
>
119
>
export const TAB_UNFOCUSED_ACTIVE_BORDER = registerColor('tab.unfocusedActiveBorder', {
120
>
dark: transparent(TAB_ACTIVE_BORDER, 0.5),
121
>
light: transparent(TAB_ACTIVE_BORDER, 0.7),
122
>
hcDark: null,
123
>
hcLight: null
124
>
}, localize('tabActiveUnfocusedBorder', "Border on the bottom of an active tab in an unfocused group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
125
>
126
>
export const TAB_ACTIVE_BORDER_TOP = registerColor('tab.activeBorderTop', {
127
>
dark: null,
128
>
light: null,
129
>
hcDark: null,
130
>
hcLight: '#B5200D'
131
>
}, localize('tabActiveBorderTop', "Border to the top of an active tab. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
132
>
133
>
export const TAB_UNFOCUSED_ACTIVE_BORDER_TOP = registerColor('tab.unfocusedActiveBorderTop', {
134
>
dark: transparent(TAB_ACTIVE_BORDER_TOP, 0.5),
135
>
light: transparent(TAB_ACTIVE_BORDER_TOP, 0.7),
136
>
hcDark: null,
137
>
hcLight: '#B5200D'
138
>
}, localize('tabActiveUnfocusedBorderTop', "Border to the top of an active tab in an unfocused group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
139
>
140
>
export const TAB_SELECTED_BORDER_TOP = registerColor('tab.selectedBorderTop', {
141
>
dark: focusBorder,
142
>
light: focusBorder,
143
>
hcDark: activeContrastBorder,
144
>
hcLight: activeContrastBorder
145
>
}, localize('tabSelectedBorderTop', "Border to the top of a selected tab. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
146
>
147
>
export const TAB_SELECTED_BACKGROUND = registerColor('tab.selectedBackground', listInactiveSelectionBackground, localize('tabSelectedBackground', "Background of a selected tab. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
148
>
149
>
export const TAB_SELECTED_FOREGROUND = registerColor('tab.selectedForeground', TAB_ACTIVE_FOREGROUND, localize('tabSelectedForeground', "Foreground of a selected tab. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
150
>
151
>
152
>
export const TAB_HOVER_BORDER = registerColor('tab.hoverBorder', null, localize('tabHoverBorder', "Border to highlight tabs when hovering. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
153
>
154
>
export const TAB_UNFOCUSED_HOVER_BORDER = registerColor('tab.unfocusedHoverBorder', {
155
>
dark: transparent(TAB_HOVER_BORDER, 0.5),
156
>
light: transparent(TAB_HOVER_BORDER, 0.7),
157
>
hcDark: null,
158
>
hcLight: contrastBorder
159
>
}, localize('tabUnfocusedHoverBorder', "Border to highlight tabs in an unfocused group when hovering. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
160
>
161
>
//#endregion
162
>
163
>
//#region Tab Drag and Drop Border
164
>
165
>
export const TAB_DRAG_AND_DROP_BORDER = registerColor('tab.dragAndDropBorder', {
166
>
dark: TAB_ACTIVE_FOREGROUND,
167
>
light: TAB_ACTIVE_FOREGROUND,
168
>
hcDark: activeContrastBorder,
169
>
hcLight: activeContrastBorder
170
>
}, localize('tabDragAndDropBorder', "Border between tabs to indicate that a tab can be inserted between two tabs. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
171
>
172
>
//#endregion
173
>
174
>
//#region Tab Modified Border
175
>
176
>
export const TAB_ACTIVE_MODIFIED_BORDER = registerColor('tab.activeModifiedBorder', {
177
>
dark: '#3399CC',
178
>
light: '#33AAEE',
179
>
hcDark: null,
180
>
hcLight: contrastBorder
181
>
}, localize('tabActiveModifiedBorder', "Border on the top of modified active tabs in an active group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
182
>
183
>
export const TAB_INACTIVE_MODIFIED_BORDER = registerColor('tab.inactiveModifiedBorder', {
184
>
dark: transparent(TAB_ACTIVE_MODIFIED_BORDER, 0.5),
185
>
light: transparent(TAB_ACTIVE_MODIFIED_BORDER, 0.5),
186
>
hcDark: Color.white,
187
>
hcLight: contrastBorder
188
>
}, localize('tabInactiveModifiedBorder', "Border on the top of modified inactive tabs in an active group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
189
>
190
>
export const TAB_UNFOCUSED_ACTIVE_MODIFIED_BORDER = registerColor('tab.unfocusedActiveModifiedBorder', {
191
>
dark: transparent(TAB_ACTIVE_MODIFIED_BORDER, 0.5),
192
>
light: transparent(TAB_ACTIVE_MODIFIED_BORDER, 0.7),
193
>
hcDark: Color.white,
194
>
hcLight: contrastBorder
195
>
}, localize('unfocusedActiveModifiedBorder', "Border on the top of modified active tabs in an unfocused group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
196
>
197
>
export const TAB_UNFOCUSED_INACTIVE_MODIFIED_BORDER = registerColor('tab.unfocusedInactiveModifiedBorder', {
198
>
dark: transparent(TAB_INACTIVE_MODIFIED_BORDER, 0.5),
199
>
light: transparent(TAB_INACTIVE_MODIFIED_BORDER, 0.5),
200
>
hcDark: Color.white,
201
>
hcLight: contrastBorder
202
>
}, localize('unfocusedINactiveModifiedBorder', "Border on the top of modified inactive tabs in an unfocused group. Tabs are the containers for editors in the editor area. Multiple tabs can be opened in one editor group. There can be multiple editor groups."));
203
>
204
>
//#endregion
205
>
206
>
// < --- Editors --- >
207
>
208
>
export const EDITOR_PANE_BACKGROUND = registerColor('editorPane.background', editorBackground, localize('editorPaneBackground', "Background color of the editor pane visible on the left and right side of the centered editor layout."));
209
>
210
>
export const EDITOR_GROUP_EMPTY_BACKGROUND = registerColor('editorGroup.emptyBackground', null, localize('editorGroupEmptyBackground', "Background color of an empty editor group. Editor groups are the containers of editors."));
211
>
212
>
export const EDITOR_GROUP_FOCUSED_EMPTY_BORDER = registerColor('editorGroup.focusedEmptyBorder', {
213
>
dark: null,
214
>
light: null,
215
>
hcDark: focusBorder,
216
>
hcLight: focusBorder
217
>
}, localize('editorGroupFocusedEmptyBorder', "Border color of an empty editor group that is focused. Editor groups are the containers of editors."));
218
>
219
>
export const EDITOR_GROUP_HEADER_TABS_BACKGROUND = registerColor('editorGroupHeader.tabsBackground', {
220
>
dark: '#252526',
221
>
light: '#F3F3F3',
222
>
hcDark: null,
223
>
hcLight: null
224
>
}, localize('tabsContainerBackground', "Background color of the editor group title header when tabs are enabled. Editor groups are the containers of editors."));
225
>
226
>
export const EDITOR_GROUP_HEADER_TABS_BORDER = registerColor('editorGroupHeader.tabsBorder', null, localize('tabsContainerBorder', "Border color of the editor group title header when tabs are enabled. Editor groups are the containers of editors."));
227
>
228
>
export const EDITOR_GROUP_HEADER_NO_TABS_BACKGROUND = registerColor('editorGroupHeader.noTabsBackground', editorBackground, localize('editorGroupHeaderBackground', "Background color of the editor group title header when (`\"workbench.editor.showTabs\": \"single\"`). Editor groups are the containers of editors."));
229
>
230
>
export const EDITOR_GROUP_HEADER_BORDER = registerColor('editorGroupHeader.border', {
231
>
dark: null,
232
>
light: null,
233
>
hcDark: contrastBorder,
234
>
hcLight: contrastBorder
235
>
}, localize('editorTitleContainerBorder', "Border color of the editor group title header. Editor groups are the containers of editors."));
236
>
237
>
export const EDITOR_GROUP_BORDER = registerColor('editorGroup.border', {
238
>
dark: '#444444',
239
>
light: '#E7E7E7',
240
>
hcDark: contrastBorder,
241
>
hcLight: contrastBorder
242
>
}, localize('editorGroupBorder', "Color to separate multiple editor groups from each other. Editor groups are the containers of editors."));
243
>
244
>
export const EDITOR_DRAG_AND_DROP_BACKGROUND = registerColor('editorGroup.dropBackground', {
245
>
dark: Color.fromHex('#53595D').transparent(0.5),
246
>
light: Color.fromHex('#2677CB').transparent(0.18),
247
>
hcDark: null,
248
>
hcLight: Color.fromHex('#0F4A85').transparent(0.50)
249
>
}, localize('editorDragAndDropBackground', "Background color when dragging editors around. The color should have transparency so that the editor contents can still shine through."));
250
>
251
>
export const EDITOR_DROP_INTO_PROMPT_FOREGROUND = registerColor('editorGroup.dropIntoPromptForeground', editorWidgetForeground, localize('editorDropIntoPromptForeground', "Foreground color of text shown over editors when dragging files. This text informs the user that they can hold shift to drop into the editor."));
252
>
253
>
export const EDITOR_DROP_INTO_PROMPT_BACKGROUND = registerColor('editorGroup.dropIntoPromptBackground', editorWidgetBackground, localize('editorDropIntoPromptBackground', "Background color of text shown over editors when dragging files. This text informs the user that they can hold shift to drop into the editor."));
254
>
255
>
export const EDITOR_DROP_INTO_PROMPT_BORDER = registerColor('editorGroup.dropIntoPromptBorder', {
256
>
dark: null,
257
>
light: null,
258
>
hcDark: contrastBorder,
259
>
hcLight: contrastBorder
260
>
}, localize('editorDropIntoPromptBorder', "Border color of text shown over editors when dragging files. This text informs the user that they can hold shift to drop into the editor."));
261
>
262
>
export const SIDE_BY_SIDE_EDITOR_HORIZONTAL_BORDER = registerColor('sideBySideEditor.horizontalBorder', EDITOR_GROUP_BORDER, localize('sideBySideEditor.horizontalBorder', "Color to separate two editors from each other when shown side by side in an editor group from top to bottom."));
263
>
264
>
export const SIDE_BY_SIDE_EDITOR_VERTICAL_BORDER = registerColor('sideBySideEditor.verticalBorder', EDITOR_GROUP_BORDER, localize('sideBySideEditor.verticalBorder', "Color to separate two editors from each other when shown side by side in an editor group from left to right."));
265
>
266
>
267
>
// < --- Output Editor -->
268
>
269
>
const OUTPUT_VIEW_BACKGROUND = registerColor('outputView.background', null, localize('outputViewBackground', "Output view background color."));
270
>
271
>
272
>
registerColor('outputViewStickyScroll.background', OUTPUT_VIEW_BACKGROUND, localize('outputViewStickyScrollBackground', "Output view sticky scroll background color."));
273
>
274
>
275
>
// < --- Banner --- >
276
>
277
>
export const BANNER_BACKGROUND = registerColor('banner.background', {
278
>
dark: listActiveSelectionBackground,
279
>
light: darken(listActiveSelectionBackground, 0.3),
280
>
hcDark: listActiveSelectionBackground,
281
>
hcLight: listActiveSelectionBackground
282
>
}, localize('banner.background', "Banner background color. The banner is shown under the title bar of the window."));
283
>
284
>
export const BANNER_FOREGROUND = registerColor('banner.foreground', listActiveSelectionForeground, localize('banner.foreground', "Banner foreground color. The banner is shown under the title bar of the window."));
285
>
286
>
export const BANNER_ICON_FOREGROUND = registerColor('banner.iconForeground', editorInfoForeground, localize('banner.iconForeground', "Banner icon color. The banner is shown under the title bar of the window."));
287
>
288
>
// < --- Status --- >
289
>
290
>
export const STATUS_BAR_FOREGROUND = registerColor('statusBar.foreground', {
291
>
dark: '#FFFFFF',
292
>
light: '#FFFFFF',
293
>
hcDark: '#FFFFFF',
294
>
hcLight: editorForeground
295
>
}, localize('statusBarForeground', "Status bar foreground color when a workspace or folder is opened. The status bar is shown in the bottom of the window."));
296
>
297
>
export const STATUS_BAR_NO_FOLDER_FOREGROUND = registerColor('statusBar.noFolderForeground', STATUS_BAR_FOREGROUND, localize('statusBarNoFolderForeground', "Status bar foreground color when no folder is opened. The status bar is shown in the bottom of the window."));
298
>
299
>
export const STATUS_BAR_BACKGROUND = registerColor('statusBar.background', {
300
>
dark: '#007ACC',
301
>
light: '#007ACC',
302
>
hcDark: null,
303
>
hcLight: null,
304
>
}, localize('statusBarBackground', "Status bar background color when a workspace or folder is opened. The status bar is shown in the bottom of the window."));
305
>
306
>
export const STATUS_BAR_NO_FOLDER_BACKGROUND = registerColor('statusBar.noFolderBackground', {
307
>
dark: '#68217A',
308
>
light: '#68217A',
309
>
hcDark: null,
310
>
hcLight: null,
311
>
}, localize('statusBarNoFolderBackground', "Status bar background color when no folder is opened. The status bar is shown in the bottom of the window."));
312
>
313
>
export const STATUS_BAR_BORDER = registerColor('statusBar.border', {
314
>
dark: null,
315
>
light: null,
316
>
hcDark: contrastBorder,
317
>
hcLight: contrastBorder
318
>
}, localize('statusBarBorder', "Status bar border color separating to the sidebar and editor. The status bar is shown in the bottom of the window."));
319
>
320
>
export const STATUS_BAR_FOCUS_BORDER = registerColor('statusBar.focusBorder', {
321
>
dark: STATUS_BAR_FOREGROUND,
322
>
light: STATUS_BAR_FOREGROUND,
323
>
hcDark: null,
324
>
hcLight: STATUS_BAR_FOREGROUND
325
>
}, localize('statusBarFocusBorder', "Status bar border color when focused on keyboard navigation. The status bar is shown in the bottom of the window."));
326
>
327
>
export const STATUS_BAR_NO_FOLDER_BORDER = registerColor('statusBar.noFolderBorder', STATUS_BAR_BORDER, localize('statusBarNoFolderBorder', "Status bar border color separating to the sidebar and editor when no folder is opened. The status bar is shown in the bottom of the window."));
328
>
329
>
export const STATUS_BAR_ITEM_ACTIVE_BACKGROUND = registerColor('statusBarItem.activeBackground', {
330
>
dark: Color.white.transparent(0.18),
331
>
light: Color.white.transparent(0.18),
332
>
hcDark: Color.white.transparent(0.18),
333
>
hcLight: Color.black.transparent(0.18)
334
>
}, localize('statusBarItemActiveBackground', "Status bar item background color when clicking. The status bar is shown in the bottom of the window."));
335
>
336
>
export const STATUS_BAR_ITEM_FOCUS_BORDER = registerColor('statusBarItem.focusBorder', {
337
>
dark: STATUS_BAR_FOREGROUND,
338
>
light: STATUS_BAR_FOREGROUND,
339
>
hcDark: null,
340
>
hcLight: activeContrastBorder
341
>
}, localize('statusBarItemFocusBorder', "Status bar item border color when focused on keyboard navigation. The status bar is shown in the bottom of the window."));
342
>
343
>
export const STATUS_BAR_ITEM_HOVER_BACKGROUND = registerColor('statusBarItem.hoverBackground', {
344
>
dark: Color.white.transparent(0.12),
345
>
light: Color.black.transparent(0.12),
346
>
hcDark: Color.black,
347
>
hcLight: Color.white
348
>
}, localize('statusBarItemHoverBackground', "Status bar item background color when hovering. The status bar is shown in the bottom of the window."));
349
>
350
>
export const STATUS_BAR_ITEM_HOVER_FOREGROUND = registerColor('statusBarItem.hoverForeground', STATUS_BAR_FOREGROUND, localize('statusBarItemHoverForeground', "Status bar item foreground color when hovering. The status bar is shown in the bottom of the window."));
351
>
352
>
export const STATUS_BAR_ITEM_COMPACT_HOVER_BACKGROUND = registerColor('statusBarItem.compactHoverBackground', {
353
>
dark: Color.white.transparent(0.12),
354
>
light: Color.black.transparent(0.12),
355
>
hcDark: Color.black,
356
>
hcLight: Color.white
357
>
}, localize('statusBarItemCompactHoverBackground', "Status bar item background color when hovering an item that contains two hovers. The status bar is shown in the bottom of the window."));
358
>
359
>
export const STATUS_BAR_PROMINENT_ITEM_FOREGROUND = registerColor('statusBarItem.prominentForeground', STATUS_BAR_FOREGROUND, localize('statusBarProminentItemForeground', "Status bar prominent items foreground color. Prominent items stand out from other status bar entries to indicate importance. The status bar is shown in the bottom of the window."));
360
>
361
>
export const STATUS_BAR_PROMINENT_ITEM_BACKGROUND = registerColor('statusBarItem.prominentBackground', Color.black.transparent(0.5), localize('statusBarProminentItemBackground', "Status bar prominent items background color. Prominent items stand out from other status bar entries to indicate importance. The status bar is shown in the bottom of the window."));
362
>
363
>
export const STATUS_BAR_PROMINENT_ITEM_HOVER_FOREGROUND = registerColor('statusBarItem.prominentHoverForeground', STATUS_BAR_ITEM_HOVER_FOREGROUND, localize('statusBarProminentItemHoverForeground', "Status bar prominent items foreground color when hovering. Prominent items stand out from other status bar entries to indicate importance. The status bar is shown in the bottom of the window."));
364
>
365
>
export const STATUS_BAR_PROMINENT_ITEM_HOVER_BACKGROUND = registerColor('statusBarItem.prominentHoverBackground', STATUS_BAR_ITEM_HOVER_BACKGROUND, localize('statusBarProminentItemHoverBackground', "Status bar prominent items background color when hovering. Prominent items stand out from other status bar entries to indicate importance. The status bar is shown in the bottom of the window."));
366
>
367
>
export const STATUS_BAR_ERROR_ITEM_BACKGROUND = registerColor('statusBarItem.errorBackground', {
368
>
dark: darken(errorForeground, .4),
369
>
light: darken(errorForeground, .4),
370
>
hcDark: null,
371
>
hcLight: '#B5200D'
372
>
}, localize('statusBarErrorItemBackground', "Status bar error items background color. Error items stand out from other status bar entries to indicate error conditions. The status bar is shown in the bottom of the window."));
373
>
374
>
export const STATUS_BAR_ERROR_ITEM_FOREGROUND = registerColor('statusBarItem.errorForeground', Color.white, localize('statusBarErrorItemForeground', "Status bar error items foreground color. Error items stand out from other status bar entries to indicate error conditions. The status bar is shown in the bottom of the window."));
375
>
376
>
export const STATUS_BAR_ERROR_ITEM_HOVER_FOREGROUND = registerColor('statusBarItem.errorHoverForeground', STATUS_BAR_ITEM_HOVER_FOREGROUND, localize('statusBarErrorItemHoverForeground', "Status bar error items foreground color when hovering. Error items stand out from other status bar entries to indicate error conditions. The status bar is shown in the bottom of the window."));
377
>
378
>
export const STATUS_BAR_ERROR_ITEM_HOVER_BACKGROUND = registerColor('statusBarItem.errorHoverBackground', STATUS_BAR_ITEM_HOVER_BACKGROUND, localize('statusBarErrorItemHoverBackground', "Status bar error items background color when hovering. Error items stand out from other status bar entries to indicate error conditions. The status bar is shown in the bottom of the window."));
379
>
380
>
export const STATUS_BAR_WARNING_ITEM_BACKGROUND = registerColor('statusBarItem.warningBackground', {
381
>
dark: darken(editorWarningForeground, .4),
382
>
light: darken(editorWarningForeground, .4),
383
>
hcDark: null,
384
>
hcLight: '#895503'
385
>
}, localize('statusBarWarningItemBackground', "Status bar warning items background color. Warning items stand out from other status bar entries to indicate warning conditions. The status bar is shown in the bottom of the window."));
386
>
387
>
export const STATUS_BAR_WARNING_ITEM_FOREGROUND = registerColor('statusBarItem.warningForeground', Color.white, localize('statusBarWarningItemForeground', "Status bar warning items foreground color. Warning items stand out from other status bar entries to indicate warning conditions. The status bar is shown in the bottom of the window."));
388
>
389
>
export const STATUS_BAR_WARNING_ITEM_HOVER_FOREGROUND = registerColor('statusBarItem.warningHoverForeground', STATUS_BAR_ITEM_HOVER_FOREGROUND, localize('statusBarWarningItemHoverForeground', "Status bar warning items foreground color when hovering. Warning items stand out from other status bar entries to indicate warning conditions. The status bar is shown in the bottom of the window."));
390
>
391
>
export const STATUS_BAR_WARNING_ITEM_HOVER_BACKGROUND = registerColor('statusBarItem.warningHoverBackground', STATUS_BAR_ITEM_HOVER_BACKGROUND, localize('statusBarWarningItemHoverBackground', "Status bar warning items background color when hovering. Warning items stand out from other status bar entries to indicate warning conditions. The status bar is shown in the bottom of the window."));
392
>
393
>
394
>
// < --- Activity Bar --- >
395
>
396
>
export const ACTIVITY_BAR_BACKGROUND = registerColor('activityBar.background', {
397
>
dark: '#333333',
398
>
light: '#2C2C2C',
399
>
hcDark: '#000000',
400
>
hcLight: '#FFFFFF'
401
>
}, localize('activityBarBackground', "Activity bar background color. The activity bar is showing on the far left or right and allows to switch between views of the side bar."));
402
>
403
>
export const ACTIVITY_BAR_FOREGROUND = registerColor('activityBar.foreground', {
404
>
dark: Color.white,
405
>
light: Color.white,
406
>
hcDark: Color.white,
407
>
hcLight: editorForeground
408
>
}, localize('activityBarForeground', "Activity bar item foreground color when it is active. The activity bar is showing on the far left or right and allows to switch between views of the side bar."));
409
>
410
>
export const ACTIVITY_BAR_INACTIVE_FOREGROUND = registerColor('activityBar.inactiveForeground', {
411
>
dark: transparent(ACTIVITY_BAR_FOREGROUND, 0.4),
412
>
light: transparent(ACTIVITY_BAR_FOREGROUND, 0.4),
413
>
hcDark: Color.white,
414
>
hcLight: editorForeground
415
>
}, localize('activityBarInActiveForeground', "Activity bar item foreground color when it is inactive. The activity bar is showing on the far left or right and allows to switch between views of the side bar."));
416
>
417
>
export const ACTIVITY_BAR_BORDER = registerColor('activityBar.border', {
418
>
dark: null,
419
>
light: null,
420
>
hcDark: contrastBorder,
421
>
hcLight: contrastBorder
422
>
}, localize('activityBarBorder', "Activity bar border color separating to the side bar. The activity bar is showing on the far left or right and allows to switch between views of the side bar."));
423
>
424
>
export const ACTIVITY_BAR_ACTIVE_BORDER = registerColor('activityBar.activeBorder', {
425
>
dark: ACTIVITY_BAR_FOREGROUND,
426
>
light: ACTIVITY_BAR_FOREGROUND,
427
>
hcDark: contrastBorder,
428
>
hcLight: contrastBorder
429
>
}, localize('activityBarActiveBorder', "Activity bar border color for the active item. The activity bar is showing on the far left or right and allows to switch between views of the side bar."));
430
>
431
>
export const ACTIVITY_BAR_ACTIVE_FOCUS_BORDER = registerColor('activityBar.activeFocusBorder', {
432
>
dark: null,
433
>
light: null,
434
>
hcDark: null,
435
>
hcLight: '#B5200D'
436
>
}, localize('activityBarActiveFocusBorder', "Activity bar focus border color for the active item. The activity bar is showing on the far left or right and allows to switch between views of the side bar."));
437
>
438
>
export const ACTIVITY_BAR_ACTIVE_BACKGROUND = registerColor('activityBar.activeBackground', null, localize('activityBarActiveBackground', "Activity bar background color for the active item. The activity bar is showing on the far left or right and allows to switch between views of the side bar."));
439
>
440
>
export const ACTIVITY_BAR_DRAG_AND_DROP_BORDER = registerColor('activityBar.dropBorder', {
441
>
dark: ACTIVITY_BAR_FOREGROUND,
442
>
light: ACTIVITY_BAR_FOREGROUND,
443
>
hcDark: null,
444
>
hcLight: null,
445
>
}, localize('activityBarDragAndDropBorder', "Drag and drop feedback color for the activity bar items. The activity bar is showing on the far left or right and allows to switch between views of the side bar."));
446
>
447
>
export const ACTIVITY_BAR_BADGE_BACKGROUND = registerColor('activityBarBadge.background', {
448
>
dark: '#007ACC',
449
>
light: '#007ACC',
450
>
hcDark: '#000000',
451
>
hcLight: '#0F4A85'
452
>
}, localize('activityBarBadgeBackground', "Activity notification badge background color. The activity bar is showing on the far left or right and allows to switch between views of the side bar."));
453
>
454
>
export const ACTIVITY_BAR_BADGE_FOREGROUND = registerColor('activityBarBadge.foreground', Color.white, localize('activityBarBadgeForeground', "Activity notification badge foreground color. The activity bar is showing on the far left or right and allows to switch between views of the side bar."));
455
>
456
>
export const ACTIVITY_BAR_TOP_FOREGROUND = registerColor('activityBarTop.foreground', {
457
>
dark: '#E7E7E7',
458
>
light: '#424242',
459
>
hcDark: Color.white,
460
>
hcLight: editorForeground
461
>
}, localize('activityBarTop', "Active foreground color of the item in the Activity bar when it is on top / bottom. The activity allows to switch between views of the side bar."));
462
>
463
>
export const ACTIVITY_BAR_TOP_ACTIVE_BORDER = registerColor('activityBarTop.activeBorder', {
464
>
dark: ACTIVITY_BAR_TOP_FOREGROUND,
465
>
light: ACTIVITY_BAR_TOP_FOREGROUND,
466
>
hcDark: contrastBorder,
467
>
hcLight: '#B5200D'
468
>
}, localize('activityBarTopActiveFocusBorder', "Focus border color for the active item in the Activity bar when it is on top / bottom. The activity allows to switch between views of the side bar."));
469
>
470
>
export const ACTIVITY_BAR_TOP_ACTIVE_BACKGROUND = registerColor('activityBarTop.activeBackground', null, localize('activityBarTopActiveBackground', "Background color for the active item in the Activity bar when it is on top / bottom. The activity allows to switch between views of the side bar."));
471
>
472
>
export const ACTIVITY_BAR_TOP_INACTIVE_FOREGROUND = registerColor('activityBarTop.inactiveForeground', {
473
>
dark: transparent(ACTIVITY_BAR_TOP_FOREGROUND, 0.6),
474
>
light: transparent(ACTIVITY_BAR_TOP_FOREGROUND, 0.75),
475
>
hcDark: Color.white,
476
>
hcLight: editorForeground
477
>
}, localize('activityBarTopInActiveForeground', "Inactive foreground color of the item in the Activity bar when it is on top / bottom. The activity allows to switch between views of the side bar."));
478
>
479
>
export const ACTIVITY_BAR_TOP_DRAG_AND_DROP_BORDER = registerColor('activityBarTop.dropBorder', ACTIVITY_BAR_TOP_FOREGROUND, localize('activityBarTopDragAndDropBorder', "Drag and drop feedback color for the items in the Activity bar when it is on top / bottom. The activity allows to switch between views of the side bar."));
480
>
481
>
export const ACTIVITY_BAR_TOP_BACKGROUND = registerColor('activityBarTop.background', null, localize('activityBarTopBackground', "Background color of the activity bar when set to top / bottom."));
482
>
483
>
484
>
// < --- Panels --- >
485
>
486
>
export const PANEL_BACKGROUND = registerColor('panel.background', editorBackground, localize('panelBackground', "Panel background color. Panels are shown below the editor area and contain views like output and integrated terminal."));
487
>
488
>
export const PANEL_BORDER = registerColor('panel.border', {
489
>
dark: Color.fromHex('#808080').transparent(0.35),
490
>
light: Color.fromHex('#808080').transparent(0.35),
491
>
hcDark: contrastBorder,
492
>
hcLight: contrastBorder
493
>
}, localize('panelBorder', "Panel border color to separate the panel from the editor. Panels are shown below the editor area and contain views like output and integrated terminal."));
494
>
495
>
export const PANEL_TITLE_BORDER = registerColor('panelTitle.border', {
496
>
dark: null,
497
>
light: null,
498
>
hcDark: PANEL_BORDER,
499
>
hcLight: PANEL_BORDER
500
>
}, localize('panelTitleBorder', "Panel title border color on the bottom, separating the title from the views. Panels are shown below the editor area and contain views like output and integrated terminal."));
501
>
502
>
export const PANEL_ACTIVE_TITLE_FOREGROUND = registerColor('panelTitle.activeForeground', {
503
>
dark: '#E7E7E7',
504
>
light: '#424242',
505
>
hcDark: Color.white,
506
>
hcLight: editorForeground
507
>
}, localize('panelActiveTitleForeground', "Title color for the active panel. Panels are shown below the editor area and contain views like output and integrated terminal."));
508
>
509
>
export const PANEL_INACTIVE_TITLE_FOREGROUND = registerColor('panelTitle.inactiveForeground', {
510
>
dark: transparent(PANEL_ACTIVE_TITLE_FOREGROUND, 0.6),
511
>
light: transparent(PANEL_ACTIVE_TITLE_FOREGROUND, 0.75),
512
>
hcDark: Color.white,
513
>
hcLight: editorForeground
514
>
}, localize('panelInactiveTitleForeground', "Title color for the inactive panel. Panels are shown below the editor area and contain views like output and integrated terminal."));
515
>
516
>
export const PANEL_ACTIVE_TITLE_BORDER = registerColor('panelTitle.activeBorder', {
517
>
dark: PANEL_ACTIVE_TITLE_FOREGROUND,
518
>
light: PANEL_ACTIVE_TITLE_FOREGROUND,
519
>
hcDark: contrastBorder,
520
>
hcLight: '#B5200D'
521
>
}, localize('panelActiveTitleBorder', "Border color for the active panel title. Panels are shown below the editor area and contain views like output and integrated terminal."));
522
>
523
>
export const PANEL_TITLE_BADGE_BACKGROUND = registerColor('panelTitleBadge.background', ACTIVITY_BAR_BADGE_BACKGROUND, localize('panelTitleBadgeBackground', "Panel title badge background color. Panels are shown below the editor area and contain views like output and integrated terminal."));
524
>
525
>
export const PANEL_TITLE_BADGE_FOREGROUND = registerColor('panelTitleBadge.foreground', ACTIVITY_BAR_BADGE_FOREGROUND, localize('panelTitleBadgeForeground', "Panel title badge foreground color. Panels are shown below the editor area and contain views like output and integrated terminal."));
526
>
527
>
export const PANEL_INPUT_BORDER = registerColor('panelInput.border', {
528
>
dark: inputBorder,
529
>
light: Color.fromHex('#ddd'),
530
>
hcDark: inputBorder,
531
>
hcLight: inputBorder
532
>
}, localize('panelInputBorder', "Input box border for inputs in the panel."));
533
>
534
>
export const PANEL_DRAG_AND_DROP_BORDER = registerColor('panel.dropBorder', PANEL_ACTIVE_TITLE_FOREGROUND, localize('panelDragAndDropBorder', "Drag and drop feedback color for the panel titles. Panels are shown below the editor area and contain views like output and integrated terminal."));
535
>
536
>
export const PANEL_SECTION_DRAG_AND_DROP_BACKGROUND = registerColor('panelSection.dropBackground', EDITOR_DRAG_AND_DROP_BACKGROUND, localize('panelSectionDragAndDropBackground', "Drag and drop feedback color for the panel sections. The color should have transparency so that the panel sections can still shine through. Panels are shown below the editor area and contain views like output and integrated terminal. Panel sections are views nested within the panels."));
537
>
538
>
export const PANEL_SECTION_HEADER_BACKGROUND = registerColor('panelSectionHeader.background', {
539
>
dark: Color.fromHex('#808080').transparent(0.2),
540
>
light: Color.fromHex('#808080').transparent(0.2),
541
>
hcDark: null,
542
>
hcLight: null,
543
>
}, localize('panelSectionHeaderBackground', "Panel section header background color. Panels are shown below the editor area and contain views like output and integrated terminal. Panel sections are views nested within the panels."));
544
>
545
>
export const PANEL_SECTION_HEADER_FOREGROUND = registerColor('panelSectionHeader.foreground', null, localize('panelSectionHeaderForeground', "Panel section header foreground color. Panels are shown below the editor area and contain views like output and integrated terminal. Panel sections are views nested within the panels."));
546
>
547
>
export const PANEL_SECTION_HEADER_BORDER = registerColor('panelSectionHeader.border', contrastBorder, localize('panelSectionHeaderBorder', "Panel section header border color used when multiple views are stacked vertically in the panel. Panels are shown below the editor area and contain views like output and integrated terminal. Panel sections are views nested within the panels."));
548
>
549
>
export const PANEL_SECTION_BORDER = registerColor('panelSection.border', PANEL_BORDER, localize('panelSectionBorder', "Panel section border color used when multiple views are stacked horizontally in the panel. Panels are shown below the editor area and contain views like output and integrated terminal. Panel sections are views nested within the panels."));
550
>
551
>
export const PANEL_STICKY_SCROLL_BACKGROUND = registerColor('panelStickyScroll.background', PANEL_BACKGROUND, localize('panelStickyScrollBackground', "Background color of sticky scroll in the panel."));
552
>
553
>
export const PANEL_STICKY_SCROLL_BORDER = registerColor('panelStickyScroll.border', null, localize('panelStickyScrollBorder', "Border color of sticky scroll in the panel."));
554
>
555
>
export const PANEL_STICKY_SCROLL_SHADOW = registerColor('panelStickyScroll.shadow', scrollbarShadow, localize('panelStickyScrollShadow', "Shadow color of sticky scroll in the panel."));
556
>
557
>
558
>
// < --- Browser --- >
559
>
560
>
export const BROWSER_BORDER = registerColor('browser.border', TAB_BORDER, localize('browserBorder', "Border color for integrated browser pages."));
561
>
562
>
563
>
// < --- Profiles --- >
564
>
565
>
export const PROFILE_BADGE_BACKGROUND = registerColor('profileBadge.background', {
566
>
dark: '#4D4D4D',
567
>
light: '#C4C4C4',
568
>
hcDark: Color.white,
569
>
hcLight: Color.black
570
>
}, localize('profileBadgeBackground', "Profile badge background color. The profile badge shows on top of the settings gear icon in the activity bar."));
571
>
572
>
export const PROFILE_BADGE_FOREGROUND = registerColor('profileBadge.foreground', {
573
>
dark: Color.white,
574
>
light: '#333333',
575
>
hcDark: Color.black,
576
>
hcLight: Color.white
577
>
}, localize('profileBadgeForeground', "Profile badge foreground color. The profile badge shows on top of the settings gear icon in the activity bar."));
578
>
579
>
580
>
// < --- Remote --- >
581
>
582
>
export const STATUS_BAR_REMOTE_ITEM_BACKGROUND = registerColor('statusBarItem.remoteBackground', ACTIVITY_BAR_BADGE_BACKGROUND, localize('statusBarItemRemoteBackground', "Background color for the remote indicator on the status bar."));
583
>
584
>
export const STATUS_BAR_REMOTE_ITEM_FOREGROUND = registerColor('statusBarItem.remoteForeground', ACTIVITY_BAR_BADGE_FOREGROUND, localize('statusBarItemRemoteForeground', "Foreground color for the remote indicator on the status bar."));
585
>
586
>
export const STATUS_BAR_REMOTE_ITEM_HOVER_FOREGROUND = registerColor('statusBarItem.remoteHoverForeground', STATUS_BAR_ITEM_HOVER_FOREGROUND, localize('statusBarRemoteItemHoverForeground', "Foreground color for the remote indicator on the status bar when hovering."));
587
>
588
>
export const STATUS_BAR_REMOTE_ITEM_HOVER_BACKGROUND = registerColor('statusBarItem.remoteHoverBackground', {
589
>
dark: STATUS_BAR_ITEM_HOVER_BACKGROUND,
590
>
light: STATUS_BAR_ITEM_HOVER_BACKGROUND,
591
>
hcDark: STATUS_BAR_ITEM_HOVER_BACKGROUND,
592
>
hcLight: null
593
>
}, localize('statusBarRemoteItemHoverBackground', "Background color for the remote indicator on the status bar when hovering."));
594
>
595
>
export const STATUS_BAR_OFFLINE_ITEM_BACKGROUND = registerColor('statusBarItem.offlineBackground', '#6c1717', localize('statusBarItemOfflineBackground', "Status bar item background color when the workbench is offline."));
596
>
597
>
export const STATUS_BAR_OFFLINE_ITEM_FOREGROUND = registerColor('statusBarItem.offlineForeground', STATUS_BAR_REMOTE_ITEM_FOREGROUND, localize('statusBarItemOfflineForeground', "Status bar item foreground color when the workbench is offline."));
598
>
599
>
export const STATUS_BAR_OFFLINE_ITEM_HOVER_FOREGROUND = registerColor('statusBarItem.offlineHoverForeground', STATUS_BAR_ITEM_HOVER_FOREGROUND, localize('statusBarOfflineItemHoverForeground', "Status bar item foreground hover color when the workbench is offline."));
600
>
601
>
export const STATUS_BAR_OFFLINE_ITEM_HOVER_BACKGROUND = registerColor('statusBarItem.offlineHoverBackground', {
602
>
dark: STATUS_BAR_ITEM_HOVER_BACKGROUND,
603
>
light: STATUS_BAR_ITEM_HOVER_BACKGROUND,
604
>
hcDark: STATUS_BAR_ITEM_HOVER_BACKGROUND,
605
>
hcLight: null
606
>
}, localize('statusBarOfflineItemHoverBackground', "Status bar item background hover color when the workbench is offline."));
607
>
608
>
export const EXTENSION_BADGE_BACKGROUND = registerColor('extensionBadge.remoteBackground', ACTIVITY_BAR_BADGE_BACKGROUND, localize('extensionBadge.remoteBackground', "Background color for the remote badge in the extensions view."));
609
>
export const EXTENSION_BADGE_FOREGROUND = registerColor('extensionBadge.remoteForeground', ACTIVITY_BAR_BADGE_FOREGROUND, localize('extensionBadge.remoteForeground', "Foreground color for the remote badge in the extensions view."));
610
>
611
>
612
>
// < --- Side Bar --- >
613
>
614
>
export const SIDE_BAR_BACKGROUND = registerColor('sideBar.background', {
615
>
dark: '#252526',
616
>
light: '#F3F3F3',
617
>
hcDark: '#000000',
618
>
hcLight: '#FFFFFF'
619
>
}, localize('sideBarBackground', "Side bar background color. The side bar is the container for views like explorer and search."));
620
>
621
>
export const SIDE_BAR_FOREGROUND = registerColor('sideBar.foreground', null, localize('sideBarForeground', "Side bar foreground color. The side bar is the container for views like explorer and search."));
622
>
623
>
export const SIDE_BAR_BORDER = registerColor('sideBar.border', {
624
>
dark: null,
625
>
light: null,
626
>
hcDark: contrastBorder,
627
>
hcLight: contrastBorder
628
>
}, localize('sideBarBorder', "Side bar border color on the side separating to the editor. The side bar is the container for views like explorer and search."));
629
>
630
>
export const SIDE_BAR_TITLE_BACKGROUND = registerColor('sideBarTitle.background', SIDE_BAR_BACKGROUND, localize('sideBarTitleBackground', "Side bar title background color. The side bar is the container for views like explorer and search."));
631
>
632
>
export const SIDE_BAR_TITLE_FOREGROUND = registerColor('sideBarTitle.foreground', SIDE_BAR_FOREGROUND, localize('sideBarTitleForeground', "Side bar title foreground color. The side bar is the container for views like explorer and search."));
633
>
634
>
export const SIDE_BAR_TITLE_BORDER = registerColor('sideBarTitle.border', {
635
>
dark: null,
636
>
light: null,
637
>
hcDark: SIDE_BAR_BORDER,
638
>
hcLight: SIDE_BAR_BORDER
639
>
}, localize('sideBarTitleBorder', "Side bar title border color on the bottom, separating the title from the views. The side bar is the container for views like explorer and search."));
640
>
641
>
export const SIDE_BAR_DRAG_AND_DROP_BACKGROUND = registerColor('sideBar.dropBackground', EDITOR_DRAG_AND_DROP_BACKGROUND, localize('sideBarDragAndDropBackground', "Drag and drop feedback color for the side bar sections. The color should have transparency so that the side bar sections can still shine through. The side bar is the container for views like explorer and search. Side bar sections are views nested within the side bar."));
642
>
643
>
export const SIDE_BAR_SECTION_HEADER_BACKGROUND = registerColor('sideBarSectionHeader.background', {
644
>
dark: Color.fromHex('#808080').transparent(0.2),
645
>
light: Color.fromHex('#808080').transparent(0.2),
646
>
hcDark: null,
647
>
hcLight: null
648
>
}, localize('sideBarSectionHeaderBackground', "Side bar section header background color. The side bar is the container for views like explorer and search. Side bar sections are views nested within the side bar."));
649
>
650
>
export const SIDE_BAR_SECTION_HEADER_FOREGROUND = registerColor('sideBarSectionHeader.foreground', SIDE_BAR_FOREGROUND, localize('sideBarSectionHeaderForeground', "Side bar section header foreground color. The side bar is the container for views like explorer and search. Side bar sections are views nested within the side bar."));
651
>
652
>
export const SIDE_BAR_SECTION_HEADER_BORDER = registerColor('sideBarSectionHeader.border', contrastBorder, localize('sideBarSectionHeaderBorder', "Side bar section header border color. The side bar is the container for views like explorer and search. Side bar sections are views nested within the side bar."));
653
>
654
>
export const ACTIVITY_BAR_TOP_BORDER = registerColor('sideBarActivityBarTop.border', SIDE_BAR_SECTION_HEADER_BORDER, localize('sideBarActivityBarTopBorder', "Border color between the activity bar at the top/bottom and the views."));
655
>
656
>
export const SIDE_BAR_STICKY_SCROLL_BACKGROUND = registerColor('sideBarStickyScroll.background', SIDE_BAR_BACKGROUND, localize('sideBarStickyScrollBackground', "Background color of sticky scroll in the side bar."));
657
>
658
>
export const SIDE_BAR_STICKY_SCROLL_BORDER = registerColor('sideBarStickyScroll.border', null, localize('sideBarStickyScrollBorder', "Border color of sticky scroll in the side bar."));
659
>
660
>
export const SIDE_BAR_STICKY_SCROLL_SHADOW = registerColor('sideBarStickyScroll.shadow', scrollbarShadow, localize('sideBarStickyScrollShadow', "Shadow color of sticky scroll in the side bar."));
661
>
662
>
// < --- Surface --- >
663
>
664
>
// Generic framed container surfaces ("cards"). Used by the modern workbench
665
>
// layout to frame the floating parts (side bar, panel, auxiliary bar, editor).
666
>
// Defaults mirror the agent sessions window's panel treatment so the look is
667
>
// shared, but themes can target these tokens independently.
668
>
669
>
export const SURFACE_BACKGROUND = registerColor('surface.background', {
670
>
dark: SIDE_BAR_BACKGROUND,
671
>
light: editorBackground,
672
>
hcDark: SIDE_BAR_BACKGROUND,
673
>
hcLight: SIDE_BAR_BACKGROUND
674
>
}, localize('surfaceBackground', "Background color of framed container surfaces (\"cards\"), such as the floating workbench panels in the modern layout."));
675
>
676
>
export const SURFACE_FOREGROUND = registerColor('surface.foreground', SIDE_BAR_FOREGROUND, localize('surfaceForeground', "Foreground color of framed container surfaces (\"cards\"), such as the floating workbench panels in the modern layout."));
677
>
678
>
export const SURFACE_BORDER = registerColor('surface.border', {
679
>
dark: transparent(foreground, 0.15),
680
>
light: transparent(foreground, 0.15),
681
>
hcDark: contrastBorder,
682
>
hcLight: contrastBorder
683
>
}, localize('surfaceBorder', "Border color of framed container surfaces (\"cards\"), such as the floating workbench panels in the modern layout."));
684
>
685
>
// < --- Title Bar --- >
686
>
687
>
export const TITLE_BAR_ACTIVE_FOREGROUND = registerColor('titleBar.activeForeground', {
688
>
dark: '#CCCCCC',
689
>
light: '#333333',
690
>
hcDark: '#FFFFFF',
691
>
hcLight: '#292929'
692
>
}, localize('titleBarActiveForeground', "Title bar foreground when the window is active."));
693
>
694
>
export const TITLE_BAR_INACTIVE_FOREGROUND = registerColor('titleBar.inactiveForeground', {
695
>
dark: transparent(TITLE_BAR_ACTIVE_FOREGROUND, 0.6),
696
>
light: transparent(TITLE_BAR_ACTIVE_FOREGROUND, 0.6),
697
>
hcDark: null,
698
>
hcLight: '#292929'
699
>
}, localize('titleBarInactiveForeground', "Title bar foreground when the window is inactive."));
700
>
701
>
export const TITLE_BAR_ACTIVE_BACKGROUND = registerColor('titleBar.activeBackground', {
702
>
dark: '#3C3C3C',
703
>
light: '#DDDDDD',
704
>
hcDark: '#000000',
705
>
hcLight: '#FFFFFF'
706
>
}, localize('titleBarActiveBackground', "Title bar background when the window is active."));
707
>
708
>
export const TITLE_BAR_INACTIVE_BACKGROUND = registerColor('titleBar.inactiveBackground', {
709
>
dark: transparent(TITLE_BAR_ACTIVE_BACKGROUND, 0.6),
710
>
light: transparent(TITLE_BAR_ACTIVE_BACKGROUND, 0.6),
711
>
hcDark: null,
712
>
hcLight: null,
713
>
}, localize('titleBarInactiveBackground', "Title bar background when the window is inactive."));
714
>
715
>
export const TITLE_BAR_BORDER = registerColor('titleBar.border', {
716
>
dark: null,
717
>
light: null,
718
>
hcDark: contrastBorder,
719
>
hcLight: contrastBorder
720
>
}, localize('titleBarBorder', "Title bar border color."));
721
>
722
>
// < --- Menubar --- >
723
>
724
>
export const MENUBAR_SELECTION_FOREGROUND = registerColor('menubar.selectionForeground', TITLE_BAR_ACTIVE_FOREGROUND, localize('menubarSelectionForeground', "Foreground color of the selected menu item in the menubar."));
725
>
726
>
export const MENUBAR_SELECTION_BACKGROUND = registerColor('menubar.selectionBackground', {
727
>
dark: toolbarHoverBackground,
728
>
light: toolbarHoverBackground,
729
>
hcDark: null,
730
>
hcLight: null,
731
>
}, localize('menubarSelectionBackground', "Background color of the selected menu item in the menubar."));
732
>
733
>
export const MENUBAR_SELECTION_BORDER = registerColor('menubar.selectionBorder', {
734
>
dark: null,
735
>
light: null,
736
>
hcDark: activeContrastBorder,
737
>
hcLight: activeContrastBorder,
738
>
}, localize('menubarSelectionBorder', "Border color of the selected menu item in the menubar."));
739
>
740
>
// < --- Command Center --- >
741
>
742
>
// foreground (inactive and active)
743
>
export const COMMAND_CENTER_FOREGROUND = registerColor(
744
>
'commandCenter.foreground',
745
>
TITLE_BAR_ACTIVE_FOREGROUND,
746
>
localize('commandCenter-foreground', "Foreground color of the command center"),
747
>
false
748
>
);
749
>
export const COMMAND_CENTER_ACTIVEFOREGROUND = registerColor(
750
>
'commandCenter.activeForeground',
751
>
MENUBAR_SELECTION_FOREGROUND,
752
>
localize('commandCenter-activeForeground', "Active foreground color of the command center"),
753
>
false
754
>
);
755
>
export const COMMAND_CENTER_INACTIVEFOREGROUND = registerColor(
756
>
'commandCenter.inactiveForeground',
757
>
TITLE_BAR_INACTIVE_FOREGROUND,
758
>
localize('commandCenter-inactiveForeground', "Foreground color of the command center when the window is inactive"),
759
>
false
760
>
);
761
>
// background (inactive and active)
762
>
export const COMMAND_CENTER_BACKGROUND = registerColor(
763
>
'commandCenter.background',
764
>
{ dark: Color.white.transparent(0.05), hcDark: null, light: Color.black.transparent(0.05), hcLight: null },
765
>
localize('commandCenter-background', "Background color of the command center"),
766
>
false
767
>
);
768
>
export const COMMAND_CENTER_ACTIVEBACKGROUND = registerColor(
769
>
'commandCenter.activeBackground',
770
>
{ dark: Color.white.transparent(0.08), hcDark: MENUBAR_SELECTION_BACKGROUND, light: Color.black.transparent(0.08), hcLight: MENUBAR_SELECTION_BACKGROUND },
771
>
localize('commandCenter-activeBackground', "Active background color of the command center"),
772
>
false
773
>
);
774
>
// border: active and inactive. defaults to active background
775
>
export const COMMAND_CENTER_BORDER = registerColor(
776
>
'commandCenter.border', { dark: transparent(TITLE_BAR_ACTIVE_FOREGROUND, .20), hcDark: contrastBorder, light: transparent(TITLE_BAR_ACTIVE_FOREGROUND, .20), hcLight: contrastBorder },
777
>
localize('commandCenter-border', "Border color of the command center"),
778
>
false
779
>
);
780
>
export const COMMAND_CENTER_ACTIVEBORDER = registerColor(
781
>
'commandCenter.activeBorder', { dark: transparent(TITLE_BAR_ACTIVE_FOREGROUND, .30), hcDark: TITLE_BAR_ACTIVE_FOREGROUND, light: transparent(TITLE_BAR_ACTIVE_FOREGROUND, .30), hcLight: TITLE_BAR_ACTIVE_FOREGROUND },
782
>
localize('commandCenter-activeBorder', "Active border color of the command center"),
783
>
false
784
>
);
785
>
// border: defaults to active background
786
>
export const COMMAND_CENTER_INACTIVEBORDER = registerColor(
787
>
'commandCenter.inactiveBorder', transparent(TITLE_BAR_INACTIVE_FOREGROUND, .25),
788
>
localize('commandCenter-inactiveBorder', "Border color of the command center when the window is inactive"),
789
>
false
790
>
);
791
>
792
>
793
>
// < --- Notifications --- >
794
>
795
>
export const NOTIFICATIONS_CENTER_BORDER = registerColor('notificationCenter.border', {
796
>
dark: widgetBorder,
797
>
light: widgetBorder,
798
>
hcDark: contrastBorder,
799
>
hcLight: contrastBorder
800
>
}, localize('notificationCenterBorder', "Notifications center border color. Notifications slide in from the bottom right of the window."));
801
>
802
>
export const NOTIFICATIONS_TOAST_BORDER = registerColor('notificationToast.border', {
803
>
dark: widgetBorder,
804
>
light: widgetBorder,
805
>
hcDark: contrastBorder,
806
>
hcLight: contrastBorder
807
>
}, localize('notificationToastBorder', "Notification toast border color. Notifications slide in from the bottom right of the window."));
808
>
809
>
export const NOTIFICATIONS_FOREGROUND = registerColor('notifications.foreground', editorWidgetForeground, localize('notificationsForeground', "Notifications foreground color. Notifications slide in from the bottom right of the window."));
810
>
811
>
export const NOTIFICATIONS_BACKGROUND = registerColor('notifications.background', editorWidgetBackground, localize('notificationsBackground', "Notifications background color. Notifications slide in from the bottom right of the window."));
812
>
813
>
export const NOTIFICATIONS_LINKS = registerColor('notificationLink.foreground', textLinkForeground, localize('notificationsLink', "Notification links foreground color. Notifications slide in from the bottom right of the window."));
814
>
815
>
export const NOTIFICATIONS_CENTER_HEADER_FOREGROUND = registerColor('notificationCenterHeader.foreground', null, localize('notificationCenterHeaderForeground', "Notifications center header foreground color. Notifications slide in from the bottom right of the window."));
816
>
817
>
export const NOTIFICATIONS_CENTER_HEADER_BACKGROUND = registerColor('notificationCenterHeader.background', {
818
>
dark: lighten(NOTIFICATIONS_BACKGROUND, 0.3),
819
>
light: darken(NOTIFICATIONS_BACKGROUND, 0.05),
820
>
hcDark: NOTIFICATIONS_BACKGROUND,
821
>
hcLight: NOTIFICATIONS_BACKGROUND
822
>
}, localize('notificationCenterHeaderBackground', "Notifications center header background color. Notifications slide in from the bottom right of the window."));
823
>
824
>
export const NOTIFICATIONS_BORDER = registerColor('notifications.border', NOTIFICATIONS_CENTER_HEADER_BACKGROUND, localize('notificationsBorder', "Notifications border color separating from other notifications in the notifications center. Notifications slide in from the bottom right of the window."));
825
>
826
>
export const NOTIFICATIONS_ERROR_ICON_FOREGROUND = registerColor('notificationsErrorIcon.foreground', editorErrorForeground, localize('notificationsErrorIconForeground', "The color used for the icon of error notifications. Notifications slide in from the bottom right of the window."));
827
>
828
>
export const NOTIFICATIONS_WARNING_ICON_FOREGROUND = registerColor('notificationsWarningIcon.foreground', editorWarningForeground, localize('notificationsWarningIconForeground', "The color used for the icon of warning notifications. Notifications slide in from the bottom right of the window."));
829
>
830
>
export const NOTIFICATIONS_INFO_ICON_FOREGROUND = registerColor('notificationsInfoIcon.foreground', editorInfoForeground, localize('notificationsInfoIconForeground', "The color used for the icon of info notifications. Notifications slide in from the bottom right of the window."));
831
>
832
>
export const WINDOW_ACTIVE_BORDER = registerColor('window.activeBorder', {
833
>
dark: null,
834
>
light: null,
835
>
hcDark: contrastBorder,
836
>
hcLight: contrastBorder
837
>
}, localize('windowActiveBorder', "The color used for the border of the window when it is active on macOS or Linux. Requires custom title bar style and custom or hidden window controls on Linux."));
838
>
839
>
export const WINDOW_INACTIVE_BORDER = registerColor('window.inactiveBorder', {
840
>
dark: null,
841
>
light: null,
842
>
hcDark: contrastBorder,
843
>
hcLight: contrastBorder
844
>
}, localize('windowInactiveBorder', "The color used for the border of the window when it is inactive on macOS or Linux. Requires custom title bar style and custom or hidden window controls on Linux."));