-
-
Save cycold/c714e4f5a6bbd54c627ba965bb0f2885 to your computer and use it in GitHub Desktop.
quasi complete list of workspace customization options for vscode
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"workbench.colorCustomizations": { | |
"activityBar.background": "#00AA00", | |
"activityBar.background": "", // Activity Bar bgcolor | |
"activityBar.border": "", // Activity Bar border color with the sidebar | |
"activityBar.dropBackground": "", // Drag and drop feedback color for the Activity Bar items | |
"activityBar.foreground": "", // Activity bar fgcolor (i.e. used for the icons) | |
"activityBarBadge.background": "", // Activity notification badge bgcolor | |
"activityBarBadge.foreground": "", // Activity notification badge fgcolor | |
"badge.background": "", // Badge bgcolor | |
"badge.foreground": "", // Badge fgcolor | |
"button.background": "", // Button bgcolor | |
"button.foreground": "", // Button fgcolor | |
"button.hoverBackground": "", // Button bgcolor when hovering | |
"contrastActiveBorder": "", // extra border around active elements to separate them from other elements | |
"contrastBorder": "", // An extra border around elements to separate them from others for greater contrast | |
"debugExceptionWidget.background": "", // Exception widget bgcolor | |
"debugExceptionWidget.border": "", // Exception widget border color | |
"debugToolBar.background": "", // Debug toolbar bgcolor | |
"diffEditor.insertedTextBackground": "", // bgcolor for inserted text | |
"diffEditor.insertedTextBorder": "", // Outline color for inserted text | |
"diffEditor.removedTextBackground": "", // bgcolor for removed text | |
"diffEditor.removedTextBorder": "", // Outline color for removed text | |
"dropdown.background": "", // Dropdown bgcolor | |
"dropdown.border": "", // Dropdown border | |
"dropdown.foreground": "", // Dropdown fgcolor | |
"editor.background": "", // Editor bgcolor | |
"editor.findMatchBackground": "", // Color of the current search match | |
"editor.findMatchHighlightBackground": "", // Color of the other search matches | |
"editor.findRangeHighlightBackground": "", // Color the range limiting the search | |
"editor.foreground": "", // Editor default fgcolor | |
"editor.hoverHighlightBackground": "", // Highlight below the word for which a hover is shown | |
"editor.inactiveSelectionBackground": "", // Color of the selection in an inactive editor | |
"editor.lineHighlightBackground": "", // bgcolor for the highlight of line at the cursor position | |
"editor.lineHighlightBorder": "", // bgcolor for the border around the line at the cursor position | |
"editor.rangeHighlightBackground": "", // bgcolor of highlighted ranges, like by Quick Open and Find features | |
"editor.selectionBackground": "", // Color of the editor selection | |
"editor.selectionHighlightBackground": "", // Color for regions with the same content as the selection | |
"editor.wordHighlightBackground": "", // bgcolor of a symbol during read-access, i.e. when reading a variable | |
"editor.wordHighlightStrongBackground": "", // bgcolor of a symbol during write-access, i.e. when writing to a variable | |
"editorBracketMatchbackground": "", // bgcolor behind matching brackets | |
"editorBracketMatchborder": "", // Color for matching brackets boxes | |
"editorCodeLens.foreground": "", // fgcolor of an editor CodeLens | |
"editorCursor.foreground": "", // Color of the editor cursor | |
"editorError.border": "", // Border color of error squigglies in the editor | |
"editorError.foreground": "", // fgcolor of error squigglies in the editor | |
"editorGroup.background": "", // bgcolor of an editor group. The bgcolor shows up when editor groups dragged | |
"editorGroup.border": "", // Color to separate multiple editor groups from each other | |
"editorGroup.dropBackground": "", // bgcolor when dragging editors around | |
"editorGroupHeader.noTabsBackground": "", // bgcolor of the editor group title header when Tabs are disabled | |
"editorGroupHeader.tabsBackground": "", // bgcolor of the Tabs container | |
"editorGroupHeader.tabsBorder": "", // Border color of the editor group title header when tabs are enabled. Editor groups are the containers of editors | |
"editorGutter.addedBackground": "", // Editor gutter bgcolor for lines that are added | |
"editorGutter.background": "", // bgcolor of the editor gutter | |
"editorGutter.deletedBackground": "", // Editor gutter bgcolor for lines that are deleted | |
"editorGutter.modifiedBackground": "", // Editor gutter bgcolor for lines that are modified | |
"editorHoverWidget.background": "", // bgcolor of the editor hover | |
"editorHoverWidget.border": "", // Border color of the editor hover | |
"editorIndentGuide.background": "", // Color of the editor indentation guides | |
"editorLineNumber.foreground": "", // Color of editor line numbers | |
"editorLink.activeForeground": "", // Color of active links | |
"editorMarkerNavigation.background": "", // Editor marker navigation widget bgcolor | |
"editorMarkerNavigationError.background": "", // Editor marker navigation widget error color | |
"editorMarkerNavigationWarning.background": "", // Editor marker navigation widget warning color | |
"editorOverviewRuler.addedForeground": "", // Overview ruler marker color for added content | |
"editorOverviewRuler.border": "", // Color of the overview ruler border | |
"editorOverviewRuler.commonContentForeground": "", // Common ancestor overview ruler fgcolor for inline merge conflicts | |
"editorOverviewRuler.currentContentForeground": "", // Current overview ruler fgcolor for inline merge conflicts | |
"editorOverviewRuler.deletedForeground": "", // Overview ruler marker color for deleted content | |
"editorOverviewRuler.errorForeground": "", // Overview ruler marker color for errors | |
"editorOverviewRuler.findMatchForeground": "", // Overview ruler marker color for find matches | |
"editorOverviewRuler.incomingContentForeground": "", // Incoming overview ruler fgcolor for inline merge conflicts | |
"editorOverviewRuler.infoForeground": "", // Overview ruler marker color for infos | |
"editorOverviewRuler.modifiedForeground": "", // Overview ruler marker color for modified content | |
"editorOverviewRuler.rangeHighlightForeground": "", // Overview ruler marker color for range highlights | |
"editorOverviewRuler.selectionHighlightForeground": "", // Overview ruler marker color for selection highlights | |
"editorOverviewRuler.warningForeground": "", // Overview ruler marker color for warnings | |
"editorOverviewRuler.wordHighlightForeground": "", // Overview ruler marker color for symbol highlights | |
"editorOverviewRuler.wordHighlightStrongForeground": "", // Overview ruler marker color for write-access symbol highlights | |
"editorRuler.foreground": "", // Color of the editor rulers | |
"editorSuggestWidget.background": "", // bgcolor of the suggestion widget | |
"editorSuggestWidget.border": "", // Border color of the suggestion widget | |
"editorSuggestWidget.foreground": "", // fgcolor of the suggestion widget | |
"editorSuggestWidget.highlightForeground": "", // Color of the match highlights in the suggestion widget | |
"editorSuggestWidget.selectedBackground": "", // bgcolor of the selected entry in the suggestion widget | |
"editor.tokenColorCustomizations": "#717C96", // COMMENT COLOR | |
"editorWarning.border": "", // Border color of warning squigglies in the editor | |
"editorWarning.foreground": "", // fgcolor of warning squigglies in the editor | |
"editorWhitespace.foreground": "", // Color of whitespace characters in the editor | |
"editorWidget.background": "", // bgcolor of editor widgets, such as Find/Replace | |
"editorWidget.border": "", // Border color of the editor widget unless the widget does not contain a border or defines its own border color | |
"errorForeground": "", // Overall fgcolor for error messages (**Only used if not overridden by a component) | |
"extensionButton.prominentBackground": "", // Extension view button bgcolor | |
"extensionButton.prominentForeground": "", // Extension view button fgcolor | |
"extensionButton.prominentHoverBackground": "", // Extension view button bgcolor hover color | |
"focusBorder": "", // Overall border color for focused elements. **Only used if not overridden by a component | |
"foreground": "", // Overall fgcolor **Only used if not overridden by a component | |
"input.background": "", // Input box bgcolor | |
"input.border": "", // Input box border | |
"input.foreground": "", // Input box fgcolor | |
"input.placeholderForeground": "", // Input box fgcolor for placeholder text | |
"inputOption.activeBorder": "", // Border color of activated options in input fields | |
"inputValidation.errorBackground": "", // Input validation bgcolor for error severity | |
"inputValidation.errorBorder": "", // Input validation border color for error severity | |
"inputValidation.infoBackground": "", // Input validation bgcolor for information severity | |
"inputValidation.infoBorder": "", // Input validation border color for information severity | |
"inputValidation.warningBackground": "", // Input validation bgcolor for information warning | |
"inputValidation.warningBorder": "", // Input validation border color for warning severity | |
"list.activeSelectionBackground": "", // List/Tree bgcolor for the selected item when the list/tree is active | |
"list.activeSelectionForeground": "", // List/Tree fgcolor for the selected item when the list/tree is active | |
"list.dropBackground": "", // List/Tree drag and drop bgcolor when moving items around using the mouse | |
"list.focusBackground": "", // List/Tree bgcolor for the focused item when the list/tree is active | |
"list.focusForeground": "", // List/Tree fgcolor for the focused item when the list/tree is active | |
"list.highlightForeground": "", // List/Tree fgcolor of the match highlights when searching list/tree | |
"list.hoverBackground": "", // List/Tree bgcolor when hovering over items using the mouse | |
"list.hoverForeground": "", // List/Tree fgcolor when hovering over items using the mouse | |
"list.inactiveSelectionBackground": "", // List/Tree bgcolor for selected item when the list/tree inactive | |
"list.inactiveSelectionForeground": "", // List/Tree fgcolor for the selected item when the list/tree is inactive. An active list/tree has keyboard focus, an inactive does not | |
"merge.border": "", // Border color on headers and the splitter in inline merge conflicts | |
"merge.currentContentBackground": "", // Current content bgcolor in inline merge conflicts | |
"merge.currentHeaderBackground": "", // Current header bgcolor in inline merge conflicts | |
"merge.incomingContentBackground": "", // Incoming content bgcolor in inline merge conflicts | |
"merge.incomingHeaderBackground": "", // Incoming header bgcolor in inline merge conflicts | |
"notification.background": "", // Notifications bgcolor | |
"notification.buttonBackground": "", // Notifications button bgcolor | |
"notification.buttonForeground": "", // Notifications button fgcolor | |
"notification.buttonHoverBackground": "", // Notifications button hover bgcolor | |
"notification.errorBackground": "", // Notifications error badge bgcolor | |
"notification.errorForeground": "", // Notifications error badge fgcolor | |
"notification.foreground": "", // Notifications fgcolor | |
"notification.infoBackground": "", // Notifications info badge bgcolor | |
"notification.infoForeground": "", // Notifications info badge fgcolor | |
"notification.warningBackground": "", // Notifications warning badge bgcolor | |
"notification.warningForeground": "", // Notifications warning badge fgcolor | |
"panel.background": "", // Panel bgcolor | |
"panel.border": "", // Panel border color on the top separating to the editor | |
"panelTitle.activeBorder": "", // Border color for the active panel title | |
"panelTitle.activeForeground": "", // Title color for the active panel | |
"panelTitle.inactiveForeground": "", // Title color for the inactive panel | |
"peekView.border": "", // Color of the peek view borders and arrow | |
"peekViewEditor.background": "", // bgcolor of the peek view editor | |
"peekViewEditor.matchHighlightBackground": "", // Match highlight color in the peek view editor | |
"peekViewEditorGutter.background": "", // bgcolor of the gutter in the peek view editor | |
"peekViewResult.background": "", // bgcolor of the peek view result list | |
"peekViewResult.fileForeground": "", // fgcolor for file nodes in the peek view result list | |
"peekViewResult.lineForeground": "", // fgcolor for line nodes in the peek view result list | |
"peekViewResult.matchHighlightBackground": "", // Match highlight color in the peek view results | |
"peekViewResult.selectionBackground": "", // bgcolor of the selected entry in the peek view results | |
"peekViewResult.selectionForeground": "", // fgcolor of the selected entry in the peek view results | |
"peekViewTitle.background": "", // bgcolor of the peek view title area | |
"peekViewTitleDescription.foreground": "", // Color of the peek view title info | |
"peekViewTitleLabel.foreground": "", // Color of the peek view title | |
"pickerGroup.border": "", // Quick picker (Quick Open) color for grouping borders | |
"pickerGroup.foreground": "", // Quick picker (Quick Open) color for grouping labels | |
"progressBar.background": "", // bgcolor of the progress bar shown for long running operations | |
"scrollbar.shadow": "", // Scroll Bar shadow to indicate that the view is scrolled | |
"scrollbarSlider.activeBackground": "", // Slider bgcolor when active | |
"scrollbarSlider.background": "", // Slider bgcolor | |
"scrollbarSlider.hoverBackground": "", // Slider bgcolor when hovering | |
"selection.background": "", // bgcolor of text selections in the workbench (for input fields or text areas, does not apply to selections within the editor and the terminal) | |
"sideBar.background": "", // sidebar bgcolor | |
"sideBar.border": "", // sidebar border color on the side separating the editor | |
"sideBar.foreground": "", // sidebar fgcolor | |
"sideBarSectionHeader.background": "", // sidebar section header bgcolor | |
"sideBarSectionHeader.foreground": "", // sidebar section header fgcolor | |
"sideBarTitle.foreground": "", // sidebar title fgcolor | |
"statusBar.background": "", // Standard Status Bar bgcolor | |
"statusBar.border": "", // Status Bar border color separating the Status Bar and editor | |
"statusBar.debuggingBackground": "", // Status Bar bgcolor when a program is being debugged | |
"statusBar.debuggingBorder": "", // Status Bar border color separating the Status Bar and editor when a program | |
"statusBar.debuggingForeground": "", // Status Bar fgcolor when a program is being debugged | |
"statusBar.foreground": "", // Status Bar fgcolor | |
"statusBar.noFolderBackground": "", // Status Bar bgcolor when no folder is opened | |
"statusBar.noFolderBorder": "", // Status Bar border color separating the Status Bar and editor | |
"statusBar.noFolderForeground": "", // Status Bar fgcolor when no folder is opened | |
"statusBarItem.activeBackground": "", // Status Bar item bgcolor when clicking | |
"statusBarItem.hoverBackground": "", // Status Bar item bgcolor when hovering | |
"statusBarItem.prominentBackground": "", // Status Bar prominent items bgcolor | |
"statusBarItem.prominentHoverBackground": "", // Status Bar prominent items bgcolor when hovering | |
"tab.activeBackground": "", // Active Tab bgcolor | |
"tab.activeBorder": "", // Bottom border for the active tab | |
"tab.activeForeground": "", // Active Tab fgcolor in an active group | |
"tab.border": "", // Border to separate Tabs from each other | |
"tab.inactiveBackground": "", // Inactive Tab bgcolor | |
"tab.inactiveForeground": "", // Inactive Tab fgcolor in an active group | |
"tab.unfocusedActiveBorder": "", // Bottom border for the active tab in an inactive editor group | |
"tab.unfocusedActiveForeground": "", // Active tab fgcolor in an inactive editor group | |
"tab.unfocusedInactiveForeground": "", // Inactive tab fgcolor in an inactive editor group | |
"terminal.ansiBlack": "", // 'Black' ANSI color in the terminal | |
"terminal.ansiBlue": "", // 'Blue' ANSI color in the terminal | |
"terminal.ansiBrightBlack": "", // 'BrightBlack' ANSI color in the terminal | |
"terminal.ansiBrightBlue": "", // 'BrightBlue' ANSI color in the terminal | |
"terminal.ansiBrightCyan": "", // 'BrightCyan' ANSI color in the terminal | |
"terminal.ansiBrightGreen": "", // 'BrightGreen' ANSI color in the terminal | |
"terminal.ansiBrightMagenta": "", // 'BrightMagenta' ANSI color in the terminal | |
"terminal.ansiBrightRed": "", // 'BrightRed' ANSI color in the terminal | |
"terminal.ansiBrightWhite": "", // 'BrightWhite' ANSI color in the terminal | |
"terminal.ansiBrightYellow": "", // 'BrightYellow' ANSI color in the terminal | |
"terminal.ansiCyan": "", // 'Cyan' ANSI color in the terminal | |
"terminal.ansiGreen": "", // 'Green' ANSI color in the terminal | |
"terminal.ansiMagenta": "", // 'Magenta' ANSI color in the terminal | |
"terminal.ansiRed": "", // 'Red' ANSI color in the terminal | |
"terminal.ansiWhite": "", // 'White' ANSI color in the terminal | |
"terminal.ansiYellow": "", // 'Yellow' ANSI color in the terminal | |
"terminal.background": "", // The bgcolor of the Integrated Terminal's viewport | |
"terminal.foreground": "", // The default fgcolor of the Integrated Terminal | |
"titleBar.activeBackground": "", // Title Bar bgcolor when the window is active | |
"titleBar.activeForeground": "", // Title Bar fgcolor when the window is active | |
"titleBar.inactiveBackground": "", // Title Bar bgcolor when the window is inactive | |
"titleBar.inactiveForeground": "", // Title Bar fgcolor when window inactive | |
"walkThrough.embeddedEditorBackground": "", // bgcolor for embedded editor on Int Play | |
"welcomePage.buttonBackground": "", // bgcolor for the buttons on the Welcome page | |
"welcomePage.buttonHoverBackground": "", // Hover bgcolor for the buttons on the Welcome page | |
"widget.shadow": "" // Shadow color of widgets such as Find/Replace inside the editor. | |
}, | |
"editor.tokenColorCustomizations": { | |
"textMateRules": [ | |
{ | |
"scope": "keyword", | |
"settings": { "fontStyle": "bold" } | |
}, | |
{ | |
"scope": "storage", | |
"settings": { "fontStyle": "bold" } | |
}, | |
{ | |
"scope": "constant.language", | |
"settings": { "fontStyle": "bold" } | |
}, | |
{ | |
"scope": "support.class.builtin", | |
"settings": { "fontStyle": "bold" } | |
} | |
] | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment