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#542480fe
  • activityBar.activeFocusBorder#9E6E8600
  • activityBar.background#EDEDEDfe
  • activityBar.border#7676B900
  • activityBar.dropBorder#5504A1fe
  • activityBar.foreground#551E86fe
  • activityBar.inactiveForeground#4A4A4A65
  • activityBarBadge.background#6F29AEfe
  • activityBarBadge.foreground#EDEDEDfe
  • badge.background#54237Ffe
  • badge.foreground#EDEDEDfe
  • banner.background#DCDCDCfe
  • banner.foreground#353535ce
  • banner.iconForeground#0F3E0Ffe
  • breadcrumb.activeSelectionForeground#611939ca
  • breadcrumb.background#E9E9E9fe
  • breadcrumb.focusForeground#7429B7fe
  • breadcrumb.foreground#353535ae
  • breadcrumbPicker.background#DCDCDCfe
  • button.background#A4A4A4ae
  • button.border#F6F6F600
  • button.foreground#353535ce
  • button.hoverBackground#9393936e
  • button.secondaryBackground#DCDCDCfe
  • button.secondaryForeground#353535ce
  • button.secondaryHoverBackground#DCDCDCfe
  • button.separator#F7F6F500
  • charts.blue#1b1bfffe
  • charts.foreground#353535ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ca
  • 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#D0C7D586
  • commandCenter.activeBorder#F2F2F2fe
  • commandCenter.activeForeground#622796fe
  • commandCenter.background#DCDCDCfe
  • commandCenter.border#F2F2F2fe
  • commandCenter.foreground#353535ce
  • commandCenter.inactiveBorder#CBCBCB94
  • commandCenter.inactiveForeground#3D3D3D65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F5F7F500
  • contrastBorder#F6F6F600
  • debugConsole.errorForeground#8E008Ece
  • debugConsole.infoForeground#353535ce
  • debugConsole.sourceForeground#353535ce
  • debugConsole.warningForeground#5C4C00ce
  • debugConsoleInputIcon.foreground#502C16fe
  • debugExceptionWidget.background#FFB1FEb3
  • debugExceptionWidget.border#F2F2F2fe
  • debugIcon.breakpointCurrentStackframeForeground#353535fe
  • debugIcon.breakpointDisabledForeground#39393965
  • debugIcon.breakpointForeground#611939fe
  • debugIcon.breakpointStackframeForeground#1D3D1Dfe
  • debugIcon.breakpointUnverifiedForeground#403630fe
  • debugIcon.continueForeground#1A3C1Afe
  • debugIcon.disconnectForeground#661332fe
  • debugIcon.pauseForeground#163E16fe
  • debugIcon.restartForeground#433124fe
  • debugIcon.startForeground#4B245Efe
  • debugIcon.stepBackForeground#353535fe
  • debugIcon.stepIntoForeground#293161fe
  • debugIcon.stepOutForeground#1A3C1Afe
  • debugIcon.stepOverForeground#313728fe
  • debugIcon.stopForeground#243A24fe
  • debugTokenExpression.boolean#16171Eca
  • debugTokenExpression.error#201A23ca
  • debugTokenExpression.name#1C171Fca
  • debugTokenExpression.number#1A231Aca
  • debugTokenExpression.value#161616ca
  • debugToolBar.background#FFB1FEba
  • debugToolBar.border#F2F2F2fe
  • debugView.exceptionLabelBackground#C8CAD7ca
  • debugView.exceptionLabelForeground#680F35ca
  • debugView.stateLabelBackground#CACACAca
  • debugView.stateLabelForeground#353535ca
  • debugView.valueChangedHighlight#1A231Aca
  • descriptionForeground#353535ce
  • diffEditor.border#F5F7F500
  • diffEditor.diagonalFill#000000f9
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#A3D7A5fb
  • diffEditor.insertedTextBorder#F6F5F700
  • diffEditor.move.border#F6F6F600
  • diffEditor.moveActive.border#F6F6F600
  • diffEditor.removedLineBackground#FFB8B831
  • diffEditor.removedTextBackground#FFB8B8fb
  • diffEditor.removedTextBorder#F5F5F700
  • diffEditor.unchangedCodeBackground#DCDCDCfe
  • diffEditor.unchangedRegionBackground#DCDCDCfe
  • diffEditor.unchangedRegionForeground#353535ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#4A4A4A65
  • dropdown.background#F2F2F2fe
  • dropdown.border#F2F2F2fe
  • dropdown.foreground#353535ce
  • dropdown.listBackground#F2F2F2fe
  • editor.background#DCDCDCfe
  • editor.findMatchBackground#B9ACC1a6
  • editor.findMatchBorder#F2F2F2fe
  • editor.findMatchHighlightBackground#A594AFab
  • editor.findMatchHighlightBorder#F2F2F2fe
  • editor.findRangeHighlightBackground#8A8EA8a2
  • editor.findRangeHighlightBorder#F2F2F2fe
  • editor.focusedStackFrameHighlightBackground#B1A2BA88
  • editor.foldBackground#435327aa
  • editor.foreground#353535ce
  • editor.hoverHighlightBackground#8A8EA8a5
  • editor.inactiveSelectionBackground#CBCBCB98
  • editor.inlineValuesBackground#DCDCDCfe
  • editor.inlineValuesForeground#353535ce
  • editor.lineHighlightBackground#C2C2C2b2
  • editor.lineHighlightBorder#F5F7F500
  • editor.linkedEditingBackground#DCDCDCfe
  • editor.rangeHighlightBackground#A18D80ab
  • editor.rangeHighlightBorder#F2F2F2fe
  • editor.selectionBackground#B6C9B6a8
  • editor.selectionForeground#12209Cca
  • editor.selectionHighlightBackground#C1B4AC84
  • editor.selectionHighlightBorder#F2F2F2fe
  • editor.snippetFinalTabstopHighlightBackground#A8958Aa1
  • editor.snippetFinalTabstopHighlightBorder#F2F2F2fe
  • editor.snippetTabstopHighlightBackground#B1B1B1ac
  • editor.snippetTabstopHighlightBorder#F2F2F2fe
  • editor.stackFrameHighlightBackground#A18FACa4
  • editor.symbolHighlightBackground#B9C1ACaa
  • editor.symbolHighlightBorder#F2F2F2fe
  • editor.wordHighlightBackground#A18D80a1
  • editor.wordHighlightBorder#F7F5F600
  • editor.wordHighlightStrongBackground#A8958Aa7
  • editor.wordHighlightStrongBorder#F5F7F500
  • editor.wordHighlightTextBackground#AF9E94a7
  • editor.wordHighlightTextBorder#F6F5F700
  • editorBracketHighlight.foreground1#0B0B0Bce
  • editorBracketHighlight.foreground2#0B0B0Bce
  • editorBracketHighlight.foreground3#0B0B0Bce
  • editorBracketHighlight.foreground4#0B0B0Bce
  • editorBracketHighlight.foreground5#0B0B0Bce
  • editorBracketHighlight.foreground6#0B0B0Bce
  • editorBracketHighlight.unexpectedBracket.foreground#353535ce
  • editorBracketMatch.background#654652a8
  • editorBracketMatch.border#F2F2F2fe
  • editorBracketPairGuide.activeBackground1#2F562F88
  • editorBracketPairGuide.activeBackground2#2F562F8a
  • editorBracketPairGuide.activeBackground3#2D562D84
  • editorBracketPairGuide.activeBackground4#29582986
  • editorBracketPairGuide.activeBackground5#69453086
  • editorBracketPairGuide.activeBackground6#44522B8a
  • editorBracketPairGuide.background1#C5CDBBfe
  • editorBracketPairGuide.background2#C9CBD7fe
  • editorBracketPairGuide.background3#D5C7CDfe
  • editorBracketPairGuide.background4#C7CEBDfe
  • editorBracketPairGuide.background5#D1C8D6fe
  • editorBracketPairGuide.background6#D2C9C3fe
  • editorCodeLens.foreground#4E4E4E6e
  • editorCommentsWidget.rangeActiveBackground#4E4E4Efe
  • editorCommentsWidget.rangeBackground#DCDCDCfe
  • editorCommentsWidget.resolvedBorder#F2F2F2fe
  • editorCommentsWidget.unresolvedBorder#FFB8B8cb
  • editorCursor.background#DCDCDCfe
  • editorCursor.foreground#66289Efe
  • editorError.background#F6F7F500
  • editorError.border#F6F7F500
  • editorError.foreground#8E008Ece
  • editorGhostText.background#DCDCDCfe
  • editorGhostText.border#F5F7F500
  • 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#D8D8D8a1
  • editorGroupHeader.tabsBorder#F6F6F600
  • 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#F6F5F700
  • editorHint.foreground#3C00F8ce
  • editorHoverWidget.background#F2F2F2fe
  • editorHoverWidget.border#F2F2F2fe
  • editorHoverWidget.foreground#353535ce
  • editorHoverWidget.highlightForeground#353535ca
  • editorHoverWidget.statusBarBackground#DCDCDCfe
  • editorIndentGuide.activeBackground1#570C99fe
  • editorIndentGuide.activeBackground2#551E86fe
  • editorIndentGuide.activeBackground3#54247Ffe
  • editorIndentGuide.activeBackground4#551E86fe
  • editorIndentGuide.activeBackground5#561B8Bfe
  • editorIndentGuide.activeBackground6#571294fe
  • editorIndentGuide.background1#3A4F3A35
  • editorIndentGuide.background2#6C5B5035
  • editorIndentGuide.background3#3E415435
  • editorIndentGuide.background4#4F3A4235
  • editorIndentGuide.background5#4C674C35
  • editorIndentGuide.background6#62524935
  • editorInfo.background#F6F5F700
  • editorInfo.border#F6F5F700
  • 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#622796fe
  • editorLineNumber.dimmedForeground#4E4E4E6e
  • editorLineNumber.foreground#4E4E4E6e
  • editorLink.activeForeground#7429B7fe
  • editorMarkerNavigation.background#F2F2F2fe
  • editorMarkerNavigationError.background#FFB1FEb0
  • editorMarkerNavigationError.headerBackground#FFB1FEa0
  • 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#4E4E4Ea9
  • editorOverviewRuler.deletedForeground#A00000cb
  • editorOverviewRuler.errorForeground#8E008Ece
  • editorOverviewRuler.findMatchForeground#005858ce
  • editorOverviewRuler.incomingContentForeground#1F5921cb
  • editorOverviewRuler.infoForeground#3C00F8ce
  • editorOverviewRuler.modifiedForeground#5C4C00ce
  • editorOverviewRuler.rangeHighlightForeground#353535ca
  • editorOverviewRuler.selectionHighlightForeground#3C00F8ce
  • editorOverviewRuler.warningForeground#5C4C00ce
  • editorOverviewRuler.wordHighlightForeground#193C19ca
  • editorOverviewRuler.wordHighlightStrongForeground#353535ce
  • editorOverviewRuler.wordHighlightTextForeground#353535ce
  • editorPane.background#DCDCDCfe
  • editorRuler.foreground#4D4D4D3e
  • editorStickyScroll.background#DCDCDCfe
  • editorStickyScrollHover.background#CACACA6e
  • editorSuggestWidget.background#F2F2F2fe
  • editorSuggestWidget.border#F6F6F600
  • editorSuggestWidget.focusHighlightForeground#324218fe
  • editorSuggestWidget.foreground#353535fe
  • editorSuggestWidget.highlightForeground#183D18ca
  • editorSuggestWidget.selectedBackground#95A18081
  • editorSuggestWidget.selectedForeground#353535ca
  • editorSuggestWidget.selectedIconForeground#680F35ca
  • editorSuggestWidgetStatus.foreground#293161fe
  • editorUnicodeHighlight.background#8589A5a9
  • editorUnicodeHighlight.border#F2F2F2fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F6F5F700
  • editorWarning.border#F6F5F700
  • editorWarning.foreground#5C4C00ce
  • editorWhitespace.foreground#353535ce
  • editorWidget.background#F2F2F2fe
  • editorWidget.border#F2F2F2fe
  • editorWidget.foreground#353535ce
  • editorWidget.resizeBorder#F2F2F2fe
  • errorForeground#8E008Ece
  • extensionBadge.remoteBackground#54237Ffe
  • extensionBadge.remoteForeground#EDEDEDfe
  • extensionButton.background#CACACAae
  • extensionButton.foreground#353535ce
  • extensionButton.hoverBackground#CACACA6e
  • extensionButton.prominentBackground#DCDCDCfe
  • extensionButton.prominentForeground#353535ce
  • extensionButton.prominentHoverBackground#DCDCDCfe
  • extensionButton.separator#F7F6F500
  • extensionIcon.preReleaseForeground#462E37fe
  • extensionIcon.sponsorForeground#4F2C17fe
  • extensionIcon.starForeground#2D3919fe
  • extensionIcon.verifiedForeground#313728fe
  • focusBorder#F6F5F700
  • 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#D2C7D5ca
  • inlineChat.border#D1C8D6ca
  • inlineChat.regionHighlight#20231Aca
  • inlineChat.shadow#241E28ca
  • inlineChatDiff.inserted#1B1B1Bca
  • inlineChatDiff.removed#13141Aca
  • inlineChatInput.background#161E16ca
  • inlineChatInput.border#D5C6CCca
  • inlineChatInput.focusBorder#F7F5F600
  • inlineChatInput.placeholderForeground#521670ca
  • input.background#F2F2F2fe
  • input.border#F2F2F2fe
  • input.foreground#353535ce
  • input.placeholderForeground#39393965
  • inputOption.activeBackground#F2F2F2fe
  • inputOption.activeBorder#F2F2F2fe
  • inputOption.activeForeground#54247Ffe
  • inputOption.hoverBackground#F2F2F2fe
  • inputValidation.errorBackground#670067c0
  • inputValidation.errorBorder#FFB1FEc3
  • 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#CBCBCB93
  • keybindingLabel.background#DCDCDCfe
  • keybindingLabel.border#F2F2F2fe
  • keybindingLabel.bottomBorder#F2F2F2fe
  • keybindingLabel.foreground#353535ce
  • keybindingTable.headerBackground#DCDCDCfe
  • keybindingTable.rowsBackground#DCDCDCfe
  • list.activeSelectionBackground#A5859185
  • list.activeSelectionForeground#353535ca
  • list.activeSelectionIconForeground#12209Cca
  • list.deemphasizedForeground#353535ce
  • list.dropBackground#DCDCDCfe
  • list.errorForeground#8E008Ece
  • list.filterMatchBackground#DCDCDCfe
  • list.filterMatchBorder#F2F2F2fe
  • list.focusAndSelectionOutline#F6F7F500
  • list.focusBackground#C7C7C797
  • list.focusForeground#6F29AEfe
  • list.focusHighlightForeground#234423fe
  • list.focusOutline#F6F5F700
  • list.highlightForeground#521670ca
  • list.hoverBackground#C4D3C4a1
  • list.hoverForeground#622796fe
  • list.inactiveFocusBackground#C7C7C794
  • list.inactiveFocusOutline#F7F5F600
  • list.inactiveSelectionBackground#EDEDEDae
  • list.inactiveSelectionForeground#4A4A4A65
  • list.inactiveSelectionIconForeground#4A4A4A65
  • list.invalidItemForeground#353535ce
  • list.warningForeground#5C4C00ce
  • listFilterWidget.background#DCDCDCfe
  • listFilterWidget.noMatchesOutline#F7F6F500
  • listFilterWidget.outline#F6F6F600
  • listFilterWidget.shadow#F5F7F500
  • menu.background#EDEDEDfe
  • menu.border#F6F7F500
  • menu.foreground#353535ae
  • menu.selectionBackground#BFD0BFa5
  • menu.selectionBorder#F7F5F600
  • menu.selectionForeground#54247Ffe
  • menu.separatorBackground#CBCBCB65
  • menubar.selectionBackground#B1C5B1ab
  • menubar.selectionBorder#F5F7F500
  • menubar.selectionForeground#54237Ffe
  • 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#D4D4D43e
  • mergeEditor.conflict.input1.background#F2F2F2fe
  • mergeEditor.conflict.input2.background#F2F2F2fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c0
  • mergeEditor.conflict.unhandledFocused.border#F2F2F2fe
  • mergeEditor.conflict.unhandledUnfocused.border#D4D4D43c
  • 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#828282fe
  • minimapSlider.background#A9A9A9ae
  • minimapSlider.hoverBackground#9797976e
  • notebook.cellBorderColor#F2F2F2fe
  • notebook.cellEditorBackground#DCDCDCfe
  • notebook.cellHoverBackground#DCDCDCfe
  • notebook.cellInsertionIndicator#28221Eca
  • notebook.cellStatusBarItemHoverBackground#DCDCDCfe
  • notebook.cellToolbarSeparator#16171Eca
  • notebook.editorBackground#DCDCDCfe
  • notebook.focusedCellBackground#DCDCDCfe
  • notebook.focusedCellBorder#5D268Efe
  • notebook.focusedEditorBorder#F2F2F2fe
  • notebook.inactiveFocusedCellBorder#8282828e
  • notebook.inactiveSelectedCellBorder#8282828e
  • notebook.outputContainerBackgroundColor#DCDCDCfe
  • notebook.outputContainerBorderColor#F2F2F2fe
  • notebook.selectedCellBackground#DCDCDCfe
  • notebook.selectedCellBorder#F2F2F2fe
  • notebook.symbolHighlightBackground#DCDCDCfe
  • notebookEditorOverviewRuler.runningCellForeground#353535ce
  • notebookScrollbarSlider.activeBackground#868686fe
  • notebookScrollbarSlider.background#B5B5B5ae
  • notebookScrollbarSlider.hoverBackground#9797976e
  • notebookStatusErrorIcon.foreground#8E008Ece
  • notebookStatusRunningIcon.foreground#222F6Ffe
  • 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#353535fe
  • 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#F7F6F500
  • panelTitle.activeForeground#5504A1fe
  • panelTitle.inactiveForeground#46464665
  • peekView.border#561B8Bfe
  • peekViewEditor.background#F2F2F2fe
  • peekViewEditor.matchHighlightBackground#B5A7BE8d
  • peekViewEditor.matchHighlightBorder#F5F7F500
  • peekViewEditorGutter.background#F2F2F2fe
  • peekViewEditorStickyScroll.background#DCDCDCfe
  • peekViewResult.background#EDEDEDfe
  • peekViewResult.fileForeground#353535ce
  • peekViewResult.lineForeground#353535ce
  • peekViewResult.matchHighlightBackground#ACAFC186
  • peekViewResult.selectionBackground#B79EA784
  • peekViewResult.selectionForeground#353535ca
  • peekViewTitle.background#EDEDEDfe
  • peekViewTitleDescription.foreground#353535ce
  • peekViewTitleLabel.foreground#353535ce
  • pickerGroup.border#F2F2F2fe
  • pickerGroup.foreground#353535ce
  • ports.iconRunningProcessForeground#402F4Bfe
  • problemsErrorIcon.foreground#8E008Ece
  • problemsInfoIcon.foreground#3C00F8ce
  • problemsWarningIcon.foreground#5C4C00ce
  • profileBadge.background#54247Ffe
  • profileBadge.foreground#EDEDEDfe
  • progressBar.background#DCDCDCfe
  • quickInput.background#EDEDEDfe
  • quickInput.foreground#353535ae
  • quickInputList.focusBackground#9580A1a5
  • quickInputList.focusForeground#66289Efe
  • quickInputList.focusIconForeground#66289Efe
  • quickInputTitle.background#F2F2F2fe
  • sash.hoverBorder#F2F2F2fe
  • scrollbar.shadow#F7F6F500
  • scrollbarSlider.activeBackground#7E7E7Efe
  • scrollbarSlider.background#A4A4A4ae
  • scrollbarSlider.hoverBackground#9393936e
  • search.resultsInfoForeground#353535ce
  • searchEditor.findMatchBackground#80A180a1
  • 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#9EB79E8a
  • 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#7429B7fe
  • settings.textInputBackground#F2F2F2fe
  • settings.textInputBorder#F2F2F2fe
  • settings.textInputForeground#353535ce
  • sideBar.background#DCDCDCfe
  • sideBar.border#F2F2F2fe
  • sideBar.dropBackground#DCDCDCfe
  • sideBar.foreground#4E4E4Eae
  • sideBarSectionHeader.background#F7F6F500
  • 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#FFB1FEba
  • statusBar.debuggingBorder#F2F2F2fe
  • statusBar.debuggingForeground#353535ce
  • statusBar.focusBorder#F6F5F700
  • statusBar.foreground#4E4E4E6e
  • statusBar.noFolderBackground#EDEDEDfe
  • statusBar.noFolderBorder#F2F2F2fe
  • statusBar.noFolderForeground#353535ce
  • statusBarItem.activeBackground#EDEDEDfe
  • statusBarItem.compactHoverBackground#EDEDEDfe
  • statusBarItem.errorBackground#FFB1FEc0
  • statusBarItem.errorForeground#8E008Ece
  • statusBarItem.errorHoverBackground#FFB1FEa5
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F6F7F500
  • statusBarItem.hoverBackground#EDEDEDfe
  • statusBarItem.hoverForeground#592587fe
  • statusBarItem.offlineBackground#EDEDEDfe
  • statusBarItem.offlineForeground#353535ce
  • statusBarItem.offlineHoverBackground#EDEDEDfe
  • statusBarItem.offlineHoverForeground#6F29AEfe
  • statusBarItem.prominentBackground#EDEDEDfe
  • statusBarItem.prominentForeground#353535ce
  • statusBarItem.prominentHoverBackground#EDEDEDfe
  • statusBarItem.prominentHoverForeground#592587fe
  • statusBarItem.remoteBackground#7929BFfe
  • statusBarItem.remoteForeground#EDEDEDfe
  • statusBarItem.remoteHoverBackground#EDEDEDfe
  • statusBarItem.remoteHoverForeground#6B28A6fe
  • statusBarItem.warningBackground#EFC600fe
  • statusBarItem.warningForeground#5C4C00ce
  • statusBarItem.warningHoverBackground#EFC600fe
  • statusBarItem.warningHoverForeground#947A00ce
  • symbolIcon.arrayForeground#1D3D1Dfe
  • symbolIcon.booleanForeground#005858ce
  • symbolIcon.classForeground#473021fe
  • symbolIcon.colorForeground#163E16fe
  • symbolIcon.constantForeground#313447fe
  • symbolIcon.constructorForeground#473021fe
  • symbolIcon.enumeratorForeground#4B245Efe
  • symbolIcon.enumeratorMemberForeground#462E37fe
  • symbolIcon.eventForeground#3A4030fe
  • symbolIcon.fieldForeground#2C3C2Cfe
  • symbolIcon.fileForeground#2E3357fe
  • symbolIcon.folderForeground#4B245Efe
  • symbolIcon.functionForeground#2C3258fe
  • symbolIcon.interfaceForeground#4B245Efe
  • symbolIcon.keyForeground#4B2B38fe
  • symbolIcon.keywordForeground#611939fe
  • symbolIcon.methodForeground#502C16fe
  • symbolIcon.moduleForeground#582706fe
  • symbolIcon.namespaceForeground#3D3145fe
  • symbolIcon.nullForeground#353535fe
  • symbolIcon.numberForeground#363C2Cfe
  • symbolIcon.objectForeground#452956fe
  • symbolIcon.operatorForeground#12209Cfe
  • symbolIcon.packageForeground#12209Cfe
  • symbolIcon.propertyForeground#3A4030fe
  • symbolIcon.referenceForeground#6F002Afe
  • symbolIcon.snippetForeground#582706fe
  • symbolIcon.stringForeground#502938fe
  • symbolIcon.structForeground#4F2C17fe
  • symbolIcon.textForeground#163E16fe
  • symbolIcon.typeParameterForeground#502C16fe
  • symbolIcon.unitForeground#2B3A16fe
  • symbolIcon.variableForeground#462E37fe
  • tab.activeBackground#E9E9E9fe
  • tab.activeBorder#F5F5F700
  • tab.activeBorderTop#54247Ffe
  • tab.activeForeground#561B8Bfe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F7F6F500
  • tab.hoverBackground#315531a2
  • tab.hoverBorder#F2F2F2fe
  • tab.hoverForeground#66289Efe
  • tab.inactiveBackground#CACACA9c
  • tab.inactiveForeground#3D3D3D65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F2F2F2fe
  • tab.unfocusedActiveBackground#CFCFCF30
  • tab.unfocusedActiveBorder#F7F6F500
  • tab.unfocusedActiveBorderTop#CACACA65
  • tab.unfocusedActiveForeground#3D3D3D65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#4E4E4E29
  • tab.unfocusedHoverBorder#D4D4D421
  • tab.unfocusedHoverForeground#46464665
  • tab.unfocusedInactiveBackground#BEBEBE98
  • tab.unfocusedInactiveForeground#3D3D3D65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b3
  • 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#670067b5
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeb1
  • 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#C2C2C291
  • terminal.selectionBackground#85A5858b
  • terminal.selectionForeground#353535ca
  • terminal.tab.activeBorder#570C99fe
  • terminalCommandDecoration.defaultBackground#694731a9
  • terminalCommandDecoration.errorBackground#A00000cb
  • terminalCommandDecoration.successBackground#1F5921cb
  • terminalCursor.background#DCDCDCfe
  • terminalCursor.foreground#6F29AEfe
  • terminalOverviewRuler.cursorForeground#353535ce
  • terminalOverviewRuler.findMatchForeground#005858ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c09d
  • testing.iconUnset#808080ae
  • testing.message.error.decorationForeground#54247Ffe
  • testing.message.error.lineBackground#FFB1FEa6
  • testing.message.info.decorationForeground#66289Efe
  • 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#6F29AEfe
  • textLink.foreground#3C00F8ce
  • textPreformat.foreground#353535ce
  • textSeparator.foreground#353535ce
  • titleBar.activeBackground#EDEDEDfe
  • titleBar.activeForeground#3D3D3Dae
  • titleBar.border#F6F5F700
  • titleBar.inactiveBackground#CFCFCFdc
  • titleBar.inactiveForeground#46464665
  • toolbar.activeBackground#BECEBE87
  • toolbar.hoverBackground#DCDCDCfe
  • toolbar.hoverOutline#F6F6F600
  • tree.inactiveIndentGuidesStroke#6C5B5035
  • tree.indentGuidesStroke#5D268Efe
  • 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#F5F7F500
  • window.activeBorder#F2F2F2fe
  • window.inactiveBorder#CBCBCB92

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#501F0Fde
constant.character.character-class.regexp#501939de
constant.character.escape#501F0Fde
constant.character.set.regexp#0F342Dde
constant.language#153731de
constant.numeric#104D42de
constant.numeric.dec.python#772355de
constant.other.caps.python#094E42de
constant.other.character-class.regexp#41490Dde
constant.other.character-class.set.regexp#153731de
constant.other.color.rgb-value#683221de
constant.other.placeholder#4E2112de
constant.other.rgb-value#3F067Ede
constant.regexp#223970de
constant.sha.git-rebase#414810de
emphasis#0B4E42de
entity.name.class#142B5Fde
entity.name.function#41480Ede
entity.name.function.preprocessor#421F61de
entity.name.function.python#4A2317de
entity.name.label#2B3100de
entity.name.namespace#1C2C55de
entity.name.operator#1F3361de
entity.name.operator.custom-literal#0F350Fde
entity.name.scope-resolution#492318de
entity.name.tag#2A3101de
entity.name.tag.css#411766de
entity.name.type#42027Edebold
entity.name.variable#173E17de
entity.other.attribute#03352Cde
entity.other.attribute-name#022579de
entity.other.attribute-name.class.css#5D0337de
entity.other.attribute-name.class.mixin.css#570F3Ade
entity.other.attribute-name.id#1B4C1Bde
entity.other.attribute-name.id.css#0F350Fde
entity.other.attribute-name.parent-selector.css#0A500Ade
entity.other.attribute-name.pseudo-class.css#414810de
entity.other.attribute-name.pseudo-element.css#5A1E41de
entity.other.attribute-name.scss#104D42de
entity.other.document.begin.yaml#2E2E2E6e
entity.other.inherited-class#41490Dde
header#104D42de
invalid#414810de
keyword#1F3361debold
keyword.codetag.notation.python#3A3E17debold
keyword.control#104D42debold
keyword.control.anchor.regexp#501939debold
keyword.control.import.python#0B4E42debold
keyword.operator#2A3101debold
keyword.operator.alignas#0F4D42debold
keyword.operator.alignof#0A500Adebold
keyword.operator.cast#702250debold
keyword.operator.delete#4E2112debold
keyword.operator.documentation.powershell#2E2E2E6ebold
keyword.operator.expression#102968debold
keyword.operator.instanceof#430877debold
keyword.operator.logical.python#832104debold
keyword.operator.minus.exponent#612F1Fdebold
keyword.operator.negation.regexp#570F3Adebold
keyword.operator.new#194519debold
keyword.operator.noexcept#56123Bdebold
keyword.operator.or.regexp#421F61debold
keyword.operator.plus.exponent#192C56debold
keyword.operator.quantifier.regexp#56123Bdebold
keyword.operator.sizeof#043604debold
keyword.operator.typeid#094E42debold
keyword.operator.wordlike#0E4D43debold
keyword.other.operator#4A2317debold
keyword.other.package.java#0F350Fdebold
keyword.other.unit#173E37debold
keyword.other.using#223970debold
markup.bold#0F350Fde
markup.changed#41490Ade
markup.deleted#3F1D5Ede
markup.fenced_code.block.markdown#102968de
markup.heading#213668de
markup.inline.raw#0C4E42de
markup.inserted#561907de
markup.italic#421F61de
markup.raw.block.markdown#401962de
markup.strikethrough#103510de
markup.underline#3F1D5Ede
meta.block.c#591703de
meta.block.c#501F0Fde
meta.class.java#580E3Ade
meta.definition.variable.name#0F350Fde
meta.diff.header#1A2C55de
meta.embedded#421F61de
meta.embedded.assembly#501939de
meta.function-call.arguments.python#0C500Cde
meta.function-call.python#492318de
meta.member.access.python#2A3100de
meta.method.java#0C4E42de
meta.object-literal.key#022579de
meta.paragraph.markdown#333715de
meta.preprocessor#561907de
meta.preprocessor.numeric#0D350Dde
meta.preprocessor.string#41490Ade
meta.scope.prerequisites.makefile#1B4C43de
meta.structure.dictionary.json.comments#2E2E2E6e
meta.structure.dictionary.key.python#1F3361de
meta.structure.dictionary.value.json.comments#2E2E2E6e
meta.template.expression#56123Bde
meta.type.cast.expr#404519debold
meta.type.new.expr#213668debold
parameter#1C2C55de
punctuation.character.set.begin.regexp#102968de
punctuation.character.set.end.regexp#4E2112de
punctuation.definition.array.begin.json#511739de
punctuation.definition.character-class.regexp#07227Dde
punctuation.definition.comment#2E2E2E6e
punctuation.definition.comment.json.comments#2E2E2E6e
punctuation.definition.comment.python#2E2E2E6e
punctuation.definition.dictionary.begin.json#832104de
punctuation.definition.dictionary.end.json#0F350Fde
punctuation.definition.group.assertion.regexp#142B5Fde
punctuation.definition.group.regexp#5A2C1Ede
punctuation.definition.list.begin.json#085008de
punctuation.definition.list.begin.markdown#1F3361de
punctuation.definition.list.begin.python#3F067Ede
punctuation.definition.list.end.json#172B5Bde
punctuation.definition.list.end.markdown#41490Ade
punctuation.definition.list.end.python#06342Cde
punctuation.definition.parameters.begin.python#1C2C53de
punctuation.definition.parameters.end.bracket.round.java#401962de
punctuation.definition.quote.begin.markdown#501F0Fde
punctuation.definition.tag#404519de
punctuation.definition.template-expression.begin#1C2C53de
punctuation.definition.template-expression.end#5A1E41de
punctuation.section.class.begin.bracket.curly.java#213668de
punctuation.section.embedded#3F1D5Ede
punctuation.section.embedded.begin.php#561907de
punctuation.section.embedded.end.php#41490Cde
punctuation.terminator.java#4A2317de
source.cmake#41490Dde
source.coffee.embedded#4C2215de
source.cpp#03352Cde
source.css.less#561907de
source.groovy.embedded#501A3Ade
source.java#4C261Bde
source.java-properties#192C56de
source.json.comments#2E2E2E6e
source.makefile#192C56de
source.powershell#421F61de
source.powershell.variable.other.member#1A2C55de
source.python#2A3100de
storage#5A1E41de
storage.modifier#0F350Fde
storage.modifier.import.java#172B5Bde
storage.modifier.package.java#4B2270de
storage.type#472168debold
storage.type.annotation.groovy#1B4C1Bdebold
storage.type.annotation.java#1C2C53debold
storage.type.boolean.go#173E37debold
storage.type.byte.go#501A3Adebold
storage.type.cs#142B5Fdebold
storage.type.error.go#3F067Edebold
storage.type.generic.cs#414810debold
storage.type.generic.groovy#3F067Edebold
storage.type.generic.java#414810debold
storage.type.groovy#430877debold
storage.type.java#41490Ddebold
storage.type.modifier.cs#501F0Fdebold
storage.type.numeric.go#41480Edebold
storage.type.object.array.groovy#043604debold
storage.type.object.array.java#0A500Adebold
storage.type.parameters.groovy#03352Cdebold
storage.type.primitive.array.groovy#511739debold
storage.type.primitive.array.java#173E37debold
storage.type.primitive.groovy#421F61debold
storage.type.primitive.java#411766debold
storage.type.rune.go#580E38debold
storage.type.string.go#411766debold
storage.type.token.java#2A3100debold
storage.type.uintptr.go#511739debold
storage.type.variable.cs#421F61debold
string#03352Cde
string.quoted.docstring.multi.python#2E2E2E6e
string.regexp#4C261Bde
string.tag#19453Dde
string.value#802407de
strong#2C300Ade
support.class#56123Bde
support.constant.color#085008de
support.constant.dom#1C2C55de
support.constant.font-name#10332Cde
support.constant.handlebars#41490Cde
support.constant.json#213668de
support.constant.math#10332Cde
support.constant.media#172B5Bde
support.constant.media-type#07227Ddebold
support.constant.property-value#2A3101de
support.function#033603de
support.function.git-rebase#5A2C1Ede
support.other.parenthesis.regexp#41490Ade
support.type#5A1E41debold
support.type.property-name#085008debold
support.type.vendored.property-name#404519debold
support.variable#102968de
token.debug-token#68214Bde
token.error-token#570F3Ade
token.info-token#3E1D5Cde
token.warn-token#0F342Dde
variable#3E1E5Ade
variable.css#142B5Fde
variable.language#094E42de
variable.language.wildcard.java#414908de
variable.other.constant#421F61de
variable.other.definition.java#501A3Ade
variable.other.enummember#033603de
variable.other.less#683221de
variable.other.object.java#42136Bde
variable.other.object.property.java#0F332Dde
variable.parameter.c#420E72de
variable.parameter.function.language.python#0A276Fde
variable.parameter.java#5A1E41de
variable.scss#192C56de
viiv by B.W - VS Code Theme