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#DCDCDCfe
  • activityBar.activeBackground#DCDCDCfe
  • activityBar.activeBorder#58286Afe
  • activityBar.activeFocusBorder#7676B900
  • activityBar.background#EDEDEDfe
  • activityBar.border#7E7E4500
  • activityBar.dropBorder#58286Afe
  • activityBar.foreground#680880fe
  • activityBar.inactiveForeground#3D3D3D65
  • activityBarBadge.background#6E3586fe
  • activityBarBadge.foreground#EDEDEDfe
  • badge.background#633377fe
  • badge.foreground#EDEDEDfe
  • banner.background#DCDCDCfe
  • banner.foreground#353535ce
  • banner.iconForeground#353535fe
  • breadcrumb.activeSelectionForeground#1D3C18ca
  • breadcrumb.background#E9E9E9fe
  • breadcrumb.focusForeground#68347Efe
  • breadcrumb.foreground#353535ae
  • breadcrumbPicker.background#DCDCDCfe
  • button.background#ADADADae
  • button.border#F5F7F600
  • button.foreground#353535ce
  • button.hoverBackground#9393936e
  • button.secondaryBackground#DCDCDCfe
  • button.secondaryForeground#353535ce
  • button.secondaryHoverBackground#DCDCDCfe
  • button.separator#F5F7F600
  • charts.blue#1b1bfffe
  • charts.foreground#353535ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067bf
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F2F2F2fe
  • chat.slashCommandBackground#DCDCDCfe
  • chat.slashCommandForeground#353535ce
  • checkbox.background#F2F2F2fe
  • checkbox.border#F2F2F2fe
  • checkbox.foreground#353535ce
  • checkbox.selectBackground#F2F2F2fe
  • checkbox.selectBorder#F2F2F2fe
  • commandCenter.activeBackground#D4C5D482
  • commandCenter.activeBorder#F2F2F2fe
  • commandCenter.activeForeground#68347Efe
  • commandCenter.background#DCDCDCfe
  • commandCenter.border#F2F2F2fe
  • commandCenter.foreground#353535ce
  • commandCenter.inactiveBorder#CACACA9d
  • commandCenter.inactiveForeground#3D3D3D65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F6F6F600
  • contrastBorder#F5F6F700
  • debugConsole.errorForeground#8E008Ece
  • debugConsole.infoForeground#353535ce
  • debugConsole.sourceForeground#353535ce
  • debugConsole.warningForeground#5C4C00ce
  • debugConsoleInputIcon.foreground#353535fe
  • debugExceptionWidget.background#FFB1FEac
  • debugExceptionWidget.border#F2F2F2fe
  • debugIcon.breakpointCurrentStackframeForeground#33402Ffe
  • debugIcon.breakpointDisabledForeground#4A4A4A65
  • debugIcon.breakpointForeground#371B8Efe
  • debugIcon.breakpointStackframeForeground#353535fe
  • debugIcon.breakpointUnverifiedForeground#0E394Efe
  • debugIcon.continueForeground#223A2Ffe
  • debugIcon.disconnectForeground#3A2D5Afe
  • debugIcon.pauseForeground#2B0DA6fe
  • debugIcon.restartForeground#353535fe
  • debugIcon.startForeground#213B19fe
  • debugIcon.stepBackForeground#223B1Cfe
  • debugIcon.stepIntoForeground#382675fe
  • debugIcon.stepOutForeground#0E3D26fe
  • debugIcon.stepOverForeground#223A2Ffe
  • debugIcon.stopForeground#203C16fe
  • debugTokenExpression.boolean#222119ca
  • debugTokenExpression.error#18161Dca
  • debugTokenExpression.name#1E161Eca
  • debugTokenExpression.number#1E161Eca
  • debugTokenExpression.value#191812ca
  • debugToolBar.background#FFB1FEb3
  • debugToolBar.border#F2F2F2fe
  • debugView.exceptionLabelBackground#D5C8D5ca
  • debugView.exceptionLabelForeground#213B18ca
  • debugView.stateLabelBackground#CBCBCBca
  • debugView.stateLabelForeground#1D3C18ca
  • debugView.valueChangedHighlight#1D1C16ca
  • descriptionForeground#353535ce
  • diffEditor.border#F6F6F600
  • diffEditor.diagonalFill#000000ef
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#A3D7A5fb
  • diffEditor.insertedTextBorder#F5F7F600
  • diffEditor.move.border#F6F6F600
  • diffEditor.moveActive.border#F5F6F700
  • diffEditor.removedLineBackground#FFB8B831
  • diffEditor.removedTextBackground#FFB8B8fb
  • diffEditor.removedTextBorder#F5F7F500
  • diffEditor.unchangedCodeBackground#DCDCDCfe
  • diffEditor.unchangedRegionBackground#DCDCDCfe
  • diffEditor.unchangedRegionForeground#353535ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#41414165
  • dropdown.background#F2F2F2fe
  • dropdown.border#F2F2F2fe
  • dropdown.foreground#353535ce
  • dropdown.listBackground#F2F2F2fe
  • editor.background#DCDCDCfe
  • editor.findMatchBackground#ACBEA6a9
  • editor.findMatchBorder#F2F2F2fe
  • editor.findMatchHighlightBackground#93B0A1aa
  • editor.findMatchHighlightBorder#F2F2F2fe
  • editor.findRangeHighlightBackground#B7B39Da2
  • editor.findRangeHighlightBorder#F2F2F2fe
  • editor.focusedStackFrameHighlightBackground#93A5B085
  • editor.foldBackground#554F2Ba3
  • editor.foreground#353535ce
  • editor.hoverHighlightBackground#9189A8ab
  • editor.inactiveSelectionBackground#C7C7C796
  • editor.inlineValuesBackground#DCDCDCfe
  • editor.inlineValuesForeground#353535ce
  • editor.lineHighlightBackground#C2C2C2b4
  • editor.lineHighlightBorder#F6F6F600
  • editor.linkedEditingBackground#DCDCDCfe
  • editor.rangeHighlightBackground#ACA6BEa7
  • editor.rangeHighlightBorder#F2F2F2fe
  • editor.selectionBackground#D3C4D3a5
  • editor.selectionForeground#3A2F56ca
  • editor.selectionHighlightBackground#7FA19082
  • editor.selectionHighlightBorder#F2F2F2fe
  • editor.snippetFinalTabstopHighlightBackground#ABC1B6a3
  • editor.snippetFinalTabstopHighlightBorder#F2F2F2fe
  • editor.snippetTabstopHighlightBackground#B3B098ac
  • editor.snippetTabstopHighlightBorder#F2F2F2fe
  • editor.stackFrameHighlightBackground#8EA1ACac
  • editor.symbolHighlightBackground#B3B098a1
  • editor.symbolHighlightBorder#F2F2F2fe
  • editor.wordHighlightBackground#939393ad
  • editor.wordHighlightBorder#F5F7F600
  • editor.wordHighlightStrongBackground#9C9C9Ca6
  • editor.wordHighlightStrongBorder#F7F7F500
  • editor.wordHighlightTextBackground#A4A4A4aa
  • editor.wordHighlightTextBorder#F7F5F700
  • editorBracketHighlight.foreground1#0B0B0Bce
  • editorBracketHighlight.foreground2#0B0B0Bce
  • editorBracketHighlight.foreground3#0B0B0Bce
  • editorBracketHighlight.foreground4#0B0B0Bce
  • editorBracketHighlight.foreground5#0B0B0Bce
  • editorBracketHighlight.foreground6#0B0B0Bce
  • editorBracketHighlight.unexpectedBracket.foreground#353535ce
  • editorBracketMatch.background#3A562Fa2
  • editorBracketMatch.border#F2F2F2fe
  • editorBracketPairGuide.activeBackground1#524E2C81
  • editorBracketPairGuide.activeBackground2#53467F8c
  • editorBracketPairGuide.activeBackground3#35572A8b
  • editorBracketPairGuide.activeBackground4#2D526981
  • editorBracketPairGuide.activeBackground5#544F2E8c
  • editorBracketPairGuide.activeBackground6#3052678a
  • editorBracketPairGuide.background1#CDCAD8fe
  • editorBracketPairGuide.background2#CDCCBBfe
  • editorBracketPairGuide.background3#CDCBBDfe
  • editorBracketPairGuide.background4#BCCEC5fe
  • editorBracketPairGuide.background5#CACACAfe
  • editorBracketPairGuide.background6#C0CEBCfe
  • editorCodeLens.foreground#4E4E4E6e
  • editorCommentsWidget.rangeActiveBackground#4E4E4Efe
  • editorCommentsWidget.rangeBackground#DCDCDCfe
  • editorCommentsWidget.resolvedBorder#F2F2F2fe
  • editorCommentsWidget.unresolvedBorder#FFB8B8cb
  • editorCursor.background#DCDCDCfe
  • editorCursor.foreground#5D3170fe
  • editorError.background#F5F6F700
  • editorError.border#F5F7F500
  • editorError.foreground#8E008Ece
  • editorGhostText.background#DCDCDCfe
  • editorGhostText.border#F5F5F700
  • editorGhostText.foreground#4E4E4E6e
  • editorGroup.border#F2F2F2fe
  • editorGroup.dropBackground#DCDCDCfe
  • editorGroup.dropIntoPromptBackground#DCDCDCfe
  • editorGroup.dropIntoPromptBorder#F2F2F2fe
  • editorGroup.dropIntoPromptForeground#353535ce
  • editorGroup.emptyBackground#DCDCDCfe
  • editorGroup.focusedEmptyBorder#F2F2F2fe
  • editorGroupHeader.border#F5F5F700
  • editorGroupHeader.noTabsBackground#EDEDEDae
  • editorGroupHeader.tabsBackground#DCDCDCa1
  • editorGroupHeader.tabsBorder#F5F6F700
  • editorGutter.addedBackground#1A5A1Efb
  • editorGutter.background#DCDCDCfe
  • editorGutter.commentGlyphForeground#353535ce
  • editorGutter.commentRangeForeground#353535ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5921cb
  • editorGutter.deletedBackground#A00000cb
  • editorGutter.foldingControlForeground#353535ce
  • editorGutter.modifiedBackground#5C4C00ce
  • editorHint.border#F5F7F600
  • editorHint.foreground#3C00F8ce
  • editorHoverWidget.background#F2F2F2fe
  • editorHoverWidget.border#F2F2F2fe
  • editorHoverWidget.foreground#353535ce
  • editorHoverWidget.highlightForeground#3A3618ca
  • editorHoverWidget.statusBarBackground#DCDCDCfe
  • editorIndentGuide.activeBackground1#58286Afe
  • editorIndentGuide.activeBackground2#620D88fe
  • editorIndentGuide.activeBackground3#620D88fe
  • editorIndentGuide.activeBackground4#5B2272fe
  • editorIndentGuide.activeBackground5#5E1D77fe
  • editorIndentGuide.activeBackground6#63058Bfe
  • editorIndentGuide.background1#62486235
  • editorIndentGuide.background2#3F394E35
  • editorIndentGuide.background3#6C4F6C35
  • editorIndentGuide.background4#4E394E35
  • editorIndentGuide.background5#45324535
  • editorIndentGuide.background6#625F4835
  • editorInfo.background#F6F6F600
  • editorInfo.border#F5F6F700
  • editorInfo.foreground#3C00F8ce
  • editorInlayHint.background#DCDCDCfe
  • editorInlayHint.foreground#353535ce
  • editorInlayHint.parameterBackground#DCDCDCfe
  • editorInlayHint.parameterForeground#353535ce
  • editorInlayHint.typeBackground#DCDCDCfe
  • editorInlayHint.typeForeground#353535ce
  • editorLightBulb.foreground#5C4C00ce
  • editorLightBulbAutoFix.foreground#1F5921cb
  • editorLineNumber.activeForeground#8438A5fe
  • editorLineNumber.dimmedForeground#4E4E4E6e
  • editorLineNumber.foreground#4E4E4E6e
  • editorLink.activeForeground#6E3586fe
  • editorMarkerNavigation.background#F2F2F2fe
  • editorMarkerNavigationError.background#FFB1FEc8
  • editorMarkerNavigationError.headerBackground#FFB1FEad
  • editorMarkerNavigationInfo.background#C5C5FEfe
  • editorMarkerNavigationInfo.headerBackground#C5C5FEfe
  • editorMarkerNavigationWarning.background#EFC600fe
  • editorMarkerNavigationWarning.headerBackground#EFC600fe
  • editorOverviewRuler.addedForeground#1F5921cb
  • editorOverviewRuler.background#DCDCDCfe
  • editorOverviewRuler.border#CACACAfe
  • editorOverviewRuler.bracketMatchForeground#353535ce
  • editorOverviewRuler.commentForeground#4E4E4E6e
  • editorOverviewRuler.commentUnresolvedForeground#1F5921cb
  • editorOverviewRuler.commonContentForeground#353535ce
  • editorOverviewRuler.currentContentForeground#4E4E4Ebe
  • editorOverviewRuler.deletedForeground#A00000cb
  • editorOverviewRuler.errorForeground#8E008Ece
  • editorOverviewRuler.findMatchForeground#005858ce
  • editorOverviewRuler.incomingContentForeground#1F5921cb
  • editorOverviewRuler.infoForeground#3C00F8ce
  • editorOverviewRuler.modifiedForeground#5C4C00ce
  • editorOverviewRuler.rangeHighlightForeground#203847ca
  • editorOverviewRuler.selectionHighlightForeground#3C00F8ce
  • editorOverviewRuler.warningForeground#5C4C00ce
  • editorOverviewRuler.wordHighlightForeground#1C3B2Dca
  • editorOverviewRuler.wordHighlightStrongForeground#353535ce
  • editorOverviewRuler.wordHighlightTextForeground#353535ce
  • editorPane.background#DCDCDCfe
  • editorRuler.foreground#4D4D4D2f
  • editorStickyScroll.background#DCDCDCfe
  • editorStickyScrollHover.background#CACACA6e
  • editorSuggestWidget.background#F2F2F2fe
  • editorSuggestWidget.border#F7F5F700
  • editorSuggestWidget.focusHighlightForeground#432692fe
  • editorSuggestWidget.foreground#1C3B2Dfe
  • editorSuggestWidget.highlightForeground#2B0DA6ca
  • editorSuggestWidget.selectedBackground#A6B5BE8e
  • editorSuggestWidget.selectedForeground#213B18ca
  • editorSuggestWidget.selectedIconForeground#5C135Cca
  • editorSuggestWidgetStatus.foreground#2B3B33fe
  • editorUnicodeHighlight.background#93A5B0ab
  • editorUnicodeHighlight.border#F2F2F2fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F7F7F500
  • editorWarning.border#F5F5F700
  • editorWarning.foreground#5C4C00ce
  • editorWhitespace.foreground#353535ce
  • editorWidget.background#F2F2F2fe
  • editorWidget.border#F2F2F2fe
  • editorWidget.foreground#353535ce
  • editorWidget.resizeBorder#F2F2F2fe
  • errorForeground#8E008Ece
  • extensionBadge.remoteBackground#7E379Dfe
  • extensionBadge.remoteForeground#EDEDEDfe
  • extensionButton.background#CACACAae
  • extensionButton.foreground#353535ce
  • extensionButton.hoverBackground#CACACA6e
  • extensionButton.prominentBackground#DCDCDCfe
  • extensionButton.prominentForeground#353535ce
  • extensionButton.prominentHoverBackground#DCDCDCfe
  • extensionButton.separator#F7F7F500
  • extensionIcon.preReleaseForeground#163C2Bfe
  • extensionIcon.sponsorForeground#1C3B2Dfe
  • extensionIcon.starForeground#3A2B63fe
  • extensionIcon.verifiedForeground#213B18fe
  • focusBorder#F7F7F500
  • foreground#353535ce
  • gitDecoration.addedResourceForeground#1F5921cb
  • gitDecoration.deletedResourceForeground#A00000cb
  • gitDecoration.modifiedResourceForeground#5C4C00ce
  • gitDecoration.renamedResourceForeground#3C00F8ce
  • gitDecoration.stageDeletedResourceForeground#A00000cb
  • gitDecoration.stageModifiedResourceForeground#1F5921cb
  • gitDecoration.untrackedResourceForeground#005858ce
  • icon.foreground#4E4E4Eae
  • inlineChat.background#C1CFBEca
  • inlineChat.border#BFCFC7ca
  • inlineChat.regionHighlight#1B2219ca
  • inlineChat.shadow#141912ca
  • inlineChatDiff.inserted#1D2327ca
  • inlineChatDiff.removed#1B1B1Bca
  • inlineChatInput.background#181E16ca
  • inlineChatInput.border#D5C7D5ca
  • inlineChatInput.focusBorder#F5F7F500
  • inlineChatInput.placeholderForeground#223B1Cca
  • input.background#F2F2F2fe
  • input.border#F2F2F2fe
  • input.foreground#353535ce
  • input.placeholderForeground#39393965
  • inputOption.activeBackground#F2F2F2fe
  • inputOption.activeBorder#F2F2F2fe
  • inputOption.activeForeground#8438A5fe
  • inputOption.hoverBackground#F2F2F2fe
  • inputValidation.errorBackground#670067af
  • inputValidation.errorBorder#FFB1FEba
  • inputValidation.errorForeground#8E008Ece
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F2F2F2fe
  • inputValidation.infoForeground#353535ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F2F2F2fe
  • inputValidation.warningForeground#5C4C00ce
  • interactive.activeCodeBorder#F2F2F2fe
  • interactive.inactiveCodeBorder#CACACA92
  • keybindingLabel.background#DCDCDCfe
  • keybindingLabel.border#F2F2F2fe
  • keybindingLabel.bottomBorder#F2F2F2fe
  • keybindingLabel.foreground#353535ce
  • keybindingTable.headerBackground#DCDCDCfe
  • keybindingTable.rowsBackground#DCDCDCfe
  • list.activeSelectionBackground#A8BAA286
  • list.activeSelectionForeground#043E21ca
  • list.activeSelectionIconForeground#213B18ca
  • list.deemphasizedForeground#353535ce
  • list.dropBackground#DCDCDCfe
  • list.errorForeground#8E008Ece
  • list.filterMatchBackground#DCDCDCfe
  • list.filterMatchBorder#F2F2F2fe
  • list.focusAndSelectionOutline#F7F7F500
  • list.focusBackground#CBCBCB96
  • list.focusForeground#6E3586fe
  • list.focusHighlightForeground#13415Cfe
  • list.focusOutline#F6F6F600
  • list.highlightForeground#153852ca
  • list.hoverBackground#D4C5D4ae
  • list.hoverForeground#68347Efe
  • list.inactiveFocusBackground#BABABA99
  • list.inactiveFocusOutline#F5F7F500
  • list.inactiveSelectionBackground#EDEDEDae
  • list.inactiveSelectionForeground#4A4A4A65
  • list.inactiveSelectionIconForeground#46464665
  • list.invalidItemForeground#353535ce
  • list.warningForeground#5C4C00ce
  • listFilterWidget.background#DCDCDCfe
  • listFilterWidget.noMatchesOutline#F5F5F700
  • listFilterWidget.outline#F6F6F600
  • listFilterWidget.shadow#F7F7F500
  • menu.background#EDEDEDfe
  • menu.border#F5F7F600
  • menu.foreground#353535ae
  • menu.selectionBackground#D3C4D3a7
  • menu.selectionBorder#F7F5F700
  • menu.selectionForeground#633377fe
  • menu.separatorBackground#CACACA65
  • menubar.selectionBackground#CCBACCa1
  • menubar.selectionBorder#F7F7F500
  • menubar.selectionForeground#8438A5fe
  • merge.border#F2F2F2fe
  • merge.commonContentBackground#DCDCDCfe
  • merge.commonHeaderBackground#DCDCDCfe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#A3D7A5fb
  • merge.incomingContentBackground#A2D7A4cb
  • merge.incomingHeaderBackground#A3D7A5fb
  • mergeEditor.change.background#DCDCDCfe
  • mergeEditor.change.word.background#DCDCDCfe
  • mergeEditor.changeBase.background#DCDCDCfe
  • mergeEditor.changeBase.word.background#DCDCDCfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F2F2F2fe
  • mergeEditor.conflict.handledUnfocused.border#D4D4D429
  • mergeEditor.conflict.input1.background#F2F2F2fe
  • mergeEditor.conflict.input2.background#F2F2F2fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#6700679a
  • mergeEditor.conflict.unhandledFocused.border#F2F2F2fe
  • mergeEditor.conflict.unhandledUnfocused.border#CFCFCF30
  • mergeEditor.conflictingLines.background#DCDCDCfe
  • minimap.background#DCDCDCfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0B0B0Bce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5A1Efb
  • minimapGutter.deletedBackground#A20000fb
  • minimapGutter.modifiedBackground#5C4C00ce
  • minimapSlider.activeBackground#868686fe
  • minimapSlider.background#ADADADae
  • minimapSlider.hoverBackground#9393936e
  • notebook.cellBorderColor#F2F2F2fe
  • notebook.cellEditorBackground#DCDCDCfe
  • notebook.cellHoverBackground#DCDCDCfe
  • notebook.cellInsertionIndicator#1E161Eca
  • notebook.cellStatusBarItemHoverBackground#DCDCDCfe
  • notebook.cellToolbarSeparator#1D2722ca
  • notebook.editorBackground#DCDCDCfe
  • notebook.focusedCellBackground#DCDCDCfe
  • notebook.focusedCellBorder#8A38ADfe
  • notebook.focusedEditorBorder#F2F2F2fe
  • notebook.inactiveFocusedCellBorder#8282828e
  • notebook.inactiveSelectedCellBorder#7979798e
  • notebook.outputContainerBackgroundColor#DCDCDCfe
  • notebook.outputContainerBorderColor#F2F2F2fe
  • notebook.selectedCellBackground#DCDCDCfe
  • notebook.selectedCellBorder#F2F2F2fe
  • notebook.symbolHighlightBackground#DCDCDCfe
  • notebookEditorOverviewRuler.runningCellForeground#353535ce
  • notebookScrollbarSlider.activeBackground#797979fe
  • notebookScrollbarSlider.background#ADADADae
  • notebookScrollbarSlider.hoverBackground#9C9C9C6e
  • notebookStatusErrorIcon.foreground#8E008Ece
  • notebookStatusRunningIcon.foreground#353535fe
  • notebookStatusSuccessIcon.foreground#1F5921cb
  • notificationCenter.border#F2F2F2fe
  • notificationCenterHeader.background#DCDCDCfe
  • notificationCenterHeader.foreground#353535ce
  • notificationLink.foreground#353535ce
  • notifications.background#DCDCDCfe
  • notifications.border#F2F2F2fe
  • notifications.foreground#353535ce
  • notificationsErrorIcon.foreground#8E008Ece
  • notificationsInfoIcon.foreground#3B392Bfe
  • notificationsWarningIcon.foreground#5C4C00ce
  • notificationToast.border#F2F2F2fe
  • panel.background#DCDCDCfe
  • panel.border#F2F2F2fe
  • panel.dropBorder#F2F2F2fe
  • panelInput.border#F2F2F2fe
  • panelSection.border#F2F2F2fe
  • panelSection.dropBackground#DCDCDCfe
  • panelSectionHeader.background#DCDCDCfe
  • panelSectionHeader.border#F2F2F2fe
  • panelSectionHeader.foreground#353535ce
  • panelTitle.activeBorder#F5F5F700
  • panelTitle.activeForeground#601682fe
  • panelTitle.inactiveForeground#41414165
  • peekView.border#601682fe
  • peekViewEditor.background#F2F2F2fe
  • peekViewEditor.matchHighlightBackground#ACA88E86
  • peekViewEditor.matchHighlightBorder#F5F7F500
  • peekViewEditorGutter.background#F2F2F2fe
  • peekViewEditorStickyScroll.background#DCDCDCfe
  • peekViewResult.background#EDEDEDfe
  • peekViewResult.fileForeground#353535ce
  • peekViewResult.lineForeground#353535ce
  • peekViewResult.matchHighlightBackground#98B3A581
  • peekViewResult.selectionBackground#ABC1B689
  • peekViewResult.selectionForeground#213B18ca
  • peekViewTitle.background#EDEDEDfe
  • peekViewTitleDescription.foreground#353535ce
  • peekViewTitleLabel.foreground#353535ce
  • pickerGroup.border#F2F2F2fe
  • pickerGroup.foreground#353535ce
  • ports.iconRunningProcessForeground#353535fe
  • problemsErrorIcon.foreground#8E008Ece
  • problemsInfoIcon.foreground#3C00F8ce
  • problemsWarningIcon.foreground#5C4C00ce
  • profileBadge.background#9039B5fe
  • profileBadge.foreground#EDEDEDfe
  • progressBar.background#DCDCDCfe
  • quickInput.background#EDEDEDfe
  • quickInput.foreground#353535ae
  • quickInputList.focusBackground#8499A5aa
  • quickInputList.focusForeground#8A38ADfe
  • quickInputList.focusIconForeground#8A38ADfe
  • quickInputTitle.background#F2F2F2fe
  • sash.hoverBorder#F2F2F2fe
  • scrollbar.shadow#F7F7F500
  • scrollbarSlider.activeBackground#828282fe
  • scrollbarSlider.background#A4A4A4ae
  • scrollbarSlider.hoverBackground#A0A0A06e
  • search.resultsInfoForeground#353535ce
  • searchEditor.findMatchBackground#8EA1ACa8
  • searchEditor.findMatchBorder#F2F2F2fe
  • searchEditor.textInputBorder#F2F2F2fe
  • selection.background#DCDCDCfe
  • settings.checkboxBackground#F2F2F2fe
  • settings.checkboxBorder#F2F2F2fe
  • settings.checkboxForeground#353535ce
  • settings.dropdownBackground#F2F2F2fe
  • settings.dropdownBorder#F2F2F2fe
  • settings.dropdownForeground#353535ce
  • settings.dropdownListBorder#F2F2F2fe
  • settings.focusedRowBackground#A889A882
  • settings.focusedRowBorder#F2F2F2fe
  • settings.headerBorder#F2F2F2fe
  • settings.headerForeground#353535ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F2F2F2fe
  • settings.numberInputBorder#F2F2F2fe
  • settings.numberInputForeground#353535ce
  • settings.rowHoverBackground#DCDCDCfe
  • settings.sashBorder#F2F2F2fe
  • settings.settingsHeaderHoverForeground#5D3170fe
  • settings.textInputBackground#F2F2F2fe
  • settings.textInputBorder#F2F2F2fe
  • settings.textInputForeground#353535ce
  • sideBar.background#DCDCDCfe
  • sideBar.border#F2F2F2fe
  • sideBar.dropBackground#DCDCDCfe
  • sideBar.foreground#4E4E4Eae
  • sideBarSectionHeader.background#F7F7F500
  • sideBarSectionHeader.border#F2F2F2fe
  • sideBarSectionHeader.foreground#353535ce
  • sideBarTitle.foreground#353535ce
  • sideBySideEditor.horizontalBorder#F2F2F2fe
  • sideBySideEditor.verticalBorder#F2F2F2fe
  • simpleFindWidget.sashBorder#F2F2F2fe
  • statusBar.background#EDEDEDfe
  • statusBar.border#F2F2F2fe
  • statusBar.debuggingBackground#FFB1FEbd
  • statusBar.debuggingBorder#F2F2F2fe
  • statusBar.debuggingForeground#353535ce
  • statusBar.focusBorder#F5F5F700
  • statusBar.foreground#4E4E4E6e
  • statusBar.noFolderBackground#EDEDEDfe
  • statusBar.noFolderBorder#F2F2F2fe
  • statusBar.noFolderForeground#353535ce
  • statusBarItem.activeBackground#EDEDEDfe
  • statusBarItem.compactHoverBackground#EDEDEDfe
  • statusBarItem.errorBackground#FFB1FEae
  • statusBarItem.errorForeground#8E008Ece
  • statusBarItem.errorHoverBackground#FFB1FEa2
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F5F5F700
  • statusBarItem.hoverBackground#EDEDEDfe
  • statusBarItem.hoverForeground#9039B5fe
  • statusBarItem.offlineBackground#EDEDEDfe
  • statusBarItem.offlineForeground#353535ce
  • statusBarItem.offlineHoverBackground#EDEDEDfe
  • statusBarItem.offlineHoverForeground#9039B5fe
  • statusBarItem.prominentBackground#EDEDEDfe
  • statusBarItem.prominentForeground#353535ce
  • statusBarItem.prominentHoverBackground#EDEDEDfe
  • statusBarItem.prominentHoverForeground#8A38ADfe
  • statusBarItem.remoteBackground#7E379Dfe
  • statusBarItem.remoteForeground#EDEDEDfe
  • statusBarItem.remoteHoverBackground#EDEDEDfe
  • statusBarItem.remoteHoverForeground#68347Efe
  • statusBarItem.warningBackground#EFC600fe
  • statusBarItem.warningForeground#5C4C00ce
  • statusBarItem.warningHoverBackground#EFC600fe
  • statusBarItem.warningHoverForeground#947A00ce
  • symbolIcon.arrayForeground#223A2Ffe
  • symbolIcon.booleanForeground#005858ce
  • symbolIcon.classForeground#4B284Bfe
  • symbolIcon.colorForeground#4A2A4Afe
  • symbolIcon.constantForeground#383524fe
  • symbolIcon.constructorForeground#403E2Ffe
  • symbolIcon.enumeratorForeground#353535fe
  • symbolIcon.enumeratorMemberForeground#1D3C18fe
  • symbolIcon.eventForeground#1D3C18fe
  • symbolIcon.fieldForeground#5E115Efe
  • symbolIcon.fileForeground#38314Cfe
  • symbolIcon.folderForeground#353535fe
  • symbolIcon.functionForeground#620262fe
  • symbolIcon.interfaceForeground#561F56fe
  • symbolIcon.keyForeground#33402Ffe
  • symbolIcon.keywordForeground#3A351Afe
  • symbolIcon.methodForeground#38314Cfe
  • symbolIcon.moduleForeground#1A3D0Efe
  • symbolIcon.namespaceForeground#1B3847fe
  • symbolIcon.nullForeground#382F57fe
  • symbolIcon.numberForeground#1A384Afe
  • symbolIcon.objectForeground#0E3D26fe
  • symbolIcon.operatorForeground#2B0DA6fe
  • symbolIcon.packageForeground#2F4037fe
  • symbolIcon.propertyForeground#353535fe
  • symbolIcon.referenceForeground#5C135Cfe
  • symbolIcon.snippetForeground#3B3607fe
  • symbolIcon.stringForeground#203847fe
  • symbolIcon.structForeground#353535fe
  • symbolIcon.textForeground#353535fe
  • symbolIcon.typeParameterForeground#561F56fe
  • symbolIcon.unitForeground#353535fe
  • symbolIcon.variableForeground#223B1Cfe
  • tab.activeBackground#E9E9E9fe
  • tab.activeBorder#F5F6F700
  • tab.activeBorderTop#58286Afe
  • tab.activeForeground#620D88fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F6F6F600
  • tab.hoverBackground#733673a4
  • tab.hoverBorder#F2F2F2fe
  • tab.hoverForeground#9039B5fe
  • tab.inactiveBackground#CACACA94
  • tab.inactiveForeground#46464665
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F2F2F2fe
  • tab.unfocusedActiveBackground#CFCFCF2d
  • tab.unfocusedActiveBorder#F7F7F500
  • tab.unfocusedActiveBorderTop#CBCBCB65
  • tab.unfocusedActiveForeground#41414165
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#4E4E4E23
  • tab.unfocusedHoverBorder#CFCFCF21
  • tab.unfocusedHoverForeground#46464665
  • tab.unfocusedInactiveBackground#BEBEBE99
  • tab.unfocusedInactiveForeground#46464665
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333cb
  • 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#670067c0
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeaa
  • terminal.ansiYellow#c4a200fe
  • terminal.background#DCDCDCfe
  • terminal.border#F2F2F2fe
  • terminal.dropBackground#DCDCDCfe
  • terminal.findMatchBackground#DCDCDCfe
  • terminal.findMatchBorder#F2F2F2fe
  • terminal.findMatchHighlightBackground#DCDCDCfe
  • terminal.findMatchHighlightBorder#F2F2F2fe
  • terminal.foreground#4E4E4Eae
  • terminal.hoverHighlightBackground#DCDCDCfe
  • terminal.inactiveSelectionBackground#C2C2C29c
  • terminal.selectionBackground#88A17F8c
  • terminal.selectionForeground#043E21ca
  • terminal.tab.activeBorder#680880fe
  • terminalCommandDecoration.defaultBackground#5437AFae
  • terminalCommandDecoration.errorBackground#A00000cb
  • terminalCommandDecoration.successBackground#1F5921cb
  • terminalCursor.background#DCDCDCfe
  • terminalCursor.foreground#633377fe
  • terminalOverviewRuler.cursorForeground#353535ce
  • terminalOverviewRuler.findMatchForeground#005858ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c9
  • testing.iconUnset#808080b5
  • testing.message.error.decorationForeground#5D3170fe
  • testing.message.error.lineBackground#FFB1FEc9
  • testing.message.info.decorationForeground#5D3170fe
  • testing.message.info.lineBackground#C5C5FEfe
  • testing.peekBorder#F2F2F2fe
  • testing.peekHeaderBackground#DCDCDCfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#DCDCDCfe
  • textBlockQuote.border#F2F2F2fe
  • textCodeBlock.background#DCDCDCfe
  • textLink.activeForeground#7E379Dfe
  • textLink.foreground#3C00F8ce
  • textPreformat.foreground#353535ce
  • textSeparator.foreground#353535ce
  • titleBar.activeBackground#EDEDEDfe
  • titleBar.activeForeground#3D3D3Dae
  • titleBar.border#F5F7F600
  • titleBar.inactiveBackground#CFCFCFd7
  • titleBar.inactiveForeground#41414165
  • toolbar.activeBackground#CDC9D78a
  • toolbar.hoverBackground#DCDCDCfe
  • toolbar.hoverOutline#F5F7F600
  • tree.inactiveIndentGuidesStroke#3F4E3935
  • tree.indentGuidesStroke#7D10ACfe
  • tree.tableColumnsBorder#F2F2F2fe
  • tree.tableOddRowsBackground#DCDCDCfe
  • walkThrough.embeddedEditorBackground#DCDCDCfe
  • walkthrough.stepTitle.foreground#353535ce
  • welcomePage.background#DCDCDCfe
  • welcomePage.progress.background#DCDCDCfe
  • welcomePage.progress.foreground#353535ce
  • welcomePage.tileBackground#DCDCDCfe
  • welcomePage.tileBorder#F2F2F2fe
  • welcomePage.tileHoverBackground#DCDCDCfe
  • widget.border#F2F2F2fe
  • widget.shadow#F6F6F600
  • window.activeBorder#F2F2F2fe
  • window.inactiveBorder#CACACA91

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#2E2E2E6e
comment.block.html#2E2E2E6e
comment.block.java#2E2E2E6e
comment.block.javadoc.java#2E2E2E6e
comment.block.powershell#2E2E2E6e
comment.block.xml#2E2E2E6e
comment.line.double-slash.c#2E2E2E6e
comment.line.double-slash.cpp#2E2E2E6e
comment.line.double-slash.java#2E2E2E6e
comment.line.double-slash.js#2E2E2E6e
comment.line.number-sign.makefile#2E2E2E6e
comment.line.number-sign.python#2E2E2E6e
comment.line.number-sign.yaml#2E2E2E6e
comment.line.percentage.erlang#2E2E2E6e
comment.line.powershell#2E2E2E6e
comment.source.cmake#2E2E2E6e
comment.source.cmakecache#2E2E2E6e
constant.character#6E350Ede
constant.character.character-class.regexp#482B55de
constant.character.escape#303669de
constant.character.set.regexp#262B52de
constant.language#203522de
constant.numeric#243300de
constant.numeric.dec.python#16341Cde
constant.other.caps.python#3E291Cde
constant.other.character-class.regexp#273112de
constant.other.character-class.set.regexp#4B2209de
constant.other.color.rgb-value#3A4A16de
constant.other.placeholder#0E3513de
constant.other.rgb-value#56142Ede
constant.regexp#394A13de
constant.sha.git-rebase#412817de
emphasis#27482Ade
entity.name.class#532E62de
entity.name.function#0D188Ede
entity.name.function.preprocessor#05360Ade
entity.name.function.python#223B25de
entity.name.label#4E2938de
entity.name.namespace#274848de
entity.name.operator#3B2C22de
entity.name.operator.custom-literal#2E3362de
entity.name.scope-resolution#16341Ade
entity.name.tag#303669de
entity.name.tag.css#553B2Bde
entity.name.type#223B3Bdebold
entity.name.variable#5E062Ade
entity.other.attribute#343B22de
entity.other.attribute-name#134F19de
entity.other.attribute-name.class.css#532E62de
entity.other.attribute-name.class.mixin.css#3E291Cde
entity.other.attribute-name.id#273112de
entity.other.attribute-name.id.css#303669de
entity.other.attribute-name.parent-selector.css#483427de
entity.other.attribute-name.pseudo-class.css#05360Ade
entity.other.attribute-name.pseudo-element.css#6E350Ede
entity.other.attribute-name.scss#154C4Cde
entity.other.document.begin.yaml#2E2E2E6e
entity.other.inherited-class#273112de
header#394B0Ede
invalid#462230de
keyword#2D315Bdebold
keyword.codetag.notation.python#3D2447debold
keyword.control#3B2C22debold
keyword.control.anchor.regexp#2B3016debold
keyword.control.import.python#154F1Bdebold
keyword.operator#303669debold
keyword.operator.alignas#0E3513debold
keyword.operator.alignof#303669debold
keyword.operator.cast#244127debold
keyword.operator.delete#491261debold
keyword.operator.documentation.powershell#2E2E2E6ebold
keyword.operator.expression#163232debold
keyword.operator.instanceof#000F9Adebold
keyword.operator.logical.python#743107debold
keyword.operator.minus.exponent#3B2C22debold
keyword.operator.negation.regexp#57132Edebold
keyword.operator.new#10217Ddebold
keyword.operator.noexcept#431C55debold
keyword.operator.or.regexp#47175Cdebold
keyword.operator.plus.exponent#552B3Bdebold
keyword.operator.quantifier.regexp#394124debold
keyword.operator.sizeof#3E291Cdebold
keyword.operator.typeid#412819debold
keyword.operator.wordlike#2E3362debold
keyword.other.operator#4D2D5Bdebold
keyword.other.package.java#43294Edebold
keyword.other.unit#3D2447debold
keyword.other.using#3D2348debold
markup.bold#552B3Bde
markup.changed#203522de
markup.deleted#343B22de
markup.fenced_code.block.markdown#412819de
markup.heading#3B2C22de
markup.inline.raw#5B2D3Fde
markup.inserted#183232de
markup.italic#223B3Bde
markup.raw.block.markdown#2B2F55de
markup.strikethrough#16341Ade
markup.underline#583069de
meta.block.c#4B2209de
meta.block.c#253207de
meta.class.java#532E62de
meta.definition.variable.name#4D2D5Bde
meta.diff.header#43294Ede
meta.embedded#41204Ede
meta.embedded.assembly#412817de
meta.function-call.arguments.python#253207de
meta.function-call.python#482B55de
meta.member.access.python#16341Cde
meta.method.java#384A11de
meta.object-literal.key#16341Ade
meta.paragraph.markdown#243305de
meta.preprocessor#17341Ade
meta.preprocessor.numeric#154F1Bde
meta.preprocessor.string#292C4Ede
meta.scope.prerequisites.makefile#232959de
meta.structure.dictionary.json.comments#2E2E2E6e
meta.structure.dictionary.key.python#252B53de
meta.structure.dictionary.value.json.comments#2E2E2E6e
meta.template.expression#244141de
meta.type.cast.expr#03360Bdebold
meta.type.new.expr#482B55debold
parameter#05360Ade
punctuation.character.set.begin.regexp#743107de
punctuation.character.set.end.regexp#243300de
punctuation.definition.array.begin.json#3E2748de
punctuation.definition.character-class.regexp#053434de
punctuation.definition.comment#2E2E2E6e
punctuation.definition.comment.json.comments#2E2E2E6e
punctuation.definition.comment.python#2E2E2E6e
punctuation.definition.dictionary.begin.json#552B3Bde
punctuation.definition.dictionary.end.json#053434de
punctuation.definition.group.assertion.regexp#422716de
punctuation.definition.group.regexp#482734de
punctuation.definition.list.begin.json#4B046Dde
punctuation.definition.list.begin.markdown#103333de
punctuation.definition.list.begin.python#053434de
punctuation.definition.list.end.json#462230de
punctuation.definition.list.end.markdown#10217Dde
punctuation.definition.list.end.python#54182Fde
punctuation.definition.parameters.begin.python#4B2209de
punctuation.definition.parameters.end.bracket.round.java#16341Cde
punctuation.definition.quote.begin.markdown#4B046Dde
punctuation.definition.tag#053434de
punctuation.definition.template-expression.begin#343B22de
punctuation.definition.template-expression.end#482B55de
punctuation.section.class.begin.bracket.curly.java#244141de
punctuation.section.embedded#282C4Ede
punctuation.section.embedded.begin.php#5B2D3Fde
punctuation.section.embedded.end.php#2D315Bde
punctuation.terminator.java#583069de
source.cmake#27482Ade
source.coffee.embedded#462230de
source.cpp#203535de
source.css.less#183232de
source.groovy.embedded#47175Cde
source.java#3C2546de
source.java-properties#3E2748de
source.json.comments#2E2E2E6e
source.makefile#2A301Ade
source.powershell#3E291Cde
source.powershell.variable.other.member#05360Ade
source.python#282C4Ede
storage#422716de
storage.modifier#243305de
storage.modifier.import.java#282C4Ede
storage.modifier.package.java#4D2106de
storage.type#0D5012debold
storage.type.annotation.groovy#431C55debold
storage.type.annotation.java#274848debold
storage.type.boolean.go#482B55debold
storage.type.byte.go#0F5015debold
storage.type.cs#1F2764debold
storage.type.error.go#272B4Bdebold
storage.type.generic.cs#10217Ddebold
storage.type.generic.groovy#413024debold
storage.type.generic.java#124C4Cdebold
storage.type.groovy#3C2546debold
storage.type.java#693047debold
storage.type.modifier.cs#482B55debold
storage.type.numeric.go#553B2Bdebold
storage.type.object.array.groovy#053434debold
storage.type.object.array.java#482734debold
storage.type.parameters.groovy#2D315Bdebold
storage.type.primitive.array.groovy#154C4Cdebold
storage.type.primitive.array.java#223B3Bdebold
storage.type.primitive.groovy#282C4Edebold
storage.type.primitive.java#2D315Bdebold
storage.type.rune.go#272B4Bdebold
storage.type.string.go#0D188Edebold
storage.type.token.java#412817debold
storage.type.uintptr.go#583069debold
storage.type.variable.cs#483427debold
string#552B3Bde
string.quoted.docstring.multi.python#2E2E2E6e
string.regexp#244127de
string.tag#17341Ade
string.value#70340Bde
strong#462230de
support.class#4E2938de
support.constant.color#3E4827de
support.constant.dom#491261de
support.constant.font-name#452431de
support.constant.handlebars#2F3520de
support.constant.json#303669de
support.constant.math#17341Ade
support.constant.media#3D2447de
support.constant.media-type#412817debold
support.constant.property-value#272B4Bde
support.function#583069de
support.function.git-rebase#154F1Bde
support.other.parenthesis.regexp#384A11de
support.type#3C2546debold
support.type.property-name#57132Edebold
support.type.vendored.property-name#16341Adebold
support.variable#16341Ade
token.debug-token#0E3513de
token.error-token#27482Ade
token.info-token#27482Ade
token.warn-token#532E62de
variable#4D2106de
variable.css#462230de
variable.language#203535de
variable.language.wildcard.java#3A4A16de
variable.other.constant#2B3016de
variable.other.definition.java#05360Ade
variable.other.enummember#3C2546de
variable.other.less#54182Fde
variable.other.object.java#0F5015de
variable.other.object.property.java#622E43de
variable.parameter.c#4E1D2Fde
variable.parameter.function.language.python#492030de
variable.parameter.java#03360Bde
variable.scss#144C4Cde
viiv by B.W - VS Code Theme