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.

  • actionBar.toggledBackground#E2E2DFfe
  • activityBar.activeBackground#E2E2DFfe
  • activityBar.activeBorder#860129fe
  • activityBar.activeFocusBorder#81818100
  • activityBar.background#F2F2F1fe
  • activityBar.border#81818100
  • activityBar.dropBorder#84052Dfe
  • activityBar.foreground#781E3Afe
  • activityBar.inactiveForeground#4B4B4265
  • activityBarBadge.background#C62A5Bfe
  • activityBarBadge.foreground#F2F2F1fe
  • badge.background#9D284Dfe
  • badge.foreground#F2F2F1fe
  • banner.background#E2E2DFfe
  • banner.foreground#3B3B15ce
  • banner.iconForeground#721212fe
  • breadcrumb.activeSelectionForeground#0E337Fca
  • breadcrumb.background#EEEEECfe
  • breadcrumb.focusForeground#C62A5Bfe
  • breadcrumb.foreground#3B3B17ae
  • breadcrumbPicker.background#E2E2DFfe
  • button.background#B2B2A8ae
  • button.border#FAFAFA00
  • button.foreground#3B3B15ce
  • button.hoverBackground#9A9A8C6e
  • button.secondaryBackground#E2E2DFfe
  • button.secondaryForeground#3B3B15ce
  • button.secondaryHoverBackground#E2E2DFfe
  • button.separator#FAFAFA00
  • charts.blue#1b1bfffe
  • charts.foreground#3B3B15ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a1
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F6F6F5fe
  • chat.slashCommandBackground#E2E2DFfe
  • chat.slashCommandForeground#3B3B15ce
  • checkbox.background#F6F6F5fe
  • checkbox.border#F6F6F5fe
  • checkbox.foreground#3B3B15ce
  • checkbox.selectBackground#F6F6F5fe
  • checkbox.selectBorder#F6F6F5fe
  • commandCenter.activeBackground#D3D8D68d
  • commandCenter.activeBorder#F6F6F5fe
  • commandCenter.activeForeground#852644fe
  • commandCenter.background#E2E2DFfe
  • commandCenter.border#F6F6F5fe
  • commandCenter.foreground#3B3B15ce
  • commandCenter.inactiveBorder#D7D7D295
  • commandCenter.inactiveForeground#42423A65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FAFAFA00
  • contrastBorder#FAFAFA00
  • debugConsole.errorForeground#940094ce
  • debugConsole.infoForeground#3B3B15ce
  • debugConsole.sourceForeground#3B3B15ce
  • debugConsole.warningForeground#604F00ce
  • debugConsoleInputIcon.foreground#373940fe
  • debugExceptionWidget.background#FFC6FFba
  • debugExceptionWidget.border#F6F6F5fe
  • debugIcon.breakpointCurrentStackframeForeground#2B3D2Bfe
  • debugIcon.breakpointDisabledForeground#4F4F4665
  • debugIcon.breakpointForeground#68154Cfe
  • debugIcon.breakpointStackframeForeground#164116fe
  • debugIcon.breakpointUnverifiedForeground#3E3353fe
  • debugIcon.continueForeground#3004B4fe
  • debugIcon.disconnectForeground#21356Ffe
  • debugIcon.pauseForeground#3A3A1Dfe
  • debugIcon.restartForeground#4F2F42fe
  • debugIcon.startForeground#6C0F4Dfe
  • debugIcon.stepBackForeground#3A3A1Dfe
  • debugIcon.stepIntoForeground#3A3A1Dfe
  • debugIcon.stepOutForeground#343942fe
  • debugIcon.stepOverForeground#184033fe
  • debugIcon.stopForeground#213F21fe
  • debugTokenExpression.boolean#1E1F22ca
  • debugTokenExpression.error#222622ca
  • debugTokenExpression.name#1E2220ca
  • debugTokenExpression.number#222622ca
  • debugTokenExpression.value#1E221Eca
  • debugToolBar.background#FFC6FFb8
  • debugToolBar.border#F6F6F5fe
  • debugView.exceptionLabelBackground#D5DAD8ca
  • debugView.exceptionLabelForeground#3E3257ca
  • debugView.stateLabelBackground#D7D7D1ca
  • debugView.stateLabelForeground#3B3B04ca
  • debugView.valueChangedHighlight#151212ca
  • descriptionForeground#3B3B15ce
  • diffEditor.border#FAFAFA00
  • diffEditor.diagonalFill#000000ef
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#B9E1BBfb
  • diffEditor.insertedTextBorder#FAFAFA00
  • diffEditor.move.border#FAFAFA00
  • diffEditor.moveActive.border#FAFAFA00
  • diffEditor.removedLineBackground#FFCACA31
  • diffEditor.removedTextBackground#FFCCCCfb
  • diffEditor.removedTextBorder#FAFAFA00
  • diffEditor.unchangedCodeBackground#E2E2DFfe
  • diffEditor.unchangedRegionBackground#E2E2DFfe
  • diffEditor.unchangedRegionForeground#3B3B15ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#42423A65
  • dropdown.background#F6F6F5fe
  • dropdown.border#F6F6F5fe
  • dropdown.foreground#3B3B15ce
  • dropdown.listBackground#F6F6F5fe
  • editor.background#E2E2DFfe
  • editor.findMatchBackground#8C9A8Cac
  • editor.findMatchBorder#F6F6F5fe
  • editor.findMatchHighlightBackground#AEAEA3a6
  • editor.findMatchHighlightBorder#F6F6F5fe
  • editor.findRangeHighlightBackground#918C9Aa7
  • editor.findRangeHighlightBorder#F6F6F5fe
  • editor.focusedStackFrameHighlightBackground#A8B2A887
  • editor.foldBackground#6C4949a3
  • editor.foreground#3B3B15ce
  • editor.hoverHighlightBackground#A8ABB2a4
  • editor.inactiveSelectionBackground#D2D2CC97
  • editor.inlineValuesBackground#E2E2DFfe
  • editor.inlineValuesForeground#3B3B15ce
  • editor.lineHighlightBackground#CACAC3b3
  • editor.lineHighlightBorder#FAFAFA00
  • editor.linkedEditingBackground#E2E2DFfe
  • editor.rangeHighlightBackground#AA9F9Faa
  • editor.rangeHighlightBorder#F6F6F5fe
  • editor.selectionBackground#C6BFBFa1
  • editor.selectionForeground#064132ca
  • editor.selectionHighlightBackground#AA9F9F8a
  • editor.selectionHighlightBorder#F6F6F5fe
  • editor.snippetFinalTabstopHighlightBackground#969AA2ac
  • editor.snippetFinalTabstopHighlightBorder#F6F6F5fe
  • editor.snippetTabstopHighlightBackground#9E9191ab
  • editor.snippetTabstopHighlightBorder#F6F6F5fe
  • editor.stackFrameHighlightBackground#AAAA9Fa2
  • editor.symbolHighlightBackground#A3AEABa4
  • editor.symbolHighlightBorder#F6F6F5fe
  • editor.wordHighlightBackground#B6ACACa2
  • editor.wordHighlightBorder#FAFAFA00
  • editor.wordHighlightStrongBackground#B2B2A8a8
  • editor.wordHighlightStrongBorder#FAFAFA00
  • editor.wordHighlightTextBackground#AA9FA6aa
  • editor.wordHighlightTextBorder#FAFAFA00
  • editorBracketHighlight.foreground1#0C0C0Bce
  • editorBracketHighlight.foreground2#0C0C0Bce
  • editorBracketHighlight.foreground3#0C0C0Bce
  • editorBracketHighlight.foreground4#0C0C0Bce
  • editorBracketHighlight.foreground5#0C0C0Bce
  • editorBracketHighlight.foreground6#0C0C0Bce
  • editorBracketHighlight.unexpectedBracket.foreground#3B3B15ce
  • editorBracketMatch.background#8B3636ad
  • editorBracketMatch.border#F6F6F5fe
  • editorBracketPairGuide.activeBackground1#365A3682
  • editorBracketPairGuide.activeBackground2#33574D86
  • editorBracketPairGuide.activeBackground3#4655518d
  • editorBracketPairGuide.activeBackground4#644C4C8d
  • editorBracketPairGuide.activeBackground5#82356B8e
  • editorBracketPairGuide.activeBackground6#70436288
  • editorBracketPairGuide.background1#DBD6D6fe
  • editorBracketPairGuide.background2#DCD7DAfe
  • editorBracketPairGuide.background3#DCD8D8fe
  • editorBracketPairGuide.background4#D4D8D7fe
  • editorBracketPairGuide.background5#D8D8D4fe
  • editorBracketPairGuide.background6#DCD7DAfe
  • editorCodeLens.foreground#5454206e
  • editorCommentsWidget.rangeActiveBackground#52523Dfe
  • editorCommentsWidget.rangeBackground#E2E2DFfe
  • editorCommentsWidget.resolvedBorder#F6F6F5fe
  • editorCommentsWidget.unresolvedBorder#FFCACAcb
  • editorCursor.background#E2E2DFfe
  • editorCursor.foreground#C62A5Bfe
  • editorError.background#FAFAFA00
  • editorError.border#FAFAFA00
  • editorError.foreground#940094ce
  • editorGhostText.background#E2E2DFfe
  • editorGhostText.border#FAFAFA00
  • editorGhostText.foreground#5454286e
  • editorGroup.border#F6F6F5fe
  • editorGroup.dropBackground#E2E2DFfe
  • editorGroup.dropIntoPromptBackground#E2E2DFfe
  • editorGroup.dropIntoPromptBorder#F6F6F5fe
  • editorGroup.dropIntoPromptForeground#3B3B15ce
  • editorGroup.emptyBackground#E2E2DFfe
  • editorGroup.focusedEmptyBorder#F6F6F5fe
  • editorGroupHeader.border#FAFAFA00
  • editorGroupHeader.noTabsBackground#F2F2F1ae
  • editorGroupHeader.tabsBackground#DEDEDAa1
  • editorGroupHeader.tabsBorder#FAFAFA00
  • editorGutter.addedBackground#195F1Dfb
  • editorGutter.background#E2E2DFfe
  • editorGutter.commentGlyphForeground#3B3B15ce
  • editorGutter.commentRangeForeground#3B3B15ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5E22cb
  • editorGutter.deletedBackground#A80000cb
  • editorGutter.foldingControlForeground#3B3B15ce
  • editorGutter.modifiedBackground#604F00ce
  • editorHint.border#FAFAFA00
  • editorHint.foreground#4104FFce
  • editorHoverWidget.background#F6F6F5fe
  • editorHoverWidget.border#F6F6F5fe
  • editorHoverWidget.foreground#3B3B15ce
  • editorHoverWidget.highlightForeground#661C41ca
  • editorHoverWidget.statusBarBackground#E2E2DFfe
  • editorIndentGuide.activeBackground1#7F1133fe
  • editorIndentGuide.activeBackground2#84052Dfe
  • editorIndentGuide.activeBackground3#7C1838fe
  • editorIndentGuide.activeBackground4#7C1838fe
  • editorIndentGuide.activeBackground5#84052Dfe
  • editorIndentGuide.activeBackground6#7D1538fe
  • editorIndentGuide.background1#514E5835
  • editorIndentGuide.background2#464F4635
  • editorIndentGuide.background3#514E5835
  • editorIndentGuide.background4#61565E35
  • editorIndentGuide.background5#424B4235
  • editorIndentGuide.background6#4F464635
  • editorInfo.background#FAFAFA00
  • editorInfo.border#FAFAFA00
  • editorInfo.foreground#4104FFce
  • editorInlayHint.background#E2E2DFfe
  • editorInlayHint.foreground#3B3B15ce
  • editorInlayHint.parameterBackground#E2E2DFfe
  • editorInlayHint.parameterForeground#3B3B15ce
  • editorInlayHint.typeBackground#E2E2DFfe
  • editorInlayHint.typeForeground#3B3B15ce
  • editorLightBulb.foreground#604F00ce
  • editorLightBulbAutoFix.foreground#1F5E22cb
  • editorLineNumber.activeForeground#8D2747fe
  • editorLineNumber.dimmedForeground#5454286e
  • editorLineNumber.foreground#5454236e
  • editorLink.activeForeground#9D284Dfe
  • editorMarkerNavigation.background#F6F6F5fe
  • editorMarkerNavigationError.background#FFC6FF9f
  • editorMarkerNavigationError.headerBackground#FFC6FFbe
  • editorMarkerNavigationInfo.background#D3D3FFfe
  • editorMarkerNavigationInfo.headerBackground#D3D3FFfe
  • editorMarkerNavigationWarning.background#FFD303fe
  • editorMarkerNavigationWarning.headerBackground#FFD303fe
  • editorOverviewRuler.addedForeground#1F5E22cb
  • editorOverviewRuler.background#E2E2DFfe
  • editorOverviewRuler.border#D7D7D2fe
  • editorOverviewRuler.bracketMatchForeground#3B3B15ce
  • editorOverviewRuler.commentForeground#53532B6e
  • editorOverviewRuler.commentUnresolvedForeground#1F5E22cb
  • editorOverviewRuler.commonContentForeground#3B3B15ce
  • editorOverviewRuler.currentContentForeground#515151c5
  • editorOverviewRuler.deletedForeground#A80000cb
  • editorOverviewRuler.errorForeground#940094ce
  • editorOverviewRuler.findMatchForeground#005C5Cce
  • editorOverviewRuler.incomingContentForeground#1F5E22cb
  • editorOverviewRuler.infoForeground#4104FFce
  • editorOverviewRuler.modifiedForeground#604F00ce
  • editorOverviewRuler.rangeHighlightForeground#1C401Cca
  • editorOverviewRuler.selectionHighlightForeground#4104FFce
  • editorOverviewRuler.warningForeground#604F00ce
  • editorOverviewRuler.wordHighlightForeground#184033ca
  • editorOverviewRuler.wordHighlightStrongForeground#3B3B15ce
  • editorOverviewRuler.wordHighlightTextForeground#3B3B15ce
  • editorPane.background#E2E2DFfe
  • editorRuler.foreground#53533B30
  • editorStickyScroll.background#E2E2DFfe
  • editorStickyScrollHover.background#D7D7D16e
  • editorSuggestWidget.background#F6F6F5fe
  • editorSuggestWidget.border#FAFAFA00
  • editorSuggestWidget.focusHighlightForeground#7D0A56fe
  • editorSuggestWidget.foreground#3A3A1Dfe
  • editorSuggestWidget.highlightForeground#721212ca
  • editorSuggestWidget.selectedBackground#B6ACB38c
  • editorSuggestWidget.selectedForeground#6B1B1Bca
  • editorSuggestWidget.selectedIconForeground#164116ca
  • editorSuggestWidgetStatus.foreground#6B1B1Bfe
  • editorUnicodeHighlight.background#B4B1BAa3
  • editorUnicodeHighlight.border#F6F6F5fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FAFAFA00
  • editorWarning.border#FAFAFA00
  • editorWarning.foreground#604F00ce
  • editorWhitespace.foreground#3B3B15ce
  • editorWidget.background#F6F6F5fe
  • editorWidget.border#F6F6F5fe
  • editorWidget.foreground#3B3B15ce
  • editorWidget.resizeBorder#F6F6F5fe
  • errorForeground#940094ce
  • extensionBadge.remoteBackground#B52A55fe
  • extensionBadge.remoteForeground#F2F2F1fe
  • extensionButton.background#D7D7D2ae
  • extensionButton.foreground#3B3B15ce
  • extensionButton.hoverBackground#D7D7D16e
  • extensionButton.prominentBackground#E2E2DFfe
  • extensionButton.prominentForeground#3B3B15ce
  • extensionButton.prominentHoverBackground#E2E2DFfe
  • extensionButton.separator#FAFAFA00
  • extensionIcon.preReleaseForeground#3C3549fe
  • extensionIcon.sponsorForeground#3004B4fe
  • extensionIcon.starForeground#164116fe
  • extensionIcon.verifiedForeground#213F30fe
  • focusBorder#FAFAFA00
  • foreground#3B3B15ce
  • gitDecoration.addedResourceForeground#1F5E22cb
  • gitDecoration.deletedResourceForeground#A80000cb
  • gitDecoration.modifiedResourceForeground#604F00ce
  • gitDecoration.renamedResourceForeground#4104FFce
  • gitDecoration.stageDeletedResourceForeground#A80000cb
  • gitDecoration.stageModifiedResourceForeground#1F5E22cb
  • gitDecoration.untrackedResourceForeground#005C5Cce
  • icon.foreground#535331ae
  • inlineChat.background#D7D7D3ca
  • inlineChat.border#D4D9D6ca
  • inlineChat.regionHighlight#191618ca
  • inlineChat.shadow#191618ca
  • inlineChatDiff.inserted#1D1D1Aca
  • inlineChatDiff.removed#151214ca
  • inlineChatInput.background#161918ca
  • inlineChatInput.border#DBD7D7ca
  • inlineChatInput.focusBorder#FAFAFA00
  • inlineChatInput.placeholderForeground#213F30ca
  • input.background#F6F6F5fe
  • input.border#F6F6F5fe
  • input.foreground#3B3B15ce
  • input.placeholderForeground#42423A65
  • inputOption.activeBackground#F6F6F5fe
  • inputOption.activeBorder#F6F6F5fe
  • inputOption.activeForeground#8D2747fe
  • inputOption.hoverBackground#F6F6F5fe
  • inputValidation.errorBackground#670067aa
  • inputValidation.errorBorder#FFC6FFae
  • inputValidation.errorForeground#940094ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F6F6F5fe
  • inputValidation.infoForeground#3B3B15ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F6F6F5fe
  • inputValidation.warningForeground#604F00ce
  • interactive.activeCodeBorder#F6F6F5fe
  • interactive.inactiveCodeBorder#D7D7D196
  • keybindingLabel.background#E2E2DFfe
  • keybindingLabel.border#F6F6F5fe
  • keybindingLabel.bottomBorder#F6F6F5fe
  • keybindingLabel.foreground#3B3B15ce
  • keybindingTable.headerBackground#E2E2DFfe
  • keybindingTable.rowsBackground#E2E2DFfe
  • list.activeSelectionBackground#9A9EA686
  • list.activeSelectionForeground#3A3A19ca
  • list.activeSelectionIconForeground#3004B4ca
  • list.deemphasizedForeground#3B3B15ce
  • list.dropBackground#E2E2DFfe
  • list.errorForeground#940094ce
  • list.filterMatchBackground#E2E2DFfe
  • list.filterMatchBorder#F6F6F5fe
  • list.focusAndSelectionOutline#FAFAFA00
  • list.focusBackground#D2D2CC97
  • list.focusForeground#C62A5Bfe
  • list.focusHighlightForeground#850707fe
  • list.focusOutline#FAFAFA00
  • list.highlightForeground#044304ca
  • list.hoverBackground#DAD6D6a4
  • list.hoverForeground#B52A55fe
  • list.inactiveFocusBackground#CACAC39c
  • list.inactiveFocusOutline#FAFAFA00
  • list.inactiveSelectionBackground#F2F2F1ae
  • list.inactiveSelectionForeground#46463E65
  • list.inactiveSelectionIconForeground#4B4B4265
  • list.invalidItemForeground#3B3B15ce
  • list.warningForeground#604F00ce
  • listFilterWidget.background#E2E2DFfe
  • listFilterWidget.noMatchesOutline#FAFAFA00
  • listFilterWidget.outline#FAFAFA00
  • listFilterWidget.shadow#FAFAFA00
  • menu.background#F2F2F1fe
  • menu.border#FAFAFA00
  • menu.foreground#3B3B17ae
  • menu.selectionBackground#CAC3C3ac
  • menu.selectionBorder#FAFAFA00
  • menu.selectionForeground#9D284Dfe
  • menu.separatorBackground#D7D7D265
  • menubar.selectionBackground#CAC3C3ac
  • menubar.selectionBorder#FAFAFA00
  • menubar.selectionForeground#7D2541fe
  • merge.border#F6F6F5fe
  • merge.commonContentBackground#E2E2DFfe
  • merge.commonHeaderBackground#E2E2DFfe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#B9E1BBfb
  • merge.incomingContentBackground#B9E1BBcb
  • merge.incomingHeaderBackground#B9E1BBfb
  • mergeEditor.change.background#E2E2DFfe
  • mergeEditor.change.word.background#E2E2DFfe
  • mergeEditor.changeBase.background#E2E2DFfe
  • mergeEditor.changeBase.word.background#E2E2DFfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F6F6F5fe
  • mergeEditor.conflict.handledUnfocused.border#D7D7D222
  • mergeEditor.conflict.input1.background#F6F6F5fe
  • mergeEditor.conflict.input2.background#F6F6F5fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067ca
  • mergeEditor.conflict.unhandledFocused.border#F6F6F5fe
  • mergeEditor.conflict.unhandledUnfocused.border#D7D7D229
  • mergeEditor.conflictingLines.background#E2E2DFfe
  • minimap.background#E2E2DFfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0C0C0Bce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#195F1Dfb
  • minimapGutter.deletedBackground#A90000fb
  • minimapGutter.modifiedBackground#604F00ce
  • minimapSlider.activeBackground#8A8A7Afe
  • minimapSlider.background#AEAEA3ae
  • minimapSlider.hoverBackground#9A9A8C6e
  • notebook.cellBorderColor#F6F6F5fe
  • notebook.cellEditorBackground#E2E2DFfe
  • notebook.cellHoverBackground#E2E2DFfe
  • notebook.cellInsertionIndicator#222625ca
  • notebook.cellStatusBarItemHoverBackground#E2E2DFfe
  • notebook.cellToolbarSeparator#221E1Eca
  • notebook.editorBackground#E2E2DFfe
  • notebook.focusedCellBackground#E2E2DFfe
  • notebook.focusedCellBorder#8D2747fe
  • notebook.focusedEditorBorder#F6F6F5fe
  • notebook.inactiveFocusedCellBorder#8686768e
  • notebook.inactiveSelectedCellBorder#9292838e
  • notebook.outputContainerBackgroundColor#E2E2DFfe
  • notebook.outputContainerBorderColor#F6F6F5fe
  • notebook.selectedCellBackground#E2E2DFfe
  • notebook.selectedCellBorder#F6F6F5fe
  • notebook.symbolHighlightBackground#E2E2DFfe
  • notebookEditorOverviewRuler.runningCellForeground#3B3B15ce
  • notebookScrollbarSlider.activeBackground#969688fe
  • notebookScrollbarSlider.background#B6B6ACae
  • notebookScrollbarSlider.hoverBackground#9E9E916e
  • notebookStatusErrorIcon.foreground#940094ce
  • notebookStatusRunningIcon.foreground#661C41fe
  • notebookStatusSuccessIcon.foreground#1F5E22cb
  • notificationCenter.border#F6F6F5fe
  • notificationCenterHeader.background#E2E2DFfe
  • notificationCenterHeader.foreground#3B3B15ce
  • notificationLink.foreground#3B3B15ce
  • notifications.background#E2E2DFfe
  • notifications.border#F6F6F5fe
  • notifications.foreground#3B3B15ce
  • notificationsErrorIcon.foreground#940094ce
  • notificationsInfoIcon.foreground#3E3353fe
  • notificationsWarningIcon.foreground#604F00ce
  • notificationToast.border#F6F6F5fe
  • panel.background#E2E2DFfe
  • panel.border#F6F6F5fe
  • panel.dropBorder#F6F6F5fe
  • panelInput.border#F6F6F5fe
  • panelSection.border#F6F6F5fe
  • panelSection.dropBackground#E2E2DFfe
  • panelSectionHeader.background#E2E2DFfe
  • panelSectionHeader.border#F6F6F5fe
  • panelSectionHeader.foreground#3B3B15ce
  • panelTitle.activeBorder#FAFAFA00
  • panelTitle.activeForeground#75203Afe
  • panelTitle.inactiveForeground#54544A65
  • peekView.border#84052Dfe
  • peekViewEditor.background#F6F6F5fe
  • peekViewEditor.matchHighlightBackground#9AA69A84
  • peekViewEditor.matchHighlightBorder#FAFAFA00
  • peekViewEditorGutter.background#F6F6F5fe
  • peekViewEditorStickyScroll.background#E2E2DFfe
  • peekViewResult.background#F2F2F1fe
  • peekViewResult.fileForeground#3B3B15ce
  • peekViewResult.lineForeground#3B3B15ce
  • peekViewResult.matchHighlightBackground#B0ACB687
  • peekViewResult.selectionBackground#B2A8A882
  • peekViewResult.selectionForeground#5C244Eca
  • peekViewTitle.background#F2F2F1fe
  • peekViewTitleDescription.foreground#3B3B15ce
  • peekViewTitleLabel.foreground#3B3B15ce
  • pickerGroup.border#F6F6F5fe
  • pickerGroup.foreground#3B3B15ce
  • ports.iconRunningProcessForeground#164116fe
  • problemsErrorIcon.foreground#940094ce
  • problemsInfoIcon.foreground#4104FFce
  • problemsWarningIcon.foreground#604F00ce
  • profileBadge.background#8D2747fe
  • profileBadge.foreground#F2F2F1fe
  • progressBar.background#E2E2DFfe
  • quickInput.background#F2F2F1fe
  • quickInput.foreground#3B3B17ae
  • quickInputList.focusBackground#B6B8BEa3
  • quickInputList.focusForeground#852644fe
  • quickInputList.focusIconForeground#A52950fe
  • quickInputTitle.background#F6F6F5fe
  • sash.hoverBorder#F6F6F5fe
  • scrollbar.shadow#FAFAFA00
  • scrollbarSlider.activeBackground#969688fe
  • scrollbarSlider.background#BEBEB6ae
  • scrollbarSlider.hoverBackground#9E9E916e
  • search.resultsInfoForeground#3B3B15ce
  • searchEditor.findMatchBackground#9A9A8Ca6
  • searchEditor.findMatchBorder#F6F6F5fe
  • searchEditor.textInputBorder#F6F6F5fe
  • selection.background#E2E2DFfe
  • settings.checkboxBackground#F6F6F5fe
  • settings.checkboxBorder#F6F6F5fe
  • settings.checkboxForeground#3B3B15ce
  • settings.dropdownBackground#F6F6F5fe
  • settings.dropdownBorder#F6F6F5fe
  • settings.dropdownForeground#3B3B15ce
  • settings.dropdownListBorder#F6F6F5fe
  • settings.focusedRowBackground#9A8C8C81
  • settings.focusedRowBorder#F6F6F5fe
  • settings.headerBorder#F6F6F5fe
  • settings.headerForeground#3B3B15ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F6F6F5fe
  • settings.numberInputBorder#F6F6F5fe
  • settings.numberInputForeground#3B3B15ce
  • settings.rowHoverBackground#E2E2DFfe
  • settings.sashBorder#F6F6F5fe
  • settings.settingsHeaderHoverForeground#8D2747fe
  • settings.textInputBackground#F6F6F5fe
  • settings.textInputBorder#F6F6F5fe
  • settings.textInputForeground#3B3B15ce
  • sideBar.background#E2E2DFfe
  • sideBar.border#F6F6F5fe
  • sideBar.dropBackground#E2E2DFfe
  • sideBar.foreground#535331ae
  • sideBarSectionHeader.background#FAFAFA00
  • sideBarSectionHeader.border#F6F6F5fe
  • sideBarSectionHeader.foreground#3B3B15ce
  • sideBarTitle.foreground#3B3B15ce
  • sideBySideEditor.horizontalBorder#F6F6F5fe
  • sideBySideEditor.verticalBorder#F6F6F5fe
  • simpleFindWidget.sashBorder#F6F6F5fe
  • statusBar.background#F2F2F1fe
  • statusBar.border#F6F6F5fe
  • statusBar.debuggingBackground#FFC6FFaf
  • statusBar.debuggingBorder#F6F6F5fe
  • statusBar.debuggingForeground#3B3B15ce
  • statusBar.focusBorder#FAFAFA00
  • statusBar.foreground#53532B6e
  • statusBar.noFolderBackground#F2F2F1fe
  • statusBar.noFolderBorder#F6F6F5fe
  • statusBar.noFolderForeground#3B3B15ce
  • statusBarItem.activeBackground#F2F2F1fe
  • statusBarItem.compactHoverBackground#F2F2F1fe
  • statusBarItem.errorBackground#FFC6FFca
  • statusBarItem.errorForeground#940094ce
  • statusBarItem.errorHoverBackground#FFC6FFc9
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFAFA00
  • statusBarItem.hoverBackground#F2F2F1fe
  • statusBarItem.hoverForeground#7D2541fe
  • statusBarItem.offlineBackground#F2F2F1fe
  • statusBarItem.offlineForeground#3B3B15ce
  • statusBarItem.offlineHoverBackground#F2F2F1fe
  • statusBarItem.offlineHoverForeground#8D2747fe
  • statusBarItem.prominentBackground#F2F2F1fe
  • statusBarItem.prominentForeground#3B3B15ce
  • statusBarItem.prominentHoverBackground#F2F2F1fe
  • statusBarItem.prominentHoverForeground#AD2953fe
  • statusBarItem.remoteBackground#852644fe
  • statusBarItem.remoteForeground#F2F2F1fe
  • statusBarItem.remoteHoverBackground#F2F2F1fe
  • statusBarItem.remoteHoverForeground#AD2953fe
  • statusBarItem.warningBackground#FFD303fe
  • statusBarItem.warningForeground#604F00ce
  • statusBarItem.warningHoverBackground#FFD303fe
  • statusBarItem.warningHoverForeground#997F00ce
  • symbolIcon.arrayForeground#213F21fe
  • symbolIcon.booleanForeground#005C5Cce
  • symbolIcon.classForeground#174030fe
  • symbolIcon.colorForeground#363D36fe
  • symbolIcon.constantForeground#2C3C37fe
  • symbolIcon.constructorForeground#0E337Ffe
  • symbolIcon.enumeratorForeground#522F2Ffe
  • symbolIcon.enumeratorMemberForeground#363D3Bfe
  • symbolIcon.eventForeground#473240fe
  • symbolIcon.fieldForeground#473240fe
  • symbolIcon.fileForeground#3A3A1Dfe
  • symbolIcon.folderForeground#223E35fe
  • symbolIcon.functionForeground#3A3A1Dfe
  • symbolIcon.interfaceForeground#5C244Efe
  • symbolIcon.keyForeground#174032fe
  • symbolIcon.keywordForeground#721212fe
  • symbolIcon.methodForeground#213F21fe
  • symbolIcon.moduleForeground#721212fe
  • symbolIcon.namespaceForeground#3E3353fe
  • symbolIcon.nullForeground#2C3C37fe
  • symbolIcon.numberForeground#453535fe
  • symbolIcon.objectForeground#661C41fe
  • symbolIcon.operatorForeground#3712A6fe
  • symbolIcon.packageForeground#68154Cfe
  • symbolIcon.propertyForeground#750B0Bfe
  • symbolIcon.referenceForeground#174030fe
  • symbolIcon.snippetForeground#0D420Dfe
  • symbolIcon.stringForeground#2B3D2Bfe
  • symbolIcon.structForeground#6C0F4Dfe
  • symbolIcon.textForeground#174030fe
  • symbolIcon.typeParameterForeground#750B0Bfe
  • symbolIcon.unitForeground#403737fe
  • symbolIcon.variableForeground#3B3B17fe
  • tab.activeBackground#EEEEECfe
  • tab.activeBorder#FAFAFA00
  • tab.activeBorderTop#84052Dfe
  • tab.activeForeground#781E3Afe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FAFAFA00
  • tab.hoverBackground#7D3F3Fa5
  • tab.hoverBorder#F6F6F5fe
  • tab.hoverForeground#8D2747fe
  • tab.inactiveBackground#D7D7D194
  • tab.inactiveForeground#54544A65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F6F6F5fe
  • tab.unfocusedActiveBackground#DADAD52a
  • tab.unfocusedActiveBorder#FAFAFA00
  • tab.unfocusedActiveBorderTop#D7D7D265
  • tab.unfocusedActiveForeground#54544A65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#53533B35
  • tab.unfocusedHoverBorder#DADAD53a
  • tab.unfocusedHoverForeground#4F4F4665
  • tab.unfocusedInactiveBackground#CECEC893
  • tab.unfocusedInactiveForeground#46463E65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333aa
  • terminal.ansiBrightBlue#8e6affce
  • terminal.ansiBrightCyan#00a5a5ce
  • terminal.ansiBrightGreen#8acd8dcb
  • terminal.ansiBrightMagenta#b400b4ce
  • terminal.ansiBrightRed#ff6a6acb
  • terminal.ansiBrightWhite#f4f4f4be
  • terminal.ansiBrightYellow#ffd611ce
  • terminal.ansiCyan#008b8bfe
  • terminal.ansiGreen#39853dfb
  • terminal.ansiMagenta#670067a8
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecece9a
  • terminal.ansiYellow#c4a200fe
  • terminal.background#E2E2DFfe
  • terminal.border#F6F6F5fe
  • terminal.dropBackground#E2E2DFfe
  • terminal.findMatchBackground#E2E2DFfe
  • terminal.findMatchBorder#F6F6F5fe
  • terminal.findMatchHighlightBackground#E2E2DFfe
  • terminal.findMatchHighlightBorder#F6F6F5fe
  • terminal.foreground#535331ae
  • terminal.hoverHighlightBackground#E2E2DFfe
  • terminal.inactiveSelectionBackground#D2D2CC93
  • terminal.selectionBackground#9AA6A281
  • terminal.selectionForeground#750C0Cca
  • terminal.tab.activeBorder#781E3Afe
  • terminalCommandDecoration.defaultBackground#355A35ad
  • terminalCommandDecoration.errorBackground#A80000cb
  • terminalCommandDecoration.successBackground#1F5E22cb
  • terminalCursor.background#E2E2DFfe
  • terminalCursor.foreground#B52A55fe
  • terminalOverviewRuler.cursorForeground#3B3B15ce
  • terminalOverviewRuler.findMatchForeground#005C5Cce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0bc
  • testing.iconUnset#808080c4
  • testing.message.error.decorationForeground#8D2747fe
  • testing.message.error.lineBackground#FFC6FFa7
  • testing.message.info.decorationForeground#7D2541fe
  • testing.message.info.lineBackground#D3D3FFfe
  • testing.peekBorder#F6F6F5fe
  • testing.peekHeaderBackground#E2E2DFfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#E2E2DFfe
  • textBlockQuote.border#F6F6F5fe
  • textCodeBlock.background#E2E2DFfe
  • textLink.activeForeground#9D284Dfe
  • textLink.foreground#4104FFce
  • textPreformat.foreground#3B3B15ce
  • textSeparator.foreground#3B3B15ce
  • titleBar.activeBackground#F2F2F1fe
  • titleBar.activeForeground#434315ae
  • titleBar.border#FAFAFA00
  • titleBar.inactiveBackground#D7D7D2db
  • titleBar.inactiveForeground#42423A65
  • toolbar.activeBackground#DAD6D988
  • toolbar.hoverBackground#E2E2DFfe
  • toolbar.hoverOutline#FAFAFA00
  • tree.inactiveIndentGuidesStroke#4F464635
  • tree.indentGuidesStroke#A30D3Bfe
  • tree.tableColumnsBorder#F6F6F5fe
  • tree.tableOddRowsBackground#E2E2DFfe
  • walkThrough.embeddedEditorBackground#E2E2DFfe
  • walkthrough.stepTitle.foreground#3B3B15ce
  • welcomePage.background#E2E2DFfe
  • welcomePage.progress.background#E2E2DFfe
  • welcomePage.progress.foreground#3B3B15ce
  • welcomePage.tileBackground#E2E2DFfe
  • welcomePage.tileBorder#F6F6F5fe
  • welcomePage.tileHoverBackground#E2E2DFfe
  • widget.border#F6F6F5fe
  • widget.shadow#FAFAFA00
  • window.activeBorder#F6F6F5fe
  • window.inactiveBorder#D7D7D297

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#3333156e
comment.block.html#3333166e
comment.block.java#3333156e
comment.block.javadoc.java#3333166e
comment.block.powershell#3333156e
comment.block.xml#3333176e
comment.line.double-slash.c#3333156e
comment.line.double-slash.cpp#3333176e
comment.line.double-slash.java#3333166e
comment.line.double-slash.js#3333166e
comment.line.number-sign.makefile#3333156e
comment.line.number-sign.python#3333166e
comment.line.number-sign.yaml#3333166e
comment.line.percentage.erlang#3333166e
comment.line.powershell#3333166e
comment.source.cmake#3333176e
comment.source.cmakecache#3333166e
constant.character#34500Dde
constant.character.character-class.regexp#10391Ade
constant.character.escape#432D10de
constant.character.set.regexp#0808A9de
constant.language#5F142Cde
constant.numeric#683F0Bde
constant.numeric.dec.python#542060de
constant.other.caps.python#0D5059de
constant.other.character-class.regexp#4F195Bde
constant.other.character-class.set.regexp#283615de
constant.other.color.rgb-value#232380de
constant.other.placeholder#083A14de
constant.other.rgb-value#23237Fde
constant.regexp#412E13de
constant.sha.git-rebase#0A0AACde
emphasis#34500Dde
entity.name.class#442D10de
entity.name.function#662476de
entity.name.function.preprocessor#345010de
entity.name.function.python#0E5420de
entity.name.label#0D5059de
entity.name.namespace#173D21de
entity.name.operator#1D512Ade
entity.name.operator.custom-literal#4B361Bde
entity.name.scope-resolution#314419de
entity.name.tag#34500Dde
entity.name.tag.css#6E233Ade
entity.name.type#5D172Edebold
entity.name.variable#12391Cde
entity.other.attribute#0B541Ede
entity.other.attribute-name#57036Cde
entity.other.attribute-name.class.css#2D3D17de
entity.other.attribute-name.class.mixin.css#4E1C59de
entity.other.attribute-name.id#04373Fde
entity.other.attribute-name.id.css#17383Dde
entity.other.attribute-name.parent-selector.css#25257Ede
entity.other.attribute-name.pseudo-class.css#672137de
entity.other.attribute-name.pseudo-element.css#1D4B51de
entity.other.attribute-name.scss#32500Cde
entity.other.document.begin.yaml#3333156e
entity.other.inherited-class#23237Fde
header#213803de
invalid#602034de
keyword#412E13debold
keyword.codetag.notation.python#593F1Edebold
keyword.control#650C28debold
keyword.control.anchor.regexp#0808A9debold
keyword.control.import.python#593F1Edebold
keyword.operator#492B01debold
keyword.operator.alignas#683F09debold
keyword.operator.alignof#0808A9debold
keyword.operator.cast#542060debold
keyword.operator.delete#5F142Cdebold
keyword.operator.documentation.powershell#3333166ebold
keyword.operator.expression#1B454Bdebold
keyword.operator.instanceof#08505Bdebold
keyword.operator.logical.python#6A3E06debold
keyword.operator.minus.exponent#511461debold
keyword.operator.negation.regexp#23370Bdebold
keyword.operator.new#15159Cdebold
keyword.operator.noexcept#213801debold
keyword.operator.or.regexp#043A10debold
keyword.operator.plus.exponent#34500Ddebold
keyword.operator.quantifier.regexp#10391Adebold
keyword.operator.sizeof#0A505Adebold
keyword.operator.typeid#4E1B59debold
keyword.operator.wordlike#32500Cdebold
keyword.other.operator#10391Adebold
keyword.other.package.java#232380debold
keyword.other.unit#25257Edebold
keyword.other.using#0E373Cdebold
markup.bold#232380de
markup.changed#08505Bde
markup.deleted#263710de
markup.fenced_code.block.markdown#61112Cde
markup.heading#0E5420de
markup.inline.raw#34500Dde
markup.inserted#672137de
markup.italic#345010de
markup.raw.block.markdown#0F0FA4de
markup.strikethrough#683F09de
markup.underline#34500Dde
meta.block.c#0F0FA4de
meta.block.c#1A1A94de
meta.class.java#10391Ade
meta.definition.variable.name#432E15de
meta.diff.header#10363Fde
meta.embedded#540C66de
meta.embedded.assembly#213801de
meta.function-call.arguments.python#4E1C59de
meta.function-call.python#25257Ede
meta.member.access.python#04373Fde
meta.method.java#24247Dde
meta.object-literal.key#1D1D8Fde
meta.paragraph.markdown#315108de
meta.preprocessor#194424de
meta.preprocessor.numeric#213801de
meta.preprocessor.string#570369de
meta.scope.prerequisites.makefile#173D21de
meta.structure.dictionary.json.comments#3333176e
meta.structure.dictionary.key.python#09541Cde
meta.structure.dictionary.value.json.comments#3333176e
meta.template.expression#1D1D8Fde
meta.type.cast.expr#683F0Bdebold
meta.type.new.expr#09541Cdebold
parameter#442D10de
punctuation.character.set.begin.regexp#591B2Fde
punctuation.character.set.end.regexp#593F1Ede
punctuation.definition.array.begin.json#10391Ade
punctuation.definition.character-class.regexp#76243Dde
punctuation.definition.comment#3333166e
punctuation.definition.comment.json.comments#3333166e
punctuation.definition.comment.python#3333166e
punctuation.definition.dictionary.begin.json#09541Cde
punctuation.definition.dictionary.end.json#662476de
punctuation.definition.group.assertion.regexp#17383Dde
punctuation.definition.group.regexp#23370Bde
punctuation.definition.list.begin.json#345010de
punctuation.definition.list.begin.markdown#76243Dde
punctuation.definition.list.begin.python#570369de
punctuation.definition.list.end.json#511461de
punctuation.definition.list.end.markdown#25257Fde
punctuation.definition.list.end.python#17383Dde
punctuation.definition.parameters.begin.python#10391Ade
punctuation.definition.parameters.end.bracket.round.java#591B2Fde
punctuation.definition.quote.begin.markdown#0D5059de
punctuation.definition.tag#4E1B59de
punctuation.definition.template-expression.begin#0808A9de
punctuation.definition.template-expression.end#23370Bde
punctuation.section.class.begin.bracket.curly.java#11391Cde
punctuation.section.embedded#5A2167de
punctuation.section.embedded.begin.php#283615de
punctuation.section.embedded.end.php#50175Dde
punctuation.terminator.java#443119de
source.cmake#593F1Ede
source.coffee.embedded#10373Cde
source.cpp#662476de
source.css.less#6E233Ade
source.groovy.embedded#213801de
source.java#0A0AACde
source.java-properties#32500Cde
source.json.comments#3333166e
source.makefile#32500Cde
source.powershell#25257Ede
source.powershell.variable.other.member#32500Cde
source.python#12391Cde
storage#315108de
storage.modifier#1A1A94de
storage.modifier.import.java#0B541Ede
storage.modifier.package.java#31500Ade
storage.type#76243Ddebold
storage.type.annotation.groovy#680321debold
storage.type.annotation.java#345010debold
storage.type.boolean.go#17383Ddebold
storage.type.byte.go#432D0Fdebold
storage.type.cs#31500Adebold
storage.type.error.go#1B454Bdebold
storage.type.generic.cs#043A10debold
storage.type.generic.groovy#412E13debold
storage.type.generic.java#0C505Adebold
storage.type.groovy#213801debold
storage.type.java#08505Bdebold
storage.type.modifier.cs#542060debold
storage.type.numeric.go#0B541Edebold
storage.type.object.array.groovy#5B192Edebold
storage.type.object.array.java#213803debold
storage.type.parameters.groovy#60236Edebold
storage.type.primitive.array.groovy#12391Cdebold
storage.type.primitive.array.java#672137debold
storage.type.primitive.groovy#6A3E06debold
storage.type.primitive.java#314419debold
storage.type.rune.go#4B361Bdebold
storage.type.string.go#043A10debold
storage.type.token.java#432D0Fdebold
storage.type.uintptr.go#432D10debold
storage.type.variable.cs#57036Cdebold
string#315108de
string.quoted.docstring.multi.python#3333166e
string.regexp#2D3D17de
string.tag#31500Ade
string.value#043A10de
strong#0A505Ade
support.class#5A2167de
support.constant.color#1D512Ade
support.constant.dom#24247Dde
support.constant.font-name#0A0AACde
support.constant.handlebars#4E1E59de
support.constant.json#5D172Ede
support.constant.math#432E15de
support.constant.media#591C2Fde
support.constant.media-type#650C28debold
support.constant.property-value#76243Dde
support.function#232380de
support.function.git-rebase#570369de
support.other.parenthesis.regexp#540C66de
support.type#0F0FA4debold
support.type.property-name#09541Cdebold
support.type.vendored.property-name#315108debold
support.variable#672137de
token.debug-token#0A0AACde
token.error-token#345010de
token.info-token#2D3D17de
token.warn-token#08505Bde
variable#315108de
variable.css#0A505Ade
variable.language#193E44de
variable.language.wildcard.java#12391Cde
variable.other.constant#11391Cde
variable.other.definition.java#61112Cde
variable.other.enummember#0D5059de
variable.other.less#283615de
variable.other.object.java#5D172Ede
variable.other.object.property.java#5F142Cde
variable.parameter.c#5B192Ede
variable.parameter.function.language.python#591B2Fde
variable.parameter.java#314419de
variable.scss#08505Bde
viiv by B.W - VS Code Theme