Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

keyHEXRGBRGBA
activityBar.activeBorder
activityBar.background
activityBar.border
activityBar.foreground
activityBar.inactiveForeground
activityBarBadge.background
activityBarBadge.foreground
activityBarTop.activeBorder
activityBarTop.background
activityBarTop.foreground
activityBarTop.inactiveForeground
badge.background
badge.foreground
breadcrumb.focusForeground
breadcrumb.foreground
button.background
button.border
button.foreground
button.hoverBackground
button.secondaryBackground
button.secondaryForeground
button.secondaryHoverBackground
chat.slashCommandForeground
checkbox.background
checkbox.border
checkbox.foreground
checkbox.selectBackground
checkbox.selectBorder
commandCenter.activeBackground
commandCenter.activeBorder
commandCenter.background
commandCenter.border
commandCenter.foreground
commandCenter.inactiveBorder
debugConsole.errorForeground
debugConsole.infoForeground
debugConsole.sourceForeground
debugConsole.warningForeground
debugIcon.breakpointForeground
debugToolBar.background
debugToolBar.border
descriptionForeground
disabledForeground
dropdown.background
dropdown.border
dropdown.foreground
dropdown.listBackground
editor.background
editor.findMatchBackground
editor.findMatchForeground
editor.findMatchHighlightBackground
editor.findMatchHighlightForeground
editor.foldBackground
editor.foreground
editor.hoverHighlightBackground
editor.lineHighlightBorder
editor.placeholder.foreground
editor.rangeHighlightBackground
editor.selectionBackground
editor.selectionForeground
editor.wordHighlightBackground
editor.wordHighlightStrongBackground
editor.wordHighlightTextBackground
editorBracketMatch.background
editorBracketMatch.border
editorCodeLens.foreground
editorCursor.foreground
editorGhostText.foreground
editorGroup.border
editorGroup.dropBackground
editorGroupHeader.border
editorGroupHeader.noTabsBackground
editorGroupHeader.tabsBackground
editorGroupHeader.tabsBorder
editorGutter.addedBackground
editorGutter.addedSecondaryBackground
editorGutter.deletedSecondaryBackground
editorGutter.modifiedBackground
editorGutter.modifiedSecondaryBackground
editorHoverWidget.background
editorHoverWidget.border
editorHoverWidget.statusBarBackground
editorIndentGuide.activeBackground1
editorIndentGuide.activeBackground2
editorIndentGuide.background1
editorIndentGuide.background2
editorInfo.foreground
editorInlayHint.background
editorInlayHint.foreground
editorLightBulb.foreground
editorLightBulbAi.foreground
editorLightBulbAutoFix.foreground
editorLineNumber.activeForeground
editorLineNumber.foreground
editorLink.activeForeground
editorOverviewRuler.border
editorPane.background
editorStickyScroll.border
editorStickyScrollHover.background
editorSuggestWidget.background
editorSuggestWidget.border
editorWidget.background
editorWidget.border
editorWidget.foreground
errorForeground
focusBorder
foreground
gitDecoration.deletedResourceForeground
gitDecoration.ignoredResourceForeground
gitDecoration.modifiedResourceForeground
gitDecoration.stageDeletedResourceForeground
gitDecoration.stageModifiedResourceForeground
gitDecoration.submoduleResourceForeground
gitDecoration.untrackedResourceForeground
gitlens.trailingLineForegroundColor
icon.foreground
input.background
input.border
input.foreground
input.placeholderForeground
keybindingLabel.background
keybindingLabel.border
keybindingLabel.bottomBorder
keybindingLabel.foreground
list.activeSelectionBackground
list.activeSelectionForeground
list.deemphasizedForeground
list.dropBackground
list.dropBetweenBackground
list.errorForeground
list.focusBackground
list.focusForeground
list.focusHighlightForeground
list.highlightForeground
list.hoverBackground
list.hoverForeground
list.inactiveFocusBackground
list.inactiveFocusOutline
list.inactiveSelectionBackground
list.inactiveSelectionForeground
list.warningForeground
notebook.cellBorderColor
notebook.cellEditorBackground
notebook.focusedCellBorder
notificationCenter.border
notificationCenterHeader.background
notificationCenterHeader.foreground
notificationLink.foreground
notifications.background
notifications.border
notifications.foreground
notificationsErrorIcon.foreground
notificationsInfoIcon.foreground
notificationsWarningIcon.foreground
notificationToast.border
panel.background
panel.border
panelInput.border
panelSection.border
panelSection.dropBackground
panelSectionHeader.background
panelSectionHeader.border
panelTitle.activeBorder
panelTitle.activeForeground
panelTitle.inactiveForeground
peekView.border
peekViewEditor.background
peekViewEditor.matchHighlightBackground
peekViewResult.background
peekViewResult.fileForeground
peekViewResult.lineForeground
peekViewResult.matchHighlightBackground
peekViewResult.selectionBackground
peekViewResult.selectionForeground
peekViewTitle.background
peekViewTitleDescription.foreground
peekViewTitleLabel.foreground
pickerGroup.border
pickerGroup.foreground
progressBar.background
quickInput.background
quickInput.foreground
sash.hoverBorder
scmGraph.foreground1
scmGraph.foreground2
scmGraph.foreground3
scmGraph.foreground4
scmGraph.foreground5
scmGraph.historyItemBaseRefColor
scmGraph.historyItemHoverAdditionsForeground
scmGraph.historyItemHoverDefaultLabelBackground
scmGraph.historyItemHoverDefaultLabelForeground
scmGraph.historyItemHoverDeletionsForeground
scmGraph.historyItemHoverLabelForeground
scmGraph.historyItemRefColor
scmGraph.historyItemRemoteRefColor
selection.background
settings.dropdownListBorder
settings.focusedRowBackground
settings.headerForeground
settings.modifiedItemIndicator
settings.rowHoverBackground
settings.textInputBackground
settings.textInputBorder
sideBar.background
sideBar.border
sideBar.dropBackground
sideBar.foreground
sideBarActivityBarTop.border
sideBarSectionHeader.background
sideBarSectionHeader.border
sideBarSectionHeader.foreground
sideBarTitle.background
sideBarTitle.border
sideBySideEditor.horizontalBorder
sideBySideEditor.verticalBorder
statusBar.background
statusBar.border
statusBar.debuggingBackground
statusBar.debuggingForeground
statusBar.foreground
statusBar.noFolderBackground
statusBar.noFolderForeground
statusBarItem.compactHoverBackground
statusBarItem.errorBackground
statusBarItem.errorForeground
statusBarItem.errorHoverBackground
statusBarItem.errorHoverForeground
statusBarItem.hoverBackground
statusBarItem.hoverForeground
statusBarItem.prominentBackground
statusBarItem.prominentForeground
statusBarItem.prominentHoverBackground
statusBarItem.prominentHoverForeground
statusBarItem.remoteBackground
statusBarItem.remoteForeground
statusBarItem.remoteHoverBackground
statusBarItem.remoteHoverForeground
statusBarItem.warningBackground
statusBarItem.warningForeground
statusBarItem.warningHoverBackground
statusBarItem.warningHoverForeground
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
tab.activeBackground
tab.activeBorder
tab.activeBorderTop
tab.activeForeground
tab.border
tab.dragAndDropBorder
tab.hoverBackground
tab.hoverForeground
tab.inactiveBackground
tab.inactiveForeground
tab.inactiveModifiedBorder
tab.lastPinnedBorder
tab.unfocusedActiveBackground
tab.unfocusedActiveBorder
tab.unfocusedActiveBorderTop
tab.unfocusedActiveForeground
tab.unfocusedInactiveForeground
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.background
terminal.foreground
terminal.initialHintForeground
terminal.selectionBackground
terminal.tab.activeBorder
terminalCommandDecoration.defaultBackground
terminalCommandDecoration.errorBackground
terminalCommandDecoration.successBackground
terminalOverviewRuler.border
terminalStickyScrollHover.background
textBlockQuote.background
textBlockQuote.border
textCodeBlock.background
textLink.activeForeground
textLink.foreground
textPreformat.background
textPreformat.foreground
titleBar.activeBackground
titleBar.activeForeground
titleBar.border
titleBar.inactiveBackground
titleBar.inactiveForeground
toolbar.hoverBackground
tree.inactiveIndentGuidesStroke
tree.indentGuidesStroke
widget.border
window.activeBorder
window.inactiveBorder

tokenColors

Foregrounds this theme assigns to the token scope catalog. A rule with only a font style is skipped, and a longer matching scope wins. Italic and bold rules are not listed — the preview above shows them in the code.

scopeHEXRGBRGBA
comment
comment.block
comment.block.documentation
comment.line
entity
entity.name
entity.name.section
entity.name.tag
invalid
invalid.illegal
keyword
keyword.control
keyword.control.flow
keyword.operator
keyword.operator.new
keyword.operator.assignment
keyword.operator.arithmetic
keyword.operator.logical
keyword.other
markup
markup.heading
markup.inline.raw
punctuation.definition.comment
storage
storage.modifier
string
string.interpolated
string.other
string.quoted
string.quoted.double
string.quoted.other
string.quoted.single
string.quoted.triple
string.regexp
string.template
string.unquoted
support
support.type
support.type.property-name

Related themes