Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Theme color reference that lists all themable colors in Visual Studio Code.
// Theme color reference --> https://github.com/Microsoft/vscode-docs/blob/master/api/references/theme-color.md
{
"colors": {
// Contrast colors
"contrastActiveBorder": "",
"contrastBorder": "",
// Base colors
"focusBorder": "",
"foreground": "",
"widget.shadow": "",
"selection.background": "",
"descriptionForeground": "",
"errorForeground": "",
"icon.foreground": "",
"sash.hoverBorder": "",
// Window border
"window.activeBorder": "",
"window.inactiveBorder": "",
// Text colors
"textBlockQuote.background": "",
"textBlockQuote.border": "",
"textCodeBlock.background": "",
"textLink.activeForeground": "",
"textLink.foreground": "",
"textPreformat.foreground": "",
"textSeparator.foreground": "",
// Button control
"button.background": "",
"button.foreground": "",
"button.hoverBackground": "",
"button.secondaryForeground": "",
"button.secondaryBackground": "",
"button.secondaryHoverBackground": "",
"checkbox.background": "",
"checkbox.foreground": "",
"checkbox.border": "",
// Dropdown control
"dropdown.background": "",
"dropdown.listBackground": "",
"dropdown.border": "",
"dropdown.foreground": "",
// input control
"input.background": "",
"input.border": "",
"input.foreground": "",
"input.placeholderForeground": "",
"inputOption.activeBackground": "",
"inputOption.activeBorder": "",
"inputOption.activeForeground": "",
"inputValidation.errorBackground": "",
"inputValidation.errorForeground": "",
"inputValidation.errorBorder": "",
"inputValidation.infoBackground": "",
"inputValidation.infoForeground": "",
"inputValidation.infoBorder": "",
"inputValidation.warningBackground": "",
"inputValidation.warningForeground": "",
"inputValidation.warningBorder": "",
// Scrollbar control
"scrollbar.shadow": "",
"scrollbarSlider.activeBackground": "",
"scrollbarSlider.background": "",
"scrollbarSlider.hoverBackground": "",
// badge
"badge.foreground": "",
"badge.background": "",
// Progress bar
"progressBar.background": "",
// List & trees
"list.activeSelectionBackground": "",
"list.activeSelectionForeground": "",
"list.dropBackground": "",
"list.focusBackground": "",
"list.focusForeground": "",
"list.highlightForeground": "",
"list.hoverBackground": "",
"list.hoverForeground": "",
"list.inactiveSelectionBackground": "",
"list.inactiveSelectionForeground": "",
"list.inactiveFocusBackground": "",
"list.invalidItemForeground": "",
"list.errorForeground": "",
"list.warningForeground": "",
"listFilterWidget.background": "",
"listFilterWidget.outline": "",
"listFilterWidget.noMatchesOutline": "",
"list.filterMatchBackground": "",
"list.filterMatchBorder": "",
"list.indentGuidesStroke": "",
"list.deemphasizedForeground": "",
// Activity bar
"activityBar.background": "",
"activityBar.dropBorder": "",
"activityBar.foreground": "",
"activityBar.inactiveForeground": "",
"activityBar.border": "",
"activityBarBadge.background": "",
"activityBarBadge.foreground": "",
"activityBar.activeBorder": "",
"activityBar.activeBackground": "",
"activityBar.activeFocusBorder": "",
// Side bar
"sideBar.background": "",
"sideBar.foreground": "",
"sideBar.border": "",
"sideBar.dropBackground": "",
"sideBarTitle.foreground": "",
"sideBarSectionHeader.background": "",
"sideBarSectionHeader.foreground": "",
"sideBarSectionHeader.border": "",
// Minimap
"minimap.findMatchHighlight": "",
"minimap.selectionHighlight": "",
"minimap.errorHighlight": "",
"minimap.warningHighlight": "",
"minimap.background": "",
"minimapSlider.background": "",
"minimapSlider.hoverBackground": "",
"minimapSlider.activeBackground": "",
"minimapGutter.addedBackground": "",
"minimapGutter.modifiedBackground": "",
"minimapGutter.deletedBackground": "",
// Editor groups & tabs
"editorGroup.border": "",
"editorGroup.dropBackground": "",
"editorGroupHeader.noTabsBackground": "",
"editorGroupHeader.tabsBackground": "",
"editorGroupHeader.tabsBorder": "",
"editorGroupHeader.border": "",
"editorGroup.emptyBackground": "",
"editorGroup.focusedEmptyBorder": "",
"tab.activeBackground": "",
"tab.unfocusedActiveBackground": "",
"tab.activeForeground": "",
"tab.border": "",
"tab.activeBorder": "",
"tab.unfocusedActiveBorder": "",
"tab.activeBorderTop": "",
"tab.unfocusedActiveBorderTop": "",
"tab.lastPinnedBorder": "",
"tab.inactiveBackground": "",
"tab.unfocusedInactiveBackground": "",
"tab.inactiveForeground": "",
"tab.unfocusedActiveForeground": "",
"tab.unfocusedInactiveForeground": "",
"tab.hoverBackground": "",
"tab.unfocusedHoverBackground": "",
"tab.hoverForeground": "",
"tab.unfocusedHoverForeground": "",
"tab.hoverBorder": "",
"tab.unfocusedHoverBorder": "",
"tab.activeModifiedBorder": "",
"tab.inactiveModifiedBorder": "",
"tab.unfocusedActiveModifiedBorder": "",
"tab.unfocusedInactiveModifiedBorder": "",
"editorPane.background": "",
// Editor colors
"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.wordHighlightStrongBackground": "",
"editor.wordHighlightStrongBorder": "",
"editor.findMatchBackground": "",
"editor.findMatchHighlightBackground": "",
"editor.findRangeHighlightBackground": "",
"editor.findMatchBorder": "",
"editor.findMatchHighlightBorder": "",
"editor.findRangeHighlightBorder": "",
"searchEditor.findMatchBackground": "",
"searchEditor.findMatchBorder": "",
"searchEditor.textInputBorder": "",
"editor.hoverHighlightBackground": "",
"editor.lineHighlightBackground": "",
"editor.lineHighlightBorder": "",
"editorLink.activeForeground": "",
"editor.rangeHighlightBackground": "",
"editor.rangeHighlightBorder": "",
"editor.symbolHighlightBackground": "",
"editor.symbolHighlightBorder": "",
"editorWhitespace.foreground": "",
"editorIndentGuide.background": "",
"editorIndentGuide.activeBackground": "",
"editorRuler.foreground": "",
"editor.linkedEditingBackground": "",
"editorCodeLens.foreground": "",
"editorLightBulb.foreground": "",
"editorLightBulbAutoFix.foreground": "",
"editorBracketMatch.background": "",
"editorBracketMatch.border": "",
"editor.foldBackground": "",
"editorOverviewRuler.background": "",
"editorOverviewRuler.border": "",
"editorOverviewRuler.findMatchForeground": "",
"editorOverviewRuler.rangeHighlightForeground": "",
"editorOverviewRuler.selectionHighlightForeground": "",
"editorOverviewRuler.wordHighlightForeground": "",
"editorOverviewRuler.wordHighlightStrongForeground": "",
"editorOverviewRuler.modifiedForeground": "",
"editorOverviewRuler.addedForeground": "",
"editorOverviewRuler.deletedForeground": "",
"editorOverviewRuler.errorForeground": "",
"editorOverviewRuler.warningForeground": "",
"editorOverviewRuler.infoForeground": "",
"editorOverviewRuler.bracketMatchForeground": "",
"editorError.foreground": "",
"editorError.border": "",
"editorError.background": "",
"editorWarning.foreground": "",
"editorWarning.border": "",
"editorWarning.background": "",
"editorInfo.foreground": "",
"editorInfo.border": "",
"editorInfo.background": "",
"editorHint.foreground": "",
"editorHint.border": "",
"problemsErrorIcon.foreground": "",
"problemsWarningIcon.foreground": "",
"problemsInfoIcon.foreground": "",
"editorUnnecessaryCode.border": "",
"editorUnnecessaryCode.opacity": "",
"editorGutter.background": "",
"editorGutter.modifiedBackground": "",
"editorGutter.addedBackground": "",
"editorGutter.deletedBackground": "",
"editorGutter.commentRangeForeground": "",
"editorGutter.foldingControlForeground": "",
// Diff editor colors
"diffEditor.insertedTextBackground": "",
"diffEditor.insertedTextBorder": "",
"diffEditor.removedTextBackground": "",
"diffEditor.removedTextBorder": "",
"diffEditor.border": "",
"diffEditor.diagonalFill": "",
// Editor widget colors
"editorWidget.foreground": "",
"editorWidget.background": "",
"editorWidget.border": "",
"editorWidget.resizeBorder": "",
"editorSuggestWidget.background": "",
"editorSuggestWidget.border": "",
"editorSuggestWidget.foreground": "",
"editorSuggestWidget.highlightForeground": "",
"editorSuggestWidget.selectedBackground": "",
"editorHoverWidget.foreground": "",
"editorHoverWidget.background": "",
"editorHoverWidget.border": "",
"editorHoverWidget.statusBarBackground": "",
"debugExceptionWidget.background": "",
"debugExceptionWidget.border": "",
"editorMarkerNavigation.background": "",
"editorMarkerNavigationError.background": "",
"editorMarkerNavigationWarning.background": "",
"editorMarkerNavigationInfo.background": "",
// Peek view colors
"peekView.border": "",
"peekViewEditor.background": "",
"peekViewEditorGutter.background": "",
"peekViewEditor.matchHighlightBackground": "",
"peekViewEditor.matchHighlightBorder": "",
"peekViewResult.background": "",
"peekViewResult.fileForeground": "",
"peekViewResult.lineForeground": "",
"peekViewResult.matchHighlightBackground": "",
"peekViewResult.selectionBackground": "",
"peekViewResult.selectionForeground": "",
"peekViewTitle.background": "",
"peekViewTitleDescription.foreground": "",
"peekViewTitleLabel.foreground": "",
// Merge conflict colors
"merge.currentHeaderBackground": "",
"merge.currentContentBackground": "",
"merge.incomingHeaderBackground": "",
"merge.incomingContentBackground": "",
"merge.border": "",
"merge.commonContentBackground": "",
"merge.commonHeaderBackground": "",
"editorOverviewRuler.currentContentForeground": "",
"editorOverviewRuler.incomingContentForeground": "",
"editorOverviewRuler.commonContentForeground": "",
// Panel colors
"panel.background": "",
"panel.border": "",
"panel.dropBorder": "",
"panelTitle.activeBorder": "",
"panelTitle.activeForeground": "",
"panelTitle.inactiveForeground": "",
"panelInput.border": "",
"panelSection.border": "",
"panelSection.dropBackground": "",
"panelSectionHeader.background": "",
"panelSectionHeader.foreground": "",
"panelSectionHeader.border": "",
// Preview colors
"imagePreview.border": "",
// Status bar colors
"statusBar.background": "",
"statusBar.foreground": "",
"statusBar.border": "",
"statusBar.debuggingBackground": "",
"statusBar.debuggingForeground": "",
"statusBar.debuggingBorder": "",
"statusBar.noFolderForeground": "",
"statusBar.noFolderBackground": "",
"statusBar.noFolderBorder": "",
"statusBarItem.activeBackground": "",
"statusBarItem.hoverBackground": "",
"statusBarItem.prominentForeground": "",
"statusBarItem.prominentBackground": "",
"statusBarItem.prominentHoverBackground": "",
"statusBarItem.remoteBackground": "",
"statusBarItem.remoteForeground": "",
"statusBarItem.errorBackground": "",
"statusBarItem.errorForeground": "",
// Title bar colors
"titleBar.activeBackground": "",
"titleBar.activeForeground": "",
"titleBar.inactiveBackground": "",
"titleBar.inactiveForeground": "",
"titleBar.border": "",
// Notification colors
"notificationCenter.border": "",
"notificationCenterHeader.foreground": "",
"notificationCenterHeader.background": "",
"notificationToast.border": "",
"notifications.foreground": "",
"notifications.background": "",
"notifications.border": "",
"notificationLink.foreground": "",
"notificationsErrorIcon.foreground": "",
"notificationsWarningIcon.foreground": "",
"notificationsInfoIcon.foreground": "",
// Extensions colors
"extensionButton.prominentForeground": "",
"extensionButton.prominentBackground": "",
"extensionButton.prominentHoverBackground": "",
"extensionBadge.remoteBackground": "",
"extensionBadge.remoteForeground": "",
// Quick picker colors
"pickerGroup.border": "",
"pickerGroup.foreground": "",
"quickInput.background": "",
"quickInput.foreground": "",
"quickInputTitle.background": "",
// Integrated terminal colors
"terminal.background": "",
"terminal.border": "",
"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 colors
"debugToolBar.background": "",
"debugToolBar.border": "",
"editor.stackFrameHighlightBackground": "",
"editor.focusedStackFrameHighlightBackground": "",
"debugView.exceptionLabelForeground": "",
"debugView.exceptionLabelBackground": "",
"debugView.stateLabelForeground": "",
"debugView.stateLabelBackground": "",
"debugView.valueChangedHighlight": "",
"debugTokenExpression.name": "",
"debugTokenExpression.value": "",
"debugTokenExpression.string": "",
"debugTokenExpression.boolean": "",
"debugTokenExpression.number": "",
"debugTokenExpression.error": "",
// Welcome pages colors
"welcomePage.background": "",
"welcomePage.buttonBackground": "",
"welcomePage.buttonHoverBackground": "",
"walkThrough.embeddedEditorBackground": "",
// Source control colors
"scm.providerBorder": "",
// Git colors
"gitDecoration.addedResourceForeground": "",
"gitDecoration.modifiedResourceForeground": "",
"gitDecoration.stageModifiedResourceForeground": "",
"gitDecoration.deletedResourceForeground": "",
"gitDecoration.stageDeletedResourceForeground": "",
"gitDecoration.untrackedResourceForeground": "",
"gitDecoration.ignoredResourceForeground": "",
"gitDecoration.conflictingResourceForeground": "",
"gitDecoration.submoduleResourceForeground": "",
// Settings editor colors
"settings.headerForeground": "",
"settings.modifiedItemIndicator": "",
"settings.dropdownBackground": "",
"settings.dropdownForeground": "",
"settings.dropdownBorder": "",
"settings.dropdownListBorder": "",
"settings.checkboxBackground": "",
"settings.checkboxForeground": "",
"settings.checkboxBorder": "",
"settings.textInputBackground": "",
"settings.textInputForeground": "",
"settings.textInputBorder": "",
"settings.numberInputBackground": "",
"settings.numberInputForeground": "",
"settings.numberInputBorder": "",
"settings.focusedRowBackground": "",
// Breadcrumbs colors
"breadcrumb.foreground": "",
"breadcrumb.background": "",
"breadcrumb.focusForeground": "",
"breadcrumb.activeSelectionForeground": "",
"breadcrumbPicker.background": "",
// Snippets colors
"editor.snippetTabstopHighlightBackground": "",
"editor.snippetTabstopHighlightBorder": "",
"editor.snippetFinalTabstopHighlightBackground": "",
"editor.snippetFinalTabstopHighlightBorder": "",
// Symbol icons colors
"symbolIcon.arrayForeground": "",
"symbolIcon.booleanForeground": "",
"symbolIcon.classForeground": "",
"symbolIcon.colorForeground": "",
"symbolIcon.constantForeground": "",
"symbolIcon.constructorForeground": "",
"symbolIcon.enumeratorForeground": "",
"symbolIcon.enumeratorMemberForeground": "",
"symbolIcon.eventForeground": "",
"symbolIcon.fieldForeground": "",
"symbolIcon.fileForeground": "",
"symbolIcon.folderForeground": "",
"symbolIcon.functionForeground": "",
"symbolIcon.interfaceForeground": "",
"symbolIcon.keyForeground": "",
"symbolIcon.keywordForeground": "",
"symbolIcon.methodForeground": "",
"symbolIcon.moduleForeground": "",
"symbolIcon.namespaceForeground": "",
"symbolIcon.nullForeground": "",
"symbolIcon.numberForeground": "",
"symbolIcon.objectForeground": "",
"symbolIcon.operatorForeground": "",
"symbolIcon.packageForeground": "",
"symbolIcon.propertyForeground": "",
"symbolIcon.referenceForeground": "",
"symbolIcon.snippetForeground": "",
"symbolIcon.stringForeground": "",
"symbolIcon.structForeground": "",
"symbolIcon.textForeground": "",
"symbolIcon.typeParameterForeground": "",
"symbolIcon.unitForeground": "",
"symbolIcon.variableForeground": "",
// Debug icons colors
"debugIcon.breakpointForeground": "",
"debugIcon.breakpointDisabledForeground": "",
"debugIcon.breakpointUnverifiedForeground": "",
"debugIcon.breakpointCurrentStackframeForeground": "",
"debugIcon.breakpointStackframeForeground": "",
"debugIcon.startForeground": "",
"debugIcon.pauseForeground": "",
"debugIcon.stopForeground": "",
"debugIcon.disconnectForeground": "",
"debugIcon.restartForeground": "",
"debugIcon.stepOverForeground": "",
"debugIcon.stepIntoForeground": "",
"debugIcon.stepOutForeground": "",
"debugIcon.continueForeground": "",
"debugIcon.stepBackForeground": "",
"debugConsole.infoForeground": "",
"debugConsole.warningForeground": "",
"debugConsole.errorForeground": "",
"debugConsole.sourceForeground": "",
"debugConsoleInputIcon.foreground": "",
// Notebook colors
"notebook.cellBorderColor": "",
"notebook.focusedEditorBorder": "",
"notebookStatusSuccessIcon.foreground": "",
"notebookStatusErrorIcon.foreground": "",
"notebookStatusRunningIcon.foreground": "",
"notebook.outputContainerBackgroundColor": "",
"notebook.cellToolbarSeparator": "",
"notebook.focusedCellBackground": "",
"notebook.cellHoverBackground": "",
"notebook.focusedCellBorder": "",
"notebook.focusedCellShadow": "",
"notebook.selectedCellBorder": "",
"notebook.cellStatusBarItemHoverBackground": "",
"notebook.cellInsertionIndicator": "",
"notebookScrollbarSlider.background": "",
"notebookScrollbarSlider.hoverBackground": "",
"notebookScrollbarSlider.activeBackground": "",
"notebook.symbolHighlightBackground": "",
"notebook.rowHoverBackground": "",
"notebook.focusedRowBorder": "",
// Chart colors
"charts.foreground": "",
"charts.lines": "",
"charts.red": "",
"charts.blue": "",
"charts.yellow": "",
"charts.orange": "",
"charts.green": "",
"charts.purple": ""
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment