A list of all Visual Studio Code customizable colors, grouped by UI region. Copy and paste into User Settings (comments are allowed) to tweak an existing theme or work on your own.

workbench.colorCustomizations.json

"workbench.colorCustomizations": {
    // Contrast Colors - The contrast colors are typically only set for high contrast themes. If set, they add an additional border around items across the UI to increase the contrast.
    "contrastActiveBorder": "",
    "contrastBorder": "",
    // Base Colors
    "focusBorder": "",
    "foreground": "",
    "widget.shadow": "",
    "selection.background": "",
    "descriptionForeground": "",
    "errorForeground": "",
    // Text Colors — Colors inside a text document, such as the welcome page.
    "textBlockQuote.background": "",
    "textBlockQuote.border": "",
    "textCodeBlock.background": "",
    "textLink.activeForeground": "",
    "textLink.foreground": "",
    "textPreformat.foreground": "",
    "textSeparator.foreground": "",
    // Button Control — A set of colors for button widgets such as Open Folder button in the Explorer of a new window.
    "button.background": "",
    "button.foreground": "",
    "button.hoverBackground": "",
    // Dropdown Control — A set of colors for all dropdown widgets such as in the Integrated Terminal or the Output panel. Note that the dropdown control is not used on macOS currently.
    "dropdown.background": "",
    "dropdown.listBackground": "",
    "dropdown.border": "",
    "dropdown.foreground": "",
    // Input Control — Colors for input controls such as in the Search view or the Find/Replace dialog.
    "input.background": "",
    "input.border": "",
    "input.foreground": "",
    "input.placeholderForeground": "",
    "inputOption.activeBorder": "",
    "inputValidation.errorBackground": "",
    "inputValidation.errorBorder": "",
    "inputValidation.infoBackground": "",
    "inputValidation.infoBorder": "",
    "inputValidation.warningBackground": "",
    "inputValidation.warningBorder": "",
    // Scroll Bar Control
    "scrollbar.shadow": "",
    "scrollbarSlider.activeBackground": "",
    "scrollbarSlider.background": "",
    "scrollbarSlider.hoverBackground": "",
    // Badge — Badges are small information labels, for example, search results count.
    "badge.foreground": "",
    "badge.background": "",
    // Progress Bar
    "progressBar.background": "",
    // Lists and Trees — Colors for list and trees like the File Explorer. An active list/tree has keyboard focus, an inactive does not.
    "list.activeSelectionBackground": "",
    "list.activeSelectionForeground": "",
    "list.dropBackground": "",
    "list.focusBackground": "",
    "list.focusForeground": "",
    "list.highlightForeground": "",
    "list.hoverBackground": "",
    "list.hoverForeground": "",
    "list.inactiveSelectionBackground": "",
    "list.inactiveSelectionForeground": "",
    "list.inactiveFocusBackground": "",
    "list.invalidItemForeground": "",
    // Activity Bar — The Activity Bar is displayed either on the far left or right of the workbench and allows fast switching between views of the Side Bar.
    "activityBar.background": "",
    "activityBar.dropBackground": "",
    "activityBar.foreground": "",
    "activityBar.border": "",
    "activityBarBadge.background": "",
    "activityBarBadge.foreground": "",
    // Side Bar — The Side Bar contains views like the Explorer and Search.
    "sideBar.background": "",
    "sideBar.foreground": "",
    "sideBar.border": "",
    "sideBar.dropBackground": "",
    "sideBarTitle.foreground": "",
    "sideBarSectionHeader.background": "",
    "sideBarSectionHeader.foreground": "",
    // Editor Groups & Tabs — Editor Groups are the containers of editors. There can be up to three editor groups. A Tab is the container of an editor. Multiple Tabs can be opened in one editor group.
    "editorGroup.background": "",
    "editorGroup.border": "",
    "editorGroup.dropBackground": "",
    "editorGroupHeader.noTabsBackground": "",
    "editorGroupHeader.tabsBackground": "",
    "editorGroupHeader.tabsBorder": "",
    "tab.activeBackground": "",
    "tab.activeForeground": "",
    "tab.border": "",
    "tab.activeBorder": "",
    "tab.unfocusedActiveBorder": "",
    "tab.inactiveBackground": "",
    "tab.inactiveForeground": "",
    "tab.unfocusedActiveForeground": "",
    "tab.unfocusedInactiveForeground": "",
    "tab.hoverBackground": "",
    "tab.unfocusedHoverBackground": "",
    "tab.hoverBorder": "",
    "tab.unfocusedHoverBorder": "",
    // Editor Colors — for syntax highlighting, use the editor.tokenColorCustomizations setting. All other editor colors are listed here
    "editor.background": "",
    "editor.foreground": "",
    "editorLineNumber.foreground": "",
    "editorLineNumber.activeForeground": "",
    "editorCursor.background": "",
    "editorCursor.foreground": "",
    "editor.selectionBackground": "",
    "editor.selectionForeground": "",
    "editor.inactiveSelectionBackground": "",
    "editor.selectionHighlightBackground": "",
    "editor.selectionHighlightBorder": "",
    "editor.wordHighlightBackground": "",
    "editor.wordHighlightBorder": "",
    "editor.worldHighlightStrongBackground": "",
    "editor.wordHighlightStrongBorder": "",
    "editor.findMatchBackground": "",
    "editor.findMatchHighlightBackground": "",
    "editor.findRangeHighlightBackground": "",
    "editor.findMatchBorder": "",
    "editor.findMatchHighlightBorder": "",
    "editor.hoverHighlightBackground": "",
    "editor.lineHighlightBackground": "",
    "editor.lineHighlightBorder": "",
    "editorLink.activeForeground": "",
    "editor.rangeHighlightBackground": "",
    "editor.rangeHighlightBorder": "",
    "editorWhitespace.foreground": "",
    "editorIndentGuide.background": "",
    "editorRuler.foreground": "",
    "editorCodeLens.foreground": "",
    "editorBracketMatch.background": "",
    "editorBracketMatch.border": "",
    "editorOverviewRuler.border": "",
    "editorOverviewRuler.findMatchForeground": "",
    "editorOverviewRuler.rangeHighlightForeground": "",
    "editorOverviewRuler.selectionHighlightForeground": "",
    "editorOverviewRuler.wordHighlightForeground": "",
    "editorOverviewRuler.wordHighlightStrongForeground": "",
    "editorOverviewRuler.modifiedForeground": "",
    "editorOverviewRuler.addedForeground": "",
    "editorOverviewRuler.deletedForeground": "",
    "editorOverviewRuler.errorForeground": "",
    "editorOverviewRuler.warningForeground": "",
    "editorOverviewRuler.infoForeground": "",
    "editorError.foreground": "",
    "editorError.border": "",
    "editorWarning.foreground": "",
    "editorWarning.border": "",
    "editorInfo.foreground": "",
    "editorInfo.border": "",
    "editorHint.foreground": "",
    "editorHint.border": "",
    "editorGutter.background": "",
    "editorGutter.modifiedBackground": "",
    "editorGutter.addedBackground": "",
    "editorGutter.deletedBackground": "",
    // Diff Editor Colors — For coloring inserted and removed text, use either a background or a border color but not both.
    "diffEditor.insertedTextBackground": "",
    "diffEditor.insertedTextBorder": "",
    "diffEditor.removedTextBackground": "",
    "diffEditor.removedTextBorder": "",
    // Editor Widget Colors - The Editor widget is shown in front of the editor content. Examples are the Find/Replace dialog, the suggestion widget, and the editor hover
    "editorWidget.background": "",
    "editorWidget.border": "",
    "editorSuggestWidget.background": "",
    "editorSuggestWidget.border": "",
    "editorSuggestWidget.foreground": "",
    "editorSuggestWidget.highlightForeground": "",
    "editorSuggestWidget.selectedBackground": "",
    "editorHoverWidget.background": "",
    "editorHoverWidget.border": "",
    "debugExceptionWidget.background": "",
    "debugExceptionWidget.border": "",
    "editorMarkerNavigation.background": "",
    "editorMarkerNavigationError.background": "",
    "editorMarkerNavigationWarning.background": "",
    "editorMarkerNavigationInfo.background": "",
    // Peek View Colors — Peek views are used to show references and declarations as a view inside the editor.
    "peekView.border": "",
    "peekViewEditor.background": "",
    "peekViewEditorGutter.background": "",
    "peekViewEditor.matchHighlightBackground": "",
    "peekViewResult.background": "",
    "peekViewResult.fileForeground": "",
    "peekViewResult.lineForeground": "",
    "peekViewResult.matchHighlightBackground": "",
    "peekViewResult.selectionBackground": "",
    "peekViewResult.selectionForeground": "",
    "peekViewTitle.background": "",
    "peekViewTitleDescription.foreground": "",
    "peekViewTitleLabel.foreground": "",
    // Merge Conflicts — Merge conflict decorations are shown when the editor contains special diff ranges.
    "merge.currentHeaderBackground": "",
    "merge.currentContentBackground": "",
    "merge.incomingHeaderBackground": "",
    "merge.incomingContentBackground": "",
    "merge.border": "",
    "merge.commonContentBackground": "",
    "merge.commonHeaderBackground": "",
    "editorOverviewRuler.currentContentForeground": "",
    "editorOverviewRuler.currentContentForeground": "",
    "editorOverviewRuler.commonContentForeground": "",
    // Panel Colors — Panels are shown below the editor area and contain views like Output and Integrated Terminal.
    "panel.background": "",
    "panel.border": "",
    "panel.dropBackground": "",
    "panelTitle.activeBorder": "",
    "panelTitle.activeForeground": "",
    "panelTitle.inactiveForeground": "",
    // Status Bar Colors — The Status Bar is shown in the bottom of the workbench.
    "statusBar.background": "",
    "statusBar.foreground": "",
    "statusBar.border": "",
    "statusBar.debuggingBackground": "",
    "statusBar.debuggingForeground": "",
    "statusBar.debuggingBorder": "",
    "statusBar.noFolderForeground": "",
    "statusBar.noFolderBackground": "",
    "statusBar.noFolderBorder": "",
    "statusBarItem.activeBackground": "",
    "statusBarItem.hoverBackground": "",
    "statusBarItem.prominentBackground": "",
    "statusBarItem.prominentHoverBackground": "",
    // Title Bar Colors (macOS)
    "titleBar.activeBackground": "",
    "titleBar.activeForeground": "",
    "titleBar.inactiveBackground": "",
    "titleBar.inactiveForeground": "",
    "titleBar.border": "",
    // Notification Colors — Notification toasts slide up from the bottom-right of the workbench.
    "notificationCenter.border": "",
    "notificationCenterHeader.foreground": "",
    "notificationCenterHeader.background": "",
    "notificationToast.border": "",
    "notifications.foreground": "",
    "notifications.background": "",
    "notifications.border": "",
    "notificationLink.foreground": "",
    // Extensions
    "extensionButton.prominentForeground": "",
    "extensionButton.prominentBackground": "",
    "extensionButton.prominentHoverBackground": "",
    "pickerGroup.border": "",
    "pickerGroup.foreground": "",
    // Integrated Terminal Colors
    "terminal.background": "",
    "terminal.foreground": "",
    "terminal.ansiBlack": "",
    "terminal.ansiBlue": "",
    "terminal.ansiBrightBlack": "",
    "terminal.ansiBrightBlue": "",
    "terminal.ansiBrightCyan": "",
    "terminal.ansiBrightGreen": "",
    "terminal.ansiBrightMagenta": "",
    "terminal.ansiBrightRed": "",
    "terminal.ansiBrightWhite": "",
    "terminal.ansiBrightYellow": "",
    "terminal.ansiCyan": "",
    "terminal.ansiGreen": "",
    "terminal.ansiMagenta": "",
    "terminal.ansiRed": "",
    "terminal.ansiWhite": "",
    "terminal.ansiYellow": "",
    "terminal.selectionBackground": "",
    "terminalCursor.background": "",
    "terminalCursor.foreground": "",
    // Debug
    "debugToolBar.background": "",
    // Welcome Page
    "welcomePage.buttonBackground": "",
    "welcomePage.buttonHoverBackground": "",
    "walkThrough.embeddedEditorBackground": "",
    // Git Colors
    "gitDecoration.modifiedResourceForeground": "",
    "gitDecoration.deletedResourceForeground": "",
    "gitDecoration.untrackedResourceForeground": "",
    "gitDecoration.ignoredResourceForeground": "",
    "gitDecoration.conflictingResourceForeground": ""
}

I would like to customize the navigation bar, at least change the background and text color .... what can I do?

To change the nav bar it's under breadcrumb e.g. "breadcrumb.background": "#...",

Hi there,

thank you for compiling this. I compared the list with what I have in v1.71.0
There are some elements that no longer valid
(vs code gave me error, saying not allowed):

//not allowed
"activityBar.dropBackground": "",
"editorGroup.background": ""
"panel.dropBackground": "",
"welcomePage.buttonBackground": "",
"welcomePage.buttonHoverBackground": "",

and there is one small typo

"editor.wordHighlightStrongBackground": "",  //previously "editor.wordHighlightStrongBackground": "",  notice the l

and in addition to your list above, vs code gave me the following suggestions, which means they are available
(I didn't include elements that come from extensions, such as gitLens)

"list.errorForeground": "#ff0000",
"list.warningForeground":   "#ff0000",
"activityBar.activeBorder":   "#ff0000",
"activityBar.activeBackground": "#ff0000",
"activityBar.activeFocusBorder": "#ff0000",
"activityBar.dropBorder": "#ff0000",
"editorGroup.emptyBackground": "#4e321a",
"tab.activeModifiedBorder":   "#3399cc",
"tab.inactiveModifiedBorder": "#3399cc80",
"tab.unfocusedActiveModifiedBorder": "#3399cc80",
"tab.unfocusedInactiveModifiedBorder": "#3399cc40",
"editorIndentGuide.activeBackground": "#707070",
"editorOverviewRuler.incomingContentForeground":   "#363537",
"editorOverviewRuler.bracketMatchForeground": "#ffffff",
"gitDecoration.addedResourceForeground": "#81b88b",
"gitDecoration.submoduleResourceForeground": "#8db9e2",
"banner.background": "#ff0000",
"banner.foreground": "#ff0000",
"banner.iconForeground": "#ff0000",
"button.border": "#ff0000",
"button.secondaryBackground": "#ff0000",
"button.secondaryForeground": "#ff0000",
"button.secondaryHoverBackground": "#ff0000",
"button.separator": "#ff0000",
"charts.blue": "#ff0000",
"charts.foreground": "#ff0000",
"charts.green": "#ff0000",
"charts.lines": "#ff0000",
"charts.orange": "#ff0000",
"charts.purple": "#ff0000",
"charts.red": "#ff0000",
"charts.yellow": "#ff0000",
"checkbox.background": "#ff0000",
"checkbox.border": "#ff0000",
"checkbox.foreground": "#ff0000",
"commandCenter.activeBackground": "#ff0000",
"commandCenter.activeForeground": "#ff0000",
"commandCenter.background": "#ff0000",
"commandCenter.border": "#ff0000",
"commandCenter.foreground": "#ff0000",
"debugConsole.errorForeground": "#ff0000",
"debugConsole.infoForeground": "#ff0000",
"debugConsole.sourceForeground": "#ff0000",
"debugConsole.warningForeground": "#ff0000",
"debugConsoleInputIcon.foreground": "#ff0000",
"debugIcon.breakpointCurrentStackframeForeground":   "#ff0000",
"debugIcon.breakpointDisabledForeground": "#ff0000",
"debugIcon.breakpointForeground": "#ff0000",
"debugIcon.breakpointStackframeForeground": "#ff0000",
"debugIcon.breakpointUnverifiedForeground":   "#ff0000",
"debugIcon.continueForeground": "#ff0000",
"debugIcon.disconnectForeground": "#ff0000",
"debugIcon.pauseForeground": "#ff0000",
"debugIcon.restartForeground": "#ff0000",
"debugIcon.startForeground": "#ff0000",
"debugIcon.stepBackForeground": "#ff0000",
"debugIcon.stepIntoForeground": "#ff0000",
"debugIcon.stepOutForeground": "#ff0000",
"debugIcon.stepOverForeground": "#ff0000",
"debugIcon.stopForeground": "#ff0000",
"debugTokenExpression.boolean": "#ff0000",
"debugTokenExpression.error": "#ff0000",
"debugTokenExpression.name": "#ff0000",
"debugTokenExpression.number": "#ff0000",
"debugTokenExpression.string": "#ff0000",
"debugTokenExpression.value": "#ff0000",
"debugView.exceptionLabelBackground": "#ff0000",
"debugView.exceptionLabelForeground": "#ff0000",
"debugView.stateLabelBackground": "#ff0000",
"debugView.stateLabelForeground": "#ff0000",
"debugView.valueChangedHighlight": "#ff0000",
"diffEditor.diagonalFill": "#ff0000",
"diffEditor.insertedLineBackground": "#ff0000",
"diffEditor.removedLineBackground": "#ff0000",
"diffEditorGutter.insertedLineBackground": "#ff0000",
"diffEditorGutter.removedLineBackground": "#ff0000",
"diffEditorOverview.insertedForeground": "#ff0000",
"diffEditorOverview.removedForeground": "#ff0000",
"disabledForeground": "#ff0000",
"editor.foldBackground": "#ff0000",
"editor.inlineValuesBackground": "#ff0000",
"editor.inlineValuesForeground": "#ff0000",
"editor.linkedEditingBackground": "#ff0000",
"editor.symbolHighlightBackground": "#ff0000",
"editor.symbolHighlightBorder": "#ff0000",
"editorBracketHighlight.foreground1": "#ff0000",
"editorBracketHighlight.foreground2": "#ff0000",
"editorBracketHighlight.foreground3": "#ff0000",
"editorBracketHighlight.foreground4": "#ff0000",
"editorBracketHighlight.foreground5": "#ff0000",
"editorBracketHighlight.foreground6": "#ff0000",
"editorBracketHighlight.unexpectedBracket.foreground":   "#ff0000",
"editorBracketPairGuide.activeBackground1": "#ff0000",
"editorBracketPairGuide.activeBackground2": "#ff0000",
"editorBracketPairGuide.activeBackground3": "#ff0000",
"editorBracketPairGuide.activeBackground4": "#ff0000",
"editorBracketPairGuide.activeBackground5": "#ff0000",
"editorBracketPairGuide.activeBackground6": "#ff0000",
"editorBracketPairGuide.background1": "#ff0000",
"editorBracketPairGuide.background2": "#ff0000",
"editorBracketPairGuide.background3": "#ff0000",
"editorBracketPairGuide.background4": "#ff0000",
"editorBracketPairGuide.background5": "#ff0000",
"editorBracketPairGuide.background6": "#ff0000",
"editorCommentsWidget.rangeActiveBackground": "#ff0000",
"editorCommentsWidget.rangeActiveBorder": "#ff0000",
"editorCommentsWidget.rangeBackground": "#ff0000",
"editorCommentsWidget.rangeBorder": "#ff0000",
"editorCommentsWidget.resolvedBorder": "#ff0000",
"editorCommentsWidget.unresolvedBorder": "#ff0000",
"editorError.background": "#ff0000",
"editorGhostText.background": "#ff0000",
"editorGhostText.border": "#ff0000",
"editorGhostText.foreground": "#ff0000",
"editorGroup.dropIntoPromptBackground": "#ff0000",
"editorGroup.dropIntoPromptBorder": "#ff0000",
"editorGroup.dropIntoPromptForeground": "#ff0000",
"editorGroupHeader.border": "#ff0000",
"editorGutter.foldingControlForeground": "#ff0000",
"editorHoverWidget.foreground": "#ff0000",
"editorHoverWidget.highlightForeground": "#ff0000",
"editorHoverWidget.statusBarBackground": "#ff0000",
"editorInfo.background": "#ff0000",
"editorInlayHint.background": "#ff0000",
"editorInlayHint.foreground": "#ff0000",
"editorInlayHint.parameterBackground": "#ff0000",
"editorInlayHint.parameterForeground": "#ff0000",
"editorInlayHint.typeBackground": "#ff0000",
"editorInlayHint.typeForeground": "#ff0000",
"editorLightBulb.foreground": "#ff0000",
"editorLightBulbAutoFix.foreground": "#ff0000",
"editorMarkerNavigationError.headerBackground":   "#ff0000",
"editorMarkerNavigationInfo.headerBackground": "#ff0000",
"editorMarkerNavigationWarning.headerBackground":   "#ff0000",
"editorOverviewRuler.background": "#ff0000",
"editorStickyScroll.background": "#ff0000",
"editorStickyScrollHover.background": "#ff0000",
"editorSuggestWidget.focusHighlightForeground":   "#ff0000",
"editorSuggestWidget.selectedForeground": "#ff0000",
"editorSuggestWidget.selectedIconForeground": "#ff0000",
"editorSuggestWidgetStatus.foreground": "#ff0000",
"editorUnicodeHighlight.background": "#ff0000",
"editorUnicodeHighlight.border": "#ff0000",
"editorWarning.background": "#ff0000",
"editorWidget.foreground": "#ff0000",
"extensionBadge.remoteBackground": "#ff0000",
"extensionBadge.remoteForeground": "#ff0000",
"extensionIcon.preReleaseForeground": "#ff0000",
"extensionIcon.sponsorForeground": "#ff0000",
"extensionIcon.starForeground": "#ff0000",
"extensionIcon.verifiedForeground": "#ff0000",
"gitDecoration.renamedResourceForeground": "#ff0000",
"gitDecoration.stageDeletedResourceForeground":   "#ff0000",
"gitDecoration.stageModifiedResourceForeground":   "#ff0000",
"icon.foreground": "#ff0000",
"inputOption.activeBackground": "#ff0000",
"inputOption.activeForeground": "#ff0000",
"inputOption.hoverBackground": "#ff0000",
"interactive.activeCodeBorder": "#ff0000",
"interactive.inactiveCodeBorder": "#ff0000",
"keybindingLabel.background": "#ff0000",
"keybindingLabel.border": "#ff0000",
"keybindingLabel.bottomBorder": "#ff0000",
"keybindingLabel.foreground": "#ff0000",
"keybindingTable.headerBackground": "#ff0000",
"keybindingTable.rowsBackground": "#ff0000",
"list.activeSelectionIconForeground": "#ff0000",
"list.deemphasizedForeground": "#ff0000",
"list.filterMatchBackground": "#ff0000",
"list.filterMatchBorder": "#ff0000",
"list.focusAndSelectionOutline": "#ff0000",
"list.focusHighlightForeground": "#ff0000",
"list.focusOutline": "#ff0000",
"list.inactiveFocusOutline": "#ff0000",
"list.inactiveSelectionIconForeground": "#ff0000",
"listFilterWidget.shadow": "#ff0000",
"mergeEditor.change.background": "#ff0000",
"mergeEditor.change.word.background": "#ff0000",
"mergeEditor.conflict.handled.minimapOverViewRuler":   "#ff0000",
"mergeEditor.conflict.handledFocused.border": "#ff0000",
"mergeEditor.conflict.handledUnfocused.border":   "#ff0000",
"mergeEditor.conflict.unhandled.minimapOverViewRuler":   "#ff0000",
"mergeEditor.conflict.unhandledFocused.border":   "#ff0000",
"mergeEditor.conflict.unhandledUnfocused.border":   "#ff0000",
"mergeEditor.conflictingLines.background": "#ff0000",
"minimap.background": "#ff0000",
"minimap.errorHighlight": "#ff0000",
"minimap.findMatchHighlight": "#ff0000",
"minimap.foregroundOpacity": "#ff0000",
"minimap.selectionHighlight": "#ff0000",
"minimap.selectionOccurrenceHighlight": "#ff0000",
"minimap.warningHighlight": "#ff0000",
"minimapGutter.addedBackground": "#ff0000",
"minimapGutter.deletedBackground": "#ff0000",
"minimapGutter.modifiedBackground": "#ff0000",
"minimapSlider.activeBackground": "#ff0000",
"minimapSlider.background": "#ff0000",
"minimapSlider.hoverBackground": "#ff0000",
"notebook.cellBorderColor": "#ff0000",
"notebook.cellEditorBackground": "#ff0000",
"notebook.cellHoverBackground": "#ff0000",
"notebook.cellInsertionIndicator": "#ff0000",
"notebook.cellStatusBarItemHoverBackground": "#ff0000",
"notebook.cellToolbarSeparator": "#ff0000",
"notebook.editorBackground": "#ff0000",
"notebook.focusedCellBackground": "#ff0000",
"notebook.focusedCellBorder": "#ff0000",
"notebook.focusedEditorBorder": "#ff0000",
"notebook.inactiveFocusedCellBorder": "#ff0000",
"notebook.inactiveSelectedCellBorder": "#ff0000",
"notebook.outputContainerBackgroundColor": "#ff0000",
"notebook.outputContainerBorderColor": "#ff0000",
"notebook.selectedCellBackground": "#ff0000",
"notebook.selectedCellBorder": "#ff0000",
"notebook.symbolHighlightBackground": "#ff0000",
"notebookScrollbarSlider.activeBackground": "#ff0000",
"notebookScrollbarSlider.background": "#ff0000",
"notebookScrollbarSlider.hoverBackground": "#ff0000",
"notebookStatusErrorIcon.foreground": "#ff0000",
"notebookStatusRunningIcon.foreground": "#ff0000",
"notebookStatusSuccessIcon.foreground": "#ff0000",
"notificationsErrorIcon.foreground": "#ff0000",
"notificationsInfoIcon.foreground": "#ff0000",
"notificationsWarningIcon.foreground": "#ff0000",
"panel.dropBorder": "#ff0000",
"panelInput.border": "#ff0000",
"panelSection.border": "#ff0000",
"panelSection.dropBackground": "#ff0000",
"panelSectionHeader.background": "#ff0000",
"panelSectionHeader.border": "#ff0000",
"panelSectionHeader.foreground": "#ff0000",
"ports.iconRunningProcessForeground": "#ff0000",
"problemsErrorIcon.foreground": "#ff0000",
"problemsInfoIcon.foreground": "#ff0000",
"problemsWarningIcon.foreground": "#ff0000",
"quickInput.background": "#ff0000",
"quickInput.foreground": "#ff0000",
"quickInputList.focusBackground": "#ff0000",
"quickInputList.focusForeground": "#ff0000",
"quickInputList.focusIconForeground": "#ff0000",
"quickInputTitle.background": "#ff0000",
"sash.hoverBorder": "#ff0000",
"scm.providerBorder": "#ff0000",
"searchEditor.findMatchBackground": "#ff0000",
"searchEditor.findMatchBorder": "#ff0000",
"searchEditor.textInputBorder": "#ff0000",
"settings.focusedRowBackground": "#ff0000",
"settings.focusedRowBorder": "#ff0000",
"settings.headerBorder": "#ff0000",
"settings.rowHoverBackground": "#ff0000",
"settings.sashBorder": "#ff0000",
"sideBySideEditor.horizontalBorder": "#ff0000",
"sideBySideEditor.verticalBorder": "#ff0000",
"statusBar.focusBorder": "#ff0000",
"statusBarItem.compactHoverBackground": "#ff0000",
"statusBarItem.errorBackground": "#ff0000",
"statusBarItem.errorForeground": "#ff0000",
"statusBarItem.focusBorder": "#ff0000",
"statusBarItem.prominentForeground": "#ff0000",
"statusBarItem.remoteBackground": "#ff0000",
"statusBarItem.remoteForeground": "#ff0000",
"statusBarItem.settingsProfilesBackground": "#ff0000",
"statusBarItem.settingsProfilesForeground":   "#ff0000",
"statusBarItem.warningBackground": "#ff0000",
"statusBarItem.warningForeground": "#ff0000",
"symbolIcon.arrayForeground": "#ff0000",
"symbolIcon.booleanForeground": "#ff0000",
"symbolIcon.classForeground": "#ff0000",
"symbolIcon.colorForeground": "#ff0000",
"symbolIcon.constantForeground": "#ff0000",
"symbolIcon.constructorForeground": "#ff0000",
"symbolIcon.enumeratorForeground": "#ff0000",
"symbolIcon.enumeratorMemberForeground": "#ff0000",
"symbolIcon.eventForeground": "#ff0000",
"symbolIcon.fieldForeground": "#ff0000",
"symbolIcon.fileForeground": "#ff0000",
"symbolIcon.folderForeground": "#ff0000",
"symbolIcon.functionForeground": "#ff0000",
"symbolIcon.interfaceForeground": "#ff0000",
"symbolIcon.keyForeground": "#ff0000",
"symbolIcon.keywordForeground": "#ff0000",
"symbolIcon.methodForeground": "#ff0000",
"symbolIcon.moduleForeground": "#ff0000",
"symbolIcon.namespaceForeground": "#ff0000",
"symbolIcon.nullForeground": "#ff0000",
"symbolIcon.numberForeground": "#ff0000",
"symbolIcon.objectForeground": "#ff0000",
"symbolIcon.operatorForeground": "#ff0000",
"symbolIcon.packageForeground": "#ff0000",
"symbolIcon.propertyForeground": "#ff0000",
"symbolIcon.referenceForeground": "#ff0000",
"symbolIcon.snippetForeground": "#ff0000",
"symbolIcon.stringForeground": "#ff0000",
"symbolIcon.structForeground": "#ff0000",
"symbolIcon.textForeground": "#ff0000",
"symbolIcon.typeParameterForeground": "#ff0000",
"symbolIcon.unitForeground": "#ff0000",
"symbolIcon.variableForeground": "#ff0000",
"tab.hoverForeground": "#ff0000",
"tab.lastPinnedBorder": "#ff0000",
"tab.unfocusedActiveBackground": "#ff0000",
"tab.unfocusedHoverForeground": "#ff0000",
"tab.unfocusedInactiveBackground": "#ff0000",
"terminal.dropBackground": "#ff0000",
"terminal.findMatchBackground": "#ff0000",
"terminal.findMatchBorder": "#ff0000",
"terminal.findMatchHighlightBackground": "#ff0000",
"terminal.findMatchHighlightBorder": "#ff0000",
"terminal.inactiveSelectionBackground": "#ff0000",
"terminal.selectionForeground": "#ff0000",
"terminal.tab.activeBorder": "#ff0000",
"terminalCommandDecoration.defaultBackground": "#ff0000",
"terminalCommandDecoration.errorBackground": "#ff0000",
"terminalCommandDecoration.successBackground": "#ff0000",
"terminalOverviewRuler.cursorForeground": "#ff0000",
"terminalOverviewRuler.findMatchForeground": "#ff0000",
"testing.iconErrored": "#ff0000",
"testing.iconFailed": "#ff0000",
"testing.iconPassed": "#ff0000",
"testing.iconQueued": "#ff0000",
"testing.iconSkipped": "#ff0000",
"testing.iconUnset": "#ff0000",
"testing.message.error.decorationForeground": "#ff0000",
"testing.message.error.lineBackground": "#ff0000",
"testing.message.info.decorationForeground": "#ff0000",
"testing.message.info.lineBackground": "#ff0000",
"testing.peekBorder": "#ff0000",
"testing.peekHeaderBackground": "#ff0000",
"testing.runAction": "#ff0000",
"toolbar.activeBackground": "#ff0000",
"toolbar.hoverBackground": "#ff0000",
"toolbar.hoverOutline": "#ff0000",
"tree.indentGuidesStroke": "#ff0000",
"tree.tableColumnsBorder": "#ff0000",
"tree.tableOddRowsBackground": "#ff0000",
"welcomePage.progress.background": "#ff0000",
"welcomePage.progress.foreground": "#ff0000",
"welcomePage.tileBackground": "#ff0000",
"welcomePage.tileHoverBackground": "#ff0000",
"welcomePage.tileShadow": "#ff0000",
"window.activeBorder": "#ff0000",
"window.inactiveBorder": "#ff0000",
"editorWidget.resizeBorder": "#ff0000",
"editor.focusedStackFrameHighlightBackground":   "#7abd7a4d",
"editor.snippetFinalTabstopHighlightBorder": "#525252",
"editor.snippetTabstopHighlightBackground": "#7c7c7c4d",
"editor.stackFrameHighlightBackground": "#ffff0033",
"editorGroup.focusedEmptyBorder": "#ff0000",
"editorGutter.commentRangeForeground":   "#ff0000",
"editorPane.background": "#110802",
"editorUnnecessaryCode.opacity": "#ff0000",
"activityBar.inactiveForeground": "#fff8f199",
"breadcrumb.activeSelectionForeground": "#ffffff",
"breadcrumb.background": "#191919",
"breadcrumb.focusForeground": "#ffffff",
"breadcrumb.foreground": "#f7f1ffcc",
"breadcrumbPicker.background": "#161008",
"listFilterWidget.background": "#653723",
"listFilterWidget.noMatchesOutline": "#be1100",
"listFilterWidget.outline": "#00000000",
"menu.background": "#4e321a",
"menu.foreground": "#fff8f1",
"menu.selectionBackground": "#200000",
"menu.selectionForeground": "#fbff00",
"menu.separatorBackground": "#bbbbbb",
"menubar.selectionBackground": "#ffffff1a",
"menubar.selectionForeground": "#cccccc",
"settings.checkboxBackground": "#4e321a",
"settings.checkboxBorder": "#161008",
"settings.checkboxForeground": "#fff8f1",
"settings.dropdownBackground": "#4e321a",
"settings.dropdownBorder": "#161008",
"settings.dropdownForeground": "#fff8f1",
"settings.dropdownListBorder": "#800000",
"settings.headerForeground": "#e7e7e7",
"settings.modifiedItemIndicator": "#0c7d9d",
"settings.numberInputBackground": "#0c0c0c",
"settings.numberInputBorder": "#363537",
"settings.numberInputForeground": "#d4d4d4",
"settings.textInputBackground": "#0c0c0c",
"settings.textInputBorder": "#363537",
"settings.textInputForeground": "#d4d4d4",
"sideBarSectionHeader.border": "#ffffff",
"terminal.border": "#800000",
"welcomePage.background": "#110802",
"debugToolBar.border": "#ff0000",
"diffEditor.border": "#ff0000",
"editor.findRangeHighlightBorder": "#ff0000",
"editor.snippetFinalTabstopHighlightBackground":   "#ff0000",
"editor.snippetTabstopHighlightBorder": "#ff0000",
"editorUnnecessaryCode.border": "#ff0000",
"inputValidation.errorForeground": "#ff0000",
"inputValidation.infoForeground": "#ff0000",
"inputValidation.warningForeground": "#ff0000",
"menu.border": "#ff0000",
"menu.selectionBorder": "#ff0000",
"menubar.selectionBorder": "#ff0000",
"peekViewEditor.matchHighlightBorder": "#ff0000",
"tab.activeBorderTop": "#ff0000",
"tab.unfocusedActiveBorderTop": "#ff0000",

Anyone have any idea how to set a coloured border around the vscode window. Overlapping windows with browser showing a white page is very annoying. The best I have so far is to set the "scrollbarSlider.background to at least give an idea where the window edge is.

@toomanylogins You can have a look here to see if there is anything relevant. I believe the OP has compiled this gist from this source. https://code.visualstudio.com/api/references/theme-color

I would like to customise this one :

I would like to customise this one :

Came here looking for this. 😕

Edit : it was editorGroupHeader.tabsBackground.

Has anyone changed the color of the 'blue' sidebar width adjuster that on shows when you actively adjusting the width (& on-hover)?

@JewishMartian sash.hoverBorder

Maaaaaate!! thank you:

I would like to customize the navigation bar, at least change the background and text color .... what can I do?

"breadcrumb.background"

I would like to customize the navigation bar, at least change the background and text color .... what can I do?

"breadcrumb.background"

It would somehow be possible to enlarge "only" the breadcrumbs font??

It would somehow be possible to enlarge "only" the breadcrumbs font??

No Idea

I would like to customize the navigation bar, at least change the background and text color .... what can I do?

"breadcrumb.background"

It would somehow be possible to enlarge "only" the breadcrumbs font??

These are the only properties available

which extension do I have to install to make VSC suggest me the customization codes of the vsc theme? no hints come out to me as in the picture

which extension do I have to install to make VSC suggest me the customization codes of the vsc theme? no hints come out to me as in the picture

You don't need any extension after breadcrub. press ctrl + space you'll get suggestions

I know how to make the code fragments appear... but as you can see I don't see anything related to the fragments for the VSC thema codes

I know how to make the code fragments appear... but as you can see I don't see anything related to the fragments for the VSC thema codes

can you show me settings.json file?

I know how to make the code fragments appear... but as you can see I don't see anything related to the fragments for the VSC thema codes

i think i know the problem

my customizations work when placed inside: "workbench.colorCustomizations": {...}

Inside it, the snippets of the "breadcrumb. ...." fragments as you suggested don't work! (as I pointed out).
outside "workbench.colorCustomizations": {...} snippets work as you specify.
But on the outside the various color codes do not apply to the theme change...

///// COLOR THEME //////
"workbench.colorCustomizations": {
// TITLEBAR
"titleBar.activeBackground": "#333",
"titleBar.activeForeground": "#ffffff",
/* "titleBar.inactiveBackground": "#811519",
"titleBar.inactiveForeground": "#cccccc", */

// BREADCRUMB
"breadcrumb.background": "#222",
"breadcrumb.foreground": "#fff",
"breadcrumb.focusForeground": "#ff0",
"breadcrumb.activeSelectionForeground": "#ff0",
"breadcrumbPicker.background": "#222",
    
// WIDGET
"pickerGroup.foreground": "#ff0",
// GUIDE INDENT
"editorIndentGuide.activeBackground": "#ff0000",
"editorIndentGuide.background": "#999",
"indenticator.width": 3,
// ACTIVITY BAR
"activityBar.activeBackground": "#ff0000",
"activityBar.background": "#313131",
// SIDEBAR
"sideBar.background": "#212121",
"sideBarSectionHeader.background": "#ff0000",
"sideBarSectionHeader.border": "#ffffff",
"sideBarTitle.foreground": "#ffff00",
"sideBarSectionHeader.foreground": "#fff",

....
},

Settings.json

{
"editor.multiCursorModifier": "ctrlCmd",
"editor.fontFamily": "Fira Mono Medium",
"editor.fontLigatures": true,
"editor.columnSelection": false,
"editor.suggestSelection": "first",
"vsintellicode.modify.editor.suggestSelection": "choseToUpdateConfiguration",
"sync.autoDownload": false,
"sync.gist": "3cc0709a3a9424a263b4c479538ff2ba",
"sync.autoUpload": true,
"sync.forceUpload": true,
"sync.quietSync": true,
"editor.wordWrap": "on",
"liveServer.settings.donotShowInfoMsg": true,
"color-highlight.markerType": "dot-before",
"editor.tokenColorCustomizations": null,
"snippets-view.onlyForActiveEditor": false,
"snippets-view.flatten": true,
"files.autoSave": "off",
"emmet.showSuggestionsAsSnippets": true,
"indenticator.hover.peekBlockPlaceholder": "---",
"indenticator.inner.showHover": false,
"editor.minimap.maxColumn": 80,
//Show Transparency Grid
"svgviewer.transparencygrid": true,
// Open or not open the preview screen automatically
"svgviewer.enableautopreview": false,
// How to open the screen (vscode.ViewColumn)
"svgviewer.previewcolumn": "Beside",
// Color setting for transparency
"svgviewer.transparencycolor": "#111",
//Show zoom in/out button in preview windows
"svgviewer.showzoominout": false,
"editor.suggest.showStatusBar": true,
// FORMATTER
/* ----- /
"editor.renderWhitespace": "all",
"bracketPairColorizer.activeScopeCSS": [
"borderStyle : solid",
"borderWidth : 1px",
"borderColor : {color}; opacity: 1"
],
// THEME
"workbench.colorTheme": "Monokai",
"workbench.iconTheme": "vscode-icons",
"explorer.confirmDragAndDrop": false,
"window.titleBarStyle": "custom",
"window.title": "📂 ${rootName} ${separator} 📃 ${dirty}${activeEditorMedium}",
"window.titleSeparator": " — ",
///// COLOR THEME //////
"workbench.colorCustomizations": {
// TITLEBAR
"titleBar.activeBackground": "#333",
"titleBar.activeForeground": "#ffffff",
/ "titleBar.inactiveBackground": "#811519",
"titleBar.inactiveForeground": "#cccccc", */

// BREADCRUMB
"breadcrumb.background": "#222",
"breadcrumb.foreground": "#fff",
"breadcrumb.focusForeground": "#ff0",
"breadcrumb.activeSelectionForeground": "#ff0",
"breadcrumbPicker.background": "#222",
    
// WIDGET
"pickerGroup.foreground": "#ff0",
// GUIDE INDENT
"editorIndentGuide.activeBackground": "#ff0000",
"editorIndentGuide.background": "#999",
"indenticator.width": 3,
// ACTIVITY BAR
"activityBar.activeBackground": "#ff0000",
"activityBar.background": "#313131",
// SIDEBAR
"sideBar.background": "#212121",
"sideBarSectionHeader.background": "#ff0000",
"sideBarSectionHeader.border": "#ffffff",
"sideBarTitle.foreground": "#ffff00",
"sideBarSectionHeader.foreground": "#fff",
// SEARCH BAR
"editorWidget.background": "#a70000",
"editorWidget.border": "#ffff00",
"editorWidget.foreground": "#fff",
"searchEditor.findMatchBackground": "#ffff00",
/* "input.border": "#c91d1d", */
"input.background": "#990c0c",
"input.foreground": "#ffff10",
"input.placeholderForeground": "#fff",
"inputOption.activeBackground": "#ff0000",
"inputOption.activeForeground": "#ffff00",
// FIND EDITOR MATCH
"editor.findMatchBackground": "#38afc4", //Current SEARCH MATCH
"editor.findMatchHighlightBackground": "#00581d", //Other SEARCH MATCHES
// TABS
"editorGroup.dropBackground": "#ffffff70",
"editorGroupHeader.tabsBorder": "#ff0000",
"tab.activeBackground": "#ff0000",
"tab.activeForeground": "#ffff00",
"tab.inactiveBackground": "#444",
"tab.unfocusedActiveForeground": "#fff",
"icon.foreground": "#fff",
"list.highlightForeground": "#fff",
// MINIMAP
"minimapSlider.hoverBackground": "#ffff0060",
"minimapSlider.background": "#ffffff50",
// EDITOR
"editor.background": "#111",
"editorGutter.background": "#333",
// SELECTION  -#135564
"editor.selectionBackground": "#186475",
"editor.selectionHighlightBackground": "#186475",
"editor.wordHighlightBackground": "#186475",
// EDITOR INTELLIGENSIZE SNIPPET
"editor.suggest.maxVisibleSuggestions": 30,
"editor.suggestFontSize": 20,
"editor.suggestLineHeight": 24,
"editor.suggest.showIcons": true,
"editor.suggest.showStructs": true,
"editorSuggestWidget.background": "#000",
"editorSuggestWidget.foreground": "#fff",
"editorSuggestWidget.border": "#ff0000",
"editorSuggestWidget.selectedBackground": "#ff0000",
"editorSuggestWidget.highlightForeground": "#ffff00",
// BUTTON BACKGROUND
"button.background": "#ff0000",
"button.hoverBackground": "#ff0000",
// DEBUG BAR
//"statusBar.debuggingBackground": "#ff0000"
"debugToolBar.background": "#000",
"debugToolBar.border": "#ff0000",
// COLORE EDITOR CURSOR
"editorCursor.foreground": "#ffff00",
// COLORE BORDO SCHEDE
"sash.hoverBorder": "#ff0000",
// EXPLORER LIST
"tree.indentGuidesStroke": "#ff0000",
"list.activeSelectionBackground": "#ff000050",
"list.inactiveSelectionBackground": "#333",
"list.inactiveSelectionForeground": "#ffffff",
"list.inactiveFocusOutline": "#00000000",

},

// SCROLL FRA LE TABS
"workbench.editor.scrollToSwitchTabs": false,
// SPESSORE EDITOR CURSOR
"editor.cursorWidth": 4,
"workbench.editor.tabSizing": "shrink",
"settingsSync.ignoredSettings": [
"-php.validate.executablePath"
],
"files.defaultLanguage": "${activeEditorLanguage}",
"jupyter.askForKernelRestart": false,
"editor.formatOnType": true,
"editor.formatOnPaste": true,
"workbench.editor.wrapTabs": true,
"workbench.productIconTheme": "fluent-icons",
"workbench.sash.size": 6,
"[jsonc]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
"sync.forceDownload": false,
"vsicons.dontShowNewVersionMessage": true,
"problems.showCurrentInStatus": true,
"problems.decorations.enabled": false,
"editor.linkedEditing": true,
"auto-rename-tag.activationOnLanguage": [
"*"
],

/* TODO TREE /
"todo-tree.tree.showScanModeButton": true,
"todo-tree.regex.enableMultiLine": true,
"todo-tree.tree.scanMode": "current file",
"todo-tree.highlights.defaultHighlight": {
"icon": "alert",
"type": "text-and-comment",
"foreground": "white",
"background": "red",
"opacity": 100,
"iconColour": "red",
"gutterIcon": false,
},
"todo-tree.highlights.customHighlight": {
"TODO": {
"icon": "check",
"foreground": "black",
"background": "white",
"iconColour": "white",
},
"NOTE": {
"icon": "note",
"foreground": "white",
"background": "gray",
"iconColour": "gray",
},
"COMMENT": {
"icon": "note",
"foreground": "black",
"background": "orange",
"iconColour": "orange",
},
"FIXME": {
"foreground": "black",
"background": "yellow",
"iconColour": "yellow",
},
"BUG": {
"foreground": "black",
"background": "red",
"iconColour": "red",
},
"[ ]": {
"icon": "check",
"foreground": "black",
"background": "white",
"iconColour": "yellow",
},
"[x]": {
"icon": "bell",
"foreground": "white",
"background": "green",
"iconColour": "green",
"type": "text-and-comment",
},
"# ": {
"icon": "bookmark-fill",
"type": "text-and-comment",
"foreground": "white",
"background": "red",
"opacity": 100,
"iconColour": "red",
"Remove Tag": true
},
"///// ": {
"icon": "bookmark-fill",
"type": "text-and-comment",
"foreground": "white",
"background": "red",
"opacity": 100,
"iconColour": "red",
"Remove Tag": true
},
},
"todo-tree.regex.regex": "(//|#|<!--|;|/\|^|^\s*(-|\d+.))\s*($TAGS)",
"todo-tree.general.tags": [
"BUG",
"HACK",
"FIXME",
"TODO",
"NOTE",
"COMMENT",
"[ ]",
"[x]",
"# ",
"/// "
],
"todo-tree.general.showIconsInsteadOfTagsInStatusBar": true,
"liveServer.settings.CustomBrowser": "chrome",
"html.format.templating": true,
"editor.tabSize": 2,
"vscode-devtools-for-chrome.chromePath": "C:\Users\nicky\AppData\Local\Google\Chrome\Application\chrome.exe",
"workbench.editorAssociations": {
".ipynb": "jupyter-notebook"
},
"notebook.cellToolbarLocation": {
"default": "right",
"jupyter-notebook": "left"
},
"kite.showWelcomeNotificationOnStartup": false,
"todo-tree.tree.showCountsInTree": true,
"workbench.startupEditor": "none",
"files.associations": {
".css": "css"
},
"bracketPairColorizer.depreciation-notice": false,
"editor.hover.enabled": false,
"todo-tree.general.automaticGitRefreshInterval": true,
//"todo-tree.general.enableFileWatcher": true,
"workbench.experimental.layoutControl.enabled": true,
"inline-bookmarks.expert.custom.styles": {

},
"python.defaultInterpreterPath": "C:\Users\nicky\AppData\Local\Microsoft\WindowsApps\python3.10.exe",
"[python]": {
"editor.formatOnType": true
},
"pythonIndent.useTabOnHangingIndent": true,
"autoDocstring.includeExtendedSummary": true,
"autoDocstring.includeName": true,
"npm.keybindingsChangedWarningShown": true,

/* EDITOR FONT SIZE*/
"editor.fontSize": 20,
"debug.console.fontSize": 18,
"terminal.integrated.fontSize": 18,
"markdown.preview.fontSize": 16,
"terminal.integrated.allowMnemonics": true,
"terminal.integrated.defaultProfile.windows": "Command Prompt",
"CodeGPT.model": "gpt-4-32k",
"genieai.openai.model": "gpt-4-32k-0314",
"material-icon-theme.languages.associations": {},
"CodeGPT.query.language": "Italian",
"genieai.enableConversationHistory": true,
"[css]": {
"editor.defaultFormatter": "aeschli.vscode-css-formatter"
},
"editor.minimap.enabled": false,

}

If you

my customizations work when placed inside: "workbench.colorCustomizations": {...}

Inside it, the snippets of the "breadcrumb. ...." fragments as you suggested don't work! (as I pointed out). outside "workbench.colorCustomizations": {...} snippets work as you specify. But on the outside the various color codes do not apply to the theme change...

///// COLOR THEME ////// "workbench.colorCustomizations": { // TITLEBAR "titleBar.activeBackground": "#333", "titleBar.activeForeground": "#ffffff", /* "titleBar.inactiveBackground": "#811519", "titleBar.inactiveForeground": "#cccccc", */

// BREADCRUMB
"breadcrumb.background": "#222",
"breadcrumb.foreground": "#fff",
"breadcrumb.focusForeground": "#ff0",
"breadcrumb.activeSelectionForeground": "#ff0",
"breadcrumbPicker.background": "#222",
    
// WIDGET
"pickerGroup.foreground": "#ff0",
// GUIDE INDENT
"editorIndentGuide.activeBackground": "#ff0000",
"editorIndentGuide.background": "#999",
"indenticator.width": 3,
// ACTIVITY BAR
"activityBar.activeBackground": "#ff0000",
"activityBar.background": "#313131",
// SIDEBAR
"sideBar.background": "#212121",
"sideBarSectionHeader.background": "#ff0000",
"sideBarSectionHeader.border": "#ffffff",
"sideBarTitle.foreground": "#ffff00",
"sideBarSectionHeader.foreground": "#fff",

.... },

If you use beadcumb. right after the first { it will work

any recommendation settings for light themes ?

please anyone can tell how change that logo color in json file

please help 😞😞

How to change color of this green pointer to cursor location? Now it correlates with my cursor color, is it possible to change it independently from my cursor color?

Hey there, thanks for this resource!

Is it possible to change the search bar highlighting? I'd like the file names / titles to be more prominent, something like this:

please anyone can tell how change that logo color in json file please help 😞😞

Refer to this https://www.reddit.com/r/vscode/comments/xvo84n/is_there_any_way_to_remove_the_watermark/

Thank For this friend

…

On Mon, Apr 22, 2024 at 6:08 AM Steve Hou ***@***.***> wrote: ***@***.**** commented on this gist. ------------------------------ please anyone can tell how change that logo color in json file [image: Screenshot 2023-08-27 104652] <https://user-images.githubusercontent.com/74115641/263510415-89f958c6-ca0e-4cb2-a529-e8158019e125.png> please help 😞😞 Refer to this https://www.reddit.com/r/vscode/comments/xvo84n/is_there_any_way_to_remove_the_watermark/ — Reply to this email directly, view it on GitHub <https://gist.github.com/dcts/5b2af4c8b6918e7d35c4121f11d49fb1#gistcomment-5031671> or unsubscribe <https://github.com/notifications/unsubscribe-auth/ARVOUOOPUASUXRN5OI4FSR3Y6RLY5BFKMF2HI4TJMJ2XIZLTSKBKK5TBNR2WLJDUOJ2WLJDOMFWWLO3UNBZGKYLEL5YGC4TUNFRWS4DBNZ2F6YLDORUXM2LUPGBKK5TBNR2WLJDHNFZXJJDOMFWWLK3UNBZGKYLEL52HS4DFVRZXKYTKMVRXIX3UPFYGLK2HNFZXIQ3PNVWWK3TUUZ2G64DJMNZZDAVEOR4XAZNEM5UXG5FFOZQWY5LFVEYTAMRTG44TONBTU52HE2LHM5SXFJTDOJSWC5DF> . You are receiving this email because you commented on the thread. Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub> .

If you'd like, you can try out my VS Code theme here: https://marketplace.visualstudio.com/items?itemName=amila.blah. 🙂🙂 On Tue, Apr 23, 2024 at 10:41 AM Amila Nirmal ***@***.***> wrote:

…

Thank For this friend On Mon, Apr 22, 2024 at 6:08 AM Steve Hou ***@***.***> wrote: > ***@***.**** commented on this gist. > ------------------------------ > > please anyone can tell how change that logo color in json file [image: > Screenshot 2023-08-27 104652] > <https://user-images.githubusercontent.com/74115641/263510415-89f958c6-ca0e-4cb2-a529-e8158019e125.png> > please help 😞😞 > > Refer to this > https://www.reddit.com/r/vscode/comments/xvo84n/is_there_any_way_to_remove_the_watermark/ > > — > Reply to this email directly, view it on GitHub > <https://gist.github.com/dcts/5b2af4c8b6918e7d35c4121f11d49fb1#gistcomment-5031671> > or unsubscribe > <https://github.com/notifications/unsubscribe-auth/ARVOUOOPUASUXRN5OI4FSR3Y6RLY5BFKMF2HI4TJMJ2XIZLTSKBKK5TBNR2WLJDUOJ2WLJDOMFWWLO3UNBZGKYLEL5YGC4TUNFRWS4DBNZ2F6YLDORUXM2LUPGBKK5TBNR2WLJDHNFZXJJDOMFWWLK3UNBZGKYLEL52HS4DFVRZXKYTKMVRXIX3UPFYGLK2HNFZXIQ3PNVWWK3TUUZ2G64DJMNZZDAVEOR4XAZNEM5UXG5FFOZQWY5LFVEYTAMRTG44TONBTU52HE2LHM5SXFJTDOJSWC5DF> > . > You are receiving this email because you commented on the thread. > > Triage notifications on the go with GitHub Mobile for iOS > <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> > or Android > <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub> > . > >

How to change the color of hovering buttons in dropdown like the following?
I want to change the blue to green
(I'm running vscode on NixOS through KDE)

I found the issue, it's seems to be more KDE related, and especially how KDE deals with Gnome GTK theming apps.

To keep consistency between my KDE theme (Breeze Dark) and VSCode Context Menu which uses GTK, i just had to go into KDE settings :

And then choose the same GTK Theme :

Now i have context menu in VScode following my KDE Theme 😄 :