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": ""
}

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 😄 :