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#292A30fe
  • activityBar.activeBackground#292A30fe
  • activityBar.activeBorder#2DDE05fe
  • activityBar.activeFocusBorder#AECE4F00
  • activityBar.background#1B1B1Ffe
  • activityBar.border#B9B9F900
  • activityBar.dropBorder#2EDC06fe
  • activityBar.foreground#2FDE06fe
  • activityBar.inactiveForeground#B3B4BE65
  • activityBarBadge.background#2EDE06fe
  • activityBarBadge.foreground#1B1B1Ffe
  • badge.background#4BD62Bfe
  • badge.foreground#1B1B1Ffe
  • banner.background#292A30fe
  • banner.foreground#F6F6F7ce
  • banner.iconForeground#FDFEFDfe
  • breadcrumb.activeSelectionForeground#E1E2DCca
  • breadcrumb.background#1E1F23fe
  • breadcrumb.focusForeground#2EDE06fe
  • breadcrumb.foreground#EEEEF0ae
  • breadcrumbPicker.background#292A30fe
  • button.background#494B55ae
  • button.border#17151300
  • button.foreground#F6F6F7ce
  • button.hoverBackground#666877fe
  • button.secondaryBackground#292A30fe
  • button.secondaryForeground#F6F6F7ce
  • button.secondaryHoverBackground#292A30fe
  • button.separator#14141700
  • charts.blue#1b1bfffe
  • charts.foreground#F6F6F7ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c1
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#17181Bfe
  • chat.slashCommandBackground#292A30fe
  • chat.slashCommandForeground#F6F6F7ce
  • checkbox.background#17181Bfe
  • checkbox.border#17181Bfe
  • checkbox.foreground#F6F6F7ce
  • checkbox.selectBackground#17181Bfe
  • checkbox.selectBorder#17181Bfe
  • commandCenter.activeBackground#46231086
  • commandCenter.activeBorder#17181Bfe
  • commandCenter.activeForeground#56DB37fe
  • commandCenter.background#292A30fe
  • commandCenter.border#17181Bfe
  • commandCenter.foreground#F6F6F7ce
  • commandCenter.inactiveBorder#1014429a
  • commandCenter.inactiveForeground#B7B9C165
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#17151300
  • contrastBorder#17131500
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#F6F6F7ce
  • debugConsole.sourceForeground#F6F6F7ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#D7D0D4fe
  • debugExceptionWidget.background#670067c9
  • debugExceptionWidget.border#17181Bfe
  • debugIcon.breakpointCurrentStackframeForeground#D7D0D4fe
  • debugIcon.breakpointDisabledForeground#FDFDFE65
  • debugIcon.breakpointForeground#D4CFCBfe
  • debugIcon.breakpointStackframeForeground#DBD4D7fe
  • debugIcon.breakpointUnverifiedForeground#FDFEFDfe
  • debugIcon.continueForeground#E1E2DCfe
  • debugIcon.disconnectForeground#FEFDFEfe
  • debugIcon.pauseForeground#D8DFD9fe
  • debugIcon.restartForeground#D5D7D0fe
  • debugIcon.startForeground#FEFEFEfe
  • debugIcon.stepBackForeground#E6E3E1fe
  • debugIcon.stepIntoForeground#E0DCE2fe
  • debugIcon.stepOutForeground#E1E6E5fe
  • debugIcon.stepOverForeground#E1E2E5fe
  • debugIcon.stopForeground#FEFDFEfe
  • debugTokenExpression.boolean#D0D7D6ca
  • debugTokenExpression.error#E1E6E5ca
  • debugTokenExpression.name#D8DFD9ca
  • debugTokenExpression.number#E2DFDCca
  • debugTokenExpression.value#D8DFD9ca
  • debugToolBar.background#670067ca
  • debugToolBar.border#17181Bfe
  • debugView.exceptionLabelBackground#252B45ca
  • debugView.exceptionLabelForeground#D0D1D7ca
  • debugView.stateLabelBackground#252B45ca
  • debugView.stateLabelForeground#E4E6E1ca
  • debugView.valueChangedHighlight#DDDEE2ca
  • descriptionForeground#F6F6F7ce
  • diffEditor.border#13171400
  • diffEditor.diagonalFill#000000fd
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#13171600
  • diffEditor.move.border#13171400
  • diffEditor.moveActive.border#13171600
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#17131500
  • diffEditor.unchangedCodeBackground#292A30fe
  • diffEditor.unchangedRegionBackground#292A30fe
  • diffEditor.unchangedRegionForeground#F6F6F7ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#FDFDFE65
  • dropdown.background#17181Bfe
  • dropdown.border#17181Bfe
  • dropdown.foreground#F6F6F7ce
  • dropdown.listBackground#17181Bfe
  • editor.background#292A30fe
  • editor.findMatchBackground#5F6352a9
  • editor.findMatchBorder#17181Bfe
  • editor.findMatchHighlightBackground#786B64a8
  • editor.findMatchHighlightBorder#17181Bfe
  • editor.findRangeHighlightBackground#566758a4
  • editor.findRangeHighlightBorder#17181Bfe
  • editor.focusedStackFrameHighlightBackground#56675887
  • editor.foldBackground#FCFEFCab
  • editor.foreground#F6F6F7ce
  • editor.hoverHighlightBackground#607463ae
  • editor.inactiveSelectionBackground#50558B95
  • editor.inlineValuesBackground#292A30fe
  • editor.inlineValuesForeground#F6F6F7ce
  • editor.lineHighlightBackground#3E4049b2
  • editor.lineHighlightBorder#13171400
  • editor.linkedEditingBackground#292A30fe
  • editor.rangeHighlightBackground#5D6F6Dae
  • editor.rangeHighlightBorder#17181Bfe
  • editor.selectionBackground#707384a6
  • editor.selectionForeground#DDDEE2ca
  • editor.selectionHighlightBackground#9160B38d
  • editor.selectionHighlightBorder#17181Bfe
  • editor.snippetFinalTabstopHighlightBackground#607471a3
  • editor.snippetFinalTabstopHighlightBorder#17181Bfe
  • editor.snippetTabstopHighlightBackground#4F5E5Ca1
  • editor.snippetTabstopHighlightBorder#17181Bfe
  • editor.stackFrameHighlightBackground#735488a1
  • editor.symbolHighlightBackground#AF5E84a5
  • editor.symbolHighlightBorder#17181Bfe
  • editor.wordHighlightBackground#526354a6
  • editor.wordHighlightBorder#13171400
  • editor.wordHighlightStrongBackground#A95582a1
  • editor.wordHighlightStrongBorder#17131500
  • editor.wordHighlightTextBackground#6F7460a9
  • editor.wordHighlightTextBorder#14141700
  • editorBracketHighlight.foreground1#F6F6F7ce
  • editorBracketHighlight.foreground2#F6F6F7ce
  • editorBracketHighlight.foreground3#F6F6F7ce
  • editorBracketHighlight.foreground4#F6F6F7ce
  • editorBracketHighlight.foreground5#F6F6F7ce
  • editorBracketHighlight.foreground6#F6F6F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#F6F6F7ce
  • editorBracketMatch.background#FEFEFBa8
  • editorBracketMatch.border#17181Bfe
  • editorBracketPairGuide.activeBackground1#FCFEFC83
  • editorBracketPairGuide.activeBackground2#FBFEFB86
  • editorBracketPairGuide.activeBackground3#FBFEFE83
  • editorBracketPairGuide.activeBackground4#FBFEFC8a
  • editorBracketPairGuide.activeBackground5#FEFCFB82
  • editorBracketPairGuide.activeBackground6#FDFBFE8e
  • editorBracketPairGuide.background1#1C2F2Cfe
  • editorBracketPairGuide.background2#1C2F2Cfe
  • editorBracketPairGuide.background3#382A1Ffe
  • editorBracketPairGuide.background4#3B2447fe
  • editorBracketPairGuide.background5#3B2447fe
  • editorBracketPairGuide.background6#1D3220fe
  • editorCodeLens.foreground#FDFDFE6e
  • editorCommentsWidget.rangeActiveBackground#FAFBFEfe
  • editorCommentsWidget.rangeBackground#292A30fe
  • editorCommentsWidget.resolvedBorder#17181Bfe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#292A30fe
  • editorCursor.foreground#31DF07fe
  • editorError.background#16171300
  • editorError.border#13171600
  • editorError.foreground#b400b4ce
  • editorGhostText.background#292A30fe
  • editorGhostText.border#13171600
  • editorGhostText.foreground#FDFDFE6e
  • editorGroup.border#17181Bfe
  • editorGroup.dropBackground#292A30fe
  • editorGroup.dropIntoPromptBackground#292A30fe
  • editorGroup.dropIntoPromptBorder#17181Bfe
  • editorGroup.dropIntoPromptForeground#F6F6F7ce
  • editorGroup.emptyBackground#292A30fe
  • editorGroup.focusedEmptyBorder#17181Bfe
  • editorGroupHeader.border#14141700
  • editorGroupHeader.noTabsBackground#1B1B1Fae
  • editorGroupHeader.tabsBackground#292A30a1
  • editorGroupHeader.tabsBorder#17131500
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#292A30fe
  • editorGutter.commentGlyphForeground#F6F6F7ce
  • editorGutter.commentRangeForeground#F6F6F7ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#F6F6F7ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#14141700
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#17181Bfe
  • editorHoverWidget.border#17181Bfe
  • editorHoverWidget.foreground#F6F6F7ce
  • editorHoverWidget.highlightForeground#D4DBDAca
  • editorHoverWidget.statusBarBackground#292A30fe
  • editorIndentGuide.activeBackground1#FCFCFEfe
  • editorIndentGuide.activeBackground2#FCFCFEfe
  • editorIndentGuide.activeBackground3#FCFCFEfe
  • editorIndentGuide.activeBackground4#FCFCFEfe
  • editorIndentGuide.activeBackground5#FCFCFEfe
  • editorIndentGuide.activeBackground6#FCFCFEfe
  • editorIndentGuide.background1#A2979035
  • editorIndentGuide.background2#9F94A635
  • editorIndentGuide.background3#A1B0A335
  • editorIndentGuide.background4#BFB7B235
  • editorIndentGuide.background5#BFB2B835
  • editorIndentGuide.background6#BAB2BF35
  • editorInfo.background#17131500
  • editorInfo.border#16171300
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#292A30fe
  • editorInlayHint.foreground#F6F6F7ce
  • editorInlayHint.parameterBackground#292A30fe
  • editorInlayHint.parameterForeground#F6F6F7ce
  • editorInlayHint.typeBackground#292A30fe
  • editorInlayHint.typeForeground#F6F6F7ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#2FDC07fe
  • editorLineNumber.dimmedForeground#FDFDFE6e
  • editorLineNumber.foreground#FCFDFE6e
  • editorLink.activeForeground#2FDC07fe
  • editorMarkerNavigation.background#17181Bfe
  • editorMarkerNavigationError.background#670067a4
  • editorMarkerNavigationError.headerBackground#670067a1
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#292A30fe
  • editorOverviewRuler.border#13193Ffe
  • editorOverviewRuler.bracketMatchForeground#F6F6F7ce
  • editorOverviewRuler.commentForeground#FDFDFE6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#F6F6F7ce
  • editorOverviewRuler.currentContentForeground#cececec6
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#DFDBD8ca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DCE2E1ca
  • editorOverviewRuler.wordHighlightStrongForeground#F6F6F7ce
  • editorOverviewRuler.wordHighlightTextForeground#F6F6F7ce
  • editorPane.background#292A30fe
  • editorRuler.foreground#FAFBFE2f
  • editorStickyScroll.background#292A30fe
  • editorStickyScroll.shadow#16171300
  • editorStickyScrollHover.background#182061fe
  • editorSuggestWidget.background#17181Bfe
  • editorSuggestWidget.border#16171300
  • editorSuggestWidget.focusHighlightForeground#DCAFFEfe
  • editorSuggestWidget.foreground#FDFEFEfe
  • editorSuggestWidget.highlightForeground#E6E1E3ca
  • editorSuggestWidget.selectedBackground#4D77538d
  • editorSuggestWidget.selectedForeground#DBD4D7ca
  • editorSuggestWidget.selectedIconForeground#D0D7D1ca
  • editorSuggestWidgetStatus.foreground#FEFDFEfe
  • editorUnicodeHighlight.background#9F7458ac
  • editorUnicodeHighlight.border#17181Bfe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#17151300
  • editorWarning.border#17131500
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#F6F6F7ce
  • editorWidget.background#17181Bfe
  • editorWidget.border#17181Bfe
  • editorWidget.foreground#F6F6F7ce
  • editorWidget.resizeBorder#17181Bfe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#4BD62Bfe
  • extensionBadge.remoteForeground#1B1B1Ffe
  • extensionButton.background#141D59ae
  • extensionButton.foreground#F6F6F7ce
  • extensionButton.hoverBackground#13193Ffe
  • extensionButton.prominentBackground#292A30fe
  • extensionButton.prominentForeground#F6F6F7ce
  • extensionButton.prominentHoverBackground#292A30fe
  • extensionButton.separator#13171600
  • extensionIcon.preReleaseForeground#FEFDFEfe
  • extensionIcon.sponsorForeground#E1E6E1fe
  • extensionIcon.starForeground#D4D5DBfe
  • extensionIcon.verifiedForeground#FEFEFDfe
  • focusBorder#15131700
  • foreground#F6F6F7ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#FBFCFEae
  • inlineChat.background#1C2F2Cca
  • inlineChat.border#1C2F2Cca
  • inlineChat.regionHighlight#D4DBDAca
  • inlineChat.shadow#E1E6E5ca
  • inlineChatDiff.inserted#E6E1E3ca
  • inlineChatDiff.removed#D9DBD4ca
  • inlineChatInput.background#D0D1D7ca
  • inlineChatInput.border#432331ca
  • inlineChatInput.focusBorder#14141700
  • inlineChatInput.placeholderForeground#D4D0D7ca
  • input.background#17181Bfe
  • input.border#17181Bfe
  • input.foreground#F6F6F7ce
  • input.placeholderForeground#FDFDFE65
  • inputOption.activeBackground#17181Bfe
  • inputOption.activeBorder#17181Bfe
  • inputOption.activeForeground#2EDE06fe
  • inputOption.hoverBackground#17181Bfe
  • inputValidation.errorBackground#670067c6
  • inputValidation.errorBorder#670067c0
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#17181Bfe
  • inputValidation.infoForeground#F6F6F7ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#17181Bfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#17181Bfe
  • interactive.inactiveCodeBorder#10144297
  • keybindingLabel.background#292A30fe
  • keybindingLabel.border#17181Bfe
  • keybindingLabel.bottomBorder#17181Bfe
  • keybindingLabel.foreground#F6F6F7ce
  • keybindingTable.headerBackground#292A30fe
  • keybindingTable.rowsBackground#292A30fe
  • list.activeSelectionBackground#694E7D87
  • list.activeSelectionForeground#E0DCE2ca
  • list.activeSelectionIconForeground#E4E1E6ca
  • list.deemphasizedForeground#F6F6F7ce
  • list.dropBackground#292A30fe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#292A30fe
  • list.filterMatchBorder#17181Bfe
  • list.focusAndSelectionOutline#16171300
  • list.focusBackground#49588D97
  • list.focusForeground#50D931fe
  • list.focusHighlightForeground#F2B477fe
  • list.focusOutline#13171400
  • list.highlightForeground#DFDBD8ca
  • list.hoverBackground#182061fe
  • list.hoverForeground#56DB37fe
  • list.inactiveFocusBackground#3E404995
  • list.inactiveFocusOutline#15131700
  • list.inactiveSelectionBackground#1B1B1Fae
  • list.inactiveSelectionForeground#FDFDFE65
  • list.inactiveSelectionIconForeground#FDFDFE65
  • list.invalidItemForeground#F6F6F7ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#292A30fe
  • listFilterWidget.noMatchesOutline#17131500
  • listFilterWidget.outline#15131700
  • listFilterWidget.shadow#17151300
  • menu.background#1B1B1Ffe
  • menu.border#14141700
  • menu.foreground#F2F2F4ae
  • menu.selectionBackground#626473ac
  • menu.selectionBorder#17151300
  • menu.selectionForeground#2EDE06fe
  • menu.separatorBackground#25295465
  • menubar.selectionBackground#696C7Ba5
  • menubar.selectionBorder#13171600
  • menubar.selectionForeground#46C629fe
  • merge.border#17181Bfe
  • merge.commonContentBackground#292A30fe
  • merge.commonHeaderBackground#292A30fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#292A30fe
  • mergeEditor.change.word.background#292A30fe
  • mergeEditor.changeBase.background#292A30fe
  • mergeEditor.changeBase.word.background#292A30fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#17181Bfe
  • mergeEditor.conflict.handledUnfocused.border#0B103729
  • mergeEditor.conflict.input1.background#17181Bfe
  • mergeEditor.conflict.input2.background#17181Bfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067bf
  • mergeEditor.conflict.unhandledFocused.border#17181Bfe
  • mergeEditor.conflict.unhandledUnfocused.border#0B103721
  • mergeEditor.conflictingLines.background#292A30fe
  • minimap.background#292A30fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F6F6F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#787B8Cfe
  • minimapSlider.background#454751ae
  • minimapSlider.hoverBackground#545662fe
  • notebook.cellBorderColor#17181Bfe
  • notebook.cellEditorBackground#292A30fe
  • notebook.cellHoverBackground#292A30fe
  • notebook.cellInsertionIndicator#DBD7D4ca
  • notebook.cellStatusBarItemHoverBackground#292A30fe
  • notebook.cellToolbarSeparator#E2DFDCca
  • notebook.editorBackground#292A30fe
  • notebook.focusedCellBackground#292A30fe
  • notebook.focusedCellBorder#30DF06fe
  • notebook.focusedEditorBorder#17181Bfe
  • notebook.inactiveFocusedCellBorder#6D6F7F8e
  • notebook.inactiveSelectedCellBorder#696C7B8e
  • notebook.outputContainerBackgroundColor#292A30fe
  • notebook.outputContainerBorderColor#17181Bfe
  • notebook.selectedCellBackground#292A30fe
  • notebook.selectedCellBorder#17181Bfe
  • notebook.symbolHighlightBackground#292A30fe
  • notebookEditorOverviewRuler.runningCellForeground#F6F6F7ce
  • notebookScrollbarSlider.activeBackground#707384fe
  • notebookScrollbarSlider.background#50525Eae
  • notebookScrollbarSlider.hoverBackground#494B55fe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#DCD8DFfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#17181Bfe
  • notificationCenterHeader.background#292A30fe
  • notificationCenterHeader.foreground#F6F6F7ce
  • notificationLink.foreground#F6F6F7ce
  • notifications.background#292A30fe
  • notifications.border#17181Bfe
  • notifications.foreground#F6F6F7ce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#FEFEFDfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#17181Bfe
  • panel.background#292A30fe
  • panel.border#17181Bfe
  • panel.dropBorder#17181Bfe
  • panelInput.border#17181Bfe
  • panelSection.border#17181Bfe
  • panelSection.dropBackground#292A30fe
  • panelSectionHeader.background#292A30fe
  • panelSectionHeader.border#17181Bfe
  • panelSectionHeader.foreground#F6F6F7ce
  • panelTitle.activeBorder#14141700
  • panelTitle.activeForeground#2CDD06fe
  • panelTitle.inactiveForeground#AAACB765
  • peekView.border#2FDE07fe
  • peekViewEditor.background#17181Bfe
  • peekViewEditor.matchHighlightBackground#6F746084
  • peekViewEditor.matchHighlightBorder#13171400
  • peekViewEditorGutter.background#17181Bfe
  • peekViewEditorStickyScroll.background#292A30fe
  • peekViewResult.background#1B1B1Ffe
  • peekViewResult.fileForeground#F6F6F7ce
  • peekViewResult.lineForeground#F6F6F7ce
  • peekViewResult.matchHighlightBackground#6B596283
  • peekViewResult.selectionBackground#7B4F6685
  • peekViewResult.selectionForeground#E6E3E1ca
  • peekViewTitle.background#1B1B1Ffe
  • peekViewTitleDescription.foreground#F6F6F7ce
  • peekViewTitleLabel.foreground#F6F6F7ce
  • pickerGroup.border#17181Bfe
  • pickerGroup.foreground#F6F6F7ce
  • ports.iconRunningProcessForeground#DBD7D4fe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#2FDF07fe
  • profileBadge.foreground#1B1B1Ffe
  • progressBar.background#292A30fe
  • quickInput.background#1B1B1Ffe
  • quickInput.foreground#F2F2F4ae
  • quickInputList.focusBackground#4B5A58ac
  • quickInputList.focusForeground#50D931fe
  • quickInputList.focusIconForeground#2FDF07fe
  • quickInputTitle.background#17181Bfe
  • sash.hoverBorder#17181Bfe
  • scrollbar.shadow#14141700
  • scrollbarSlider.activeBackground#747788fe
  • scrollbarSlider.background#545662ae
  • scrollbarSlider.hoverBackground#545662fe
  • search.resultsInfoForeground#F6F6F7ce
  • searchEditor.findMatchBackground#647866a2
  • searchEditor.findMatchBorder#17181Bfe
  • searchEditor.textInputBorder#17181Bfe
  • selection.background#292A30fe
  • settings.checkboxBackground#17181Bfe
  • settings.checkboxBorder#17181Bfe
  • settings.checkboxForeground#F6F6F7ce
  • settings.dropdownBackground#17181Bfe
  • settings.dropdownBorder#17181Bfe
  • settings.dropdownForeground#F6F6F7ce
  • settings.dropdownListBorder#17181Bfe
  • settings.focusedRowBackground#9F66C48c
  • settings.focusedRowBorder#17181Bfe
  • settings.headerBorder#17181Bfe
  • settings.headerForeground#F6F6F7ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#17181Bfe
  • settings.numberInputBorder#17181Bfe
  • settings.numberInputForeground#F6F6F7ce
  • settings.rowHoverBackground#292A30fe
  • settings.sashBorder#17181Bfe
  • settings.settingsHeaderHoverForeground#4BD62Bfe
  • settings.textInputBackground#17181Bfe
  • settings.textInputBorder#17181Bfe
  • settings.textInputForeground#F6F6F7ce
  • sideBar.background#292A30fe
  • sideBar.border#17181Bfe
  • sideBar.dropBackground#292A30fe
  • sideBar.foreground#FBFCFEae
  • sideBarSectionHeader.background#13171400
  • sideBarSectionHeader.border#17181Bfe
  • sideBarSectionHeader.foreground#F6F6F7ce
  • sideBarTitle.foreground#F6F6F7ce
  • sideBySideEditor.horizontalBorder#17181Bfe
  • sideBySideEditor.verticalBorder#17181Bfe
  • simpleFindWidget.sashBorder#17181Bfe
  • statusBar.background#1B1B1Ffe
  • statusBar.border#17181Bfe
  • statusBar.debuggingBackground#670067ae
  • statusBar.debuggingBorder#17181Bfe
  • statusBar.debuggingForeground#F6F6F7ce
  • statusBar.focusBorder#15131700
  • statusBar.foreground#FDFDFE6e
  • statusBar.noFolderBackground#1B1B1Ffe
  • statusBar.noFolderBorder#17181Bfe
  • statusBar.noFolderForeground#F6F6F7ce
  • statusBarItem.activeBackground#1B1B1Ffe
  • statusBarItem.compactHoverBackground#1B1B1Ffe
  • statusBarItem.errorBackground#6700679e
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067ad
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#13171400
  • statusBarItem.hoverBackground#1B1B1Ffe
  • statusBarItem.hoverForeground#46C629fe
  • statusBarItem.offlineBackground#1B1B1Ffe
  • statusBarItem.offlineForeground#F6F6F7ce
  • statusBarItem.offlineHoverBackground#1B1B1Ffe
  • statusBarItem.offlineHoverForeground#46C629fe
  • statusBarItem.prominentBackground#1B1B1Ffe
  • statusBarItem.prominentForeground#F6F6F7ce
  • statusBarItem.prominentHoverBackground#1B1B1Ffe
  • statusBarItem.prominentHoverForeground#2FDC07fe
  • statusBarItem.remoteBackground#48CF29fe
  • statusBarItem.remoteForeground#1B1B1Ffe
  • statusBarItem.remoteHoverBackground#1B1B1Ffe
  • statusBarItem.remoteHoverForeground#2FDC07fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#FDFEFEfe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#D4DBD5fe
  • symbolIcon.colorForeground#E1E2E5fe
  • symbolIcon.constantForeground#FEFEFDfe
  • symbolIcon.constructorForeground#FEFDFEfe
  • symbolIcon.enumeratorForeground#E0DCE2fe
  • symbolIcon.enumeratorMemberForeground#FEFEFDfe
  • symbolIcon.eventForeground#D9DBD4fe
  • symbolIcon.fieldForeground#CED0C7fe
  • symbolIcon.fileForeground#FEFEFDfe
  • symbolIcon.folderForeground#FEFDFEfe
  • symbolIcon.functionForeground#FDFDFEfe
  • symbolIcon.interfaceForeground#D8DFD9fe
  • symbolIcon.keyForeground#D4CBD0fe
  • symbolIcon.keywordForeground#E1E2E5fe
  • symbolIcon.methodForeground#C7D0C8fe
  • symbolIcon.moduleForeground#FEFDFEfe
  • symbolIcon.namespaceForeground#DCE2E1fe
  • symbolIcon.nullForeground#D4D0D7fe
  • symbolIcon.numberForeground#E2DFDCfe
  • symbolIcon.objectForeground#D8DFDEfe
  • symbolIcon.operatorForeground#FEFEFDfe
  • symbolIcon.packageForeground#DFD8DBfe
  • symbolIcon.propertyForeground#CCCDD3fe
  • symbolIcon.referenceForeground#E0DCE2fe
  • symbolIcon.snippetForeground#FEFDFEfe
  • symbolIcon.stringForeground#E1E6E1fe
  • symbolIcon.structForeground#FEFEFDfe
  • symbolIcon.textForeground#FDFDFEfe
  • symbolIcon.typeParameterForeground#D9D9DEfe
  • symbolIcon.unitForeground#CBD4D3fe
  • symbolIcon.variableForeground#DFDBD8fe
  • tab.activeBackground#1E1F23fe
  • tab.activeBorder#16171300
  • tab.activeBorderTop#2CDD06fe
  • tab.activeForeground#2FDD05fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#17151300
  • tab.hoverBackground#FBFCFEfe
  • tab.hoverBorder#17181Bfe
  • tab.hoverForeground#2FDC07fe
  • tab.inactiveBackground#10144293
  • tab.inactiveForeground#AFB0BA65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#17181Bfe
  • tab.unfocusedActiveBackground#3031382c
  • tab.unfocusedActiveBorder#13171600
  • tab.unfocusedActiveBorderTop#25295565
  • tab.unfocusedActiveForeground#B7B9C165
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#FCFCFEfe
  • tab.unfocusedHoverBorder#0B10373d
  • tab.unfocusedHoverForeground#AFB0BA65
  • tab.unfocusedInactiveBackground#3738409a
  • tab.unfocusedInactiveForeground#AAACB765
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333c1
  • 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#670067c6
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecece9d
  • terminal.ansiYellow#c4a200fe
  • terminal.background#292A30fe
  • terminal.border#17181Bfe
  • terminal.dropBackground#292A30fe
  • terminal.findMatchBackground#292A30fe
  • terminal.findMatchBorder#17181Bfe
  • terminal.findMatchHighlightBackground#292A30fe
  • terminal.findMatchHighlightBorder#17181Bfe
  • terminal.foreground#FBFCFEae
  • terminal.hoverHighlightBackground#292A30fe
  • terminal.inactiveSelectionBackground#3A3C4596
  • terminal.selectionBackground#C36A9486
  • terminal.selectionForeground#DFDBD8ca
  • terminal.tab.activeBorder#2FDD05fe
  • terminalCommandDecoration.defaultBackground#FEFCFBa3
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#292A30fe
  • terminalCursor.foreground#31DF07fe
  • terminalOverviewRuler.cursorForeground#F6F6F7ce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c09b
  • testing.iconUnset#808080ba
  • testing.message.error.decorationForeground#FDFEFCfe
  • testing.message.error.lineBackground#670067ba
  • testing.message.info.decorationForeground#FDFEFCfe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#17181Bfe
  • testing.peekHeaderBackground#292A30fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#292A30fe
  • textBlockQuote.border#17181Bfe
  • textCodeBlock.background#292A30fe
  • textLink.activeForeground#46C629fe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#F6F6F7ce
  • textSeparator.foreground#F6F6F7ce
  • titleBar.activeBackground#1B1B1Ffe
  • titleBar.activeForeground#B9B9FBae
  • titleBar.border#17131500
  • titleBar.inactiveBackground#0C1538d6
  • titleBar.inactiveForeground#AFB0BA65
  • toolbar.activeBackground#44261187
  • toolbar.hoverBackground#292A30fe
  • toolbar.hoverOutline#17151300
  • tree.inactiveIndentGuidesStroke#A1B0AE35
  • tree.indentGuidesStroke#FDFEFCfe
  • tree.tableColumnsBorder#17181Bfe
  • tree.tableOddRowsBackground#292A30fe
  • walkThrough.embeddedEditorBackground#292A30fe
  • walkthrough.stepTitle.foreground#F6F6F7ce
  • welcomePage.background#292A30fe
  • welcomePage.progress.background#292A30fe
  • welcomePage.progress.foreground#F6F6F7ce
  • welcomePage.tileBackground#292A30fe
  • welcomePage.tileBorder#17181Bfe
  • welcomePage.tileHoverBackground#292A30fe
  • widget.border#17181Bfe
  • widget.shadow#17151300
  • window.activeBorder#17181Bfe
  • window.inactiveBorder#0D123B93

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#C4C4FD6e
comment.block.html#B9CAFD6e
comment.block.java#BCCCFD6e
comment.block.javadoc.java#B1C4FC6e
comment.block.powershell#B2B2FB6e
comment.block.xml#B7B7FB6e
comment.line.double-slash.c#C0D0FD6e
comment.line.double-slash.cpp#B1B1FA6e
comment.line.double-slash.java#B9B9FB6e
comment.line.double-slash.js#BFBFFC6e
comment.line.number-sign.makefile#CCCCFE6e
comment.line.number-sign.python#A9BDFB6e
comment.line.number-sign.yaml#CFCFFD6e
comment.line.percentage.erlang#D1D1FE6e
comment.line.powershell#C8C8FD6e
comment.source.cmake#B7B7FB6e
comment.source.cmakecache#B4C6FC6e
constant.character#FBBDF0de
constant.character.character-class.regexp#CFC529de
constant.character.escape#FBB7EEde
constant.character.set.regexp#E2D508de
constant.language#F8A39Dde
constant.numeric#F695E4de
constant.numeric.dec.python#F9ADA8de
constant.other.caps.python#CFC529de
constant.other.character-class.regexp#36F80Ade
constant.other.character-class.set.regexp#36F80Bde
constant.other.color.rgb-value#E0CEFDde
constant.other.placeholder#DAC5FCde
constant.other.rgb-value#83ED6Bde
constant.regexp#D1C508de
constant.sha.git-rebase#CEB3FAde
emphasis#DDD008de
entity.name.class#6BEDBCde
entity.name.function#FCC5C1de
entity.name.function.preprocessor#E4D506de
entity.name.function.python#88BBF4de
entity.name.label#89EF71de
entity.name.namespace#BBD9FBde
entity.name.operator#49E3A9de
entity.name.operator.custom-literal#4BD62Bde
entity.name.scope-resolution#3DDEA1de
entity.name.tag#C8ABF9de
entity.name.tag.css#E4DB4Dde
entity.name.type#DBD137de
entity.name.variable#FBBAB6de
entity.other.attribute#72E756de
entity.other.attribute-name#FBBBB7de
entity.other.attribute-name.class.css#CFC529de
entity.other.attribute-name.class.mixin.css#32F007de
entity.other.attribute-name.id#F8A7A2de
entity.other.attribute-name.id.css#91C1F6de
entity.other.attribute-name.parent-selector.css#5DE9B5de
entity.other.attribute-name.pseudo-class.css#CDB1FAde
entity.other.attribute-name.pseudo-element.css#2DD806de
entity.other.attribute-name.scss#DDCBFDde
entity.other.document.begin.yaml#C1D1FE6e
entity.other.inherited-class#2BD696de
header#FBBBEFde
invalid#9FC9F8de
keyword#A5CCF9de
keyword.codetag.notation.python#2FDD08de
keyword.control#F9A6E9de
keyword.control.anchor.regexp#FCC6C3de
keyword.control.import.python#8BBDF5de
keyword.operator#F8A6A0de
keyword.operator.alignas#B2D4FBde
keyword.operator.alignof#B9D8FBde
keyword.operator.cast#31EC07de
keyword.operator.delete#DCC9FDde
keyword.operator.documentation.powershell#BBBBFC6e
keyword.operator.expression#33DA9Dde
keyword.operator.instanceof#FCC8C4de
keyword.operator.logical.python#E0D641de
keyword.operator.minus.exponent#29CF91de
keyword.operator.negation.regexp#C7A8F9de
keyword.operator.new#49E3A9de
keyword.operator.noexcept#30E406de
keyword.operator.or.regexp#DFCEFDde
keyword.operator.plus.exponent#D7C2FCde
keyword.operator.quantifier.regexp#F79DE7de
keyword.operator.sizeof#4BD62Bde
keyword.operator.typeid#2BD696de
keyword.operator.wordlike#CFC529de
keyword.other.operator#07E893de
keyword.other.package.java#7DEB64de
keyword.other.unit#C6BC29de
keyword.other.using#DBD137de
markup.bold#66E349de
markup.changed#F695E4de
markup.deleted#FBC0BCde
markup.fenced_code.block.markdown#C6A7F9de
markup.heading#D9CE31de
markup.inline.raw#50D931de
markup.inserted#64EBB8de
markup.italic#F8A7A2de
markup.raw.block.markdown#CBAFFAde
markup.strikethrough#60E143de
markup.underline#30E806de
meta.block.c#AFD2FAde
meta.block.c#C6BA07de
meta.class.java#F9ADA8de
meta.definition.variable.name#89EF71de
meta.diff.header#FCBEF0de
meta.embedded#FBBAEFde
meta.embedded.assembly#FCC1F1de
meta.function-call.arguments.python#D6CB2Bde
meta.function-call.python#F9A3E9de
meta.member.access.python#07F69Dde
meta.method.java#FBB9B4de
meta.object-literal.key#FBBDB9de
meta.paragraph.markdown#E3D94Ade
meta.preprocessor#FCC2F1de
meta.preprocessor.numeric#D9CE31de
meta.preprocessor.string#D3BAFBde
meta.scope.prerequisites.makefile#B1D4FAde
meta.structure.dictionary.json.comments#BCCCFD6e
meta.structure.dictionary.key.python#A3CBF9de
meta.structure.dictionary.value.json.comments#B9B9FB6e
meta.template.expression#37DB9Ede
meta.type.cast.expr#FCC6C2de
meta.type.new.expr#49E3A9de
parameter#DCD007de
punctuation.character.set.begin.regexp#F89DE7de
punctuation.character.set.end.regexp#2FDF07de
punctuation.definition.array.begin.json#DAC5FCde
punctuation.definition.character-class.regexp#5DE9B5de
punctuation.definition.comment#CBCBFD6e
punctuation.definition.comment.json.comments#C6D4FE6e
punctuation.definition.comment.python#D4D4FE6e
punctuation.definition.dictionary.begin.json#ACD0FAde
punctuation.definition.dictionary.end.json#D3BAFBde
punctuation.definition.group.assertion.regexp#FBBDB9de
punctuation.definition.group.regexp#07E290de
punctuation.definition.list.begin.json#FCC1F1de
punctuation.definition.list.begin.markdown#2EDC06de
punctuation.definition.list.begin.python#BAD9FBde
punctuation.definition.list.end.json#DECCFDde
punctuation.definition.list.end.markdown#52E6B0de
punctuation.definition.list.end.python#F7A49Ede
punctuation.definition.parameters.begin.python#E0CFFDde
punctuation.definition.parameters.end.bracket.round.java#5DE9B5de
punctuation.definition.quote.begin.markdown#F696E4de
punctuation.definition.tag#F8A0E8de
punctuation.definition.template-expression.begin#C9ACFAde
punctuation.definition.template-expression.end#D6CB2Bde
punctuation.section.class.begin.bracket.curly.java#9BC7F7de
punctuation.section.embedded#07F69Cde
punctuation.section.embedded.begin.php#58E8B2de
punctuation.section.embedded.end.php#FBBBB6de
punctuation.terminator.java#D7C0FCde
source.cmake#C7A9F9de
source.coffee.embedded#FCC6C2de
source.cpp#31EA07de
source.css.less#37DB9Ede
source.groovy.embedded#F8A6A0de
source.java#50E5ADde
source.java-properties#ADD1FAde
source.json.comments#B9CAFD6e
source.makefile#FCC5C2de
source.powershell#7DEB64de
source.powershell.variable.other.member#D8CA06de
source.python#D3C708de
storage#4BD62Bde
storage.modifier#D9C5FCde
storage.modifier.import.java#E1D0FDde
storage.modifier.package.java#2FDD08de
storage.type#FCC7F2de
storage.type.annotation.groovy#FBBBF0de
storage.type.annotation.java#F9ADA8de
storage.type.boolean.go#DBCE08de
storage.type.byte.go#D4BCFBde
storage.type.cs#9EC9F8de
storage.type.error.go#2DD806de
storage.type.generic.cs#98C5F7de
storage.type.generic.groovy#F9A7E9de
storage.type.generic.java#FCC2F1de
storage.type.groovy#F8A39Dde
storage.type.java#CCB0FAde
storage.type.modifier.cs#C7A9F9de
storage.type.numeric.go#D5C908de
storage.type.object.array.groovy#61E043de
storage.type.object.array.java#85EE6Dde
storage.type.parameters.groovy#FAB1ADde
storage.type.primitive.array.groovy#F9A9EAde
storage.type.primitive.array.java#D0B5FBde
storage.type.primitive.groovy#F9A8A3de
storage.type.primitive.java#F7A19Cde
storage.type.rune.go#94C2F6de
storage.type.string.go#DCC8FCde
storage.type.token.java#CCB0FAde
storage.type.uintptr.go#94C2F6de
storage.type.variable.cs#89EF71de
string#63E246de
string.quoted.docstring.multi.python#A7BCFA6e
string.regexp#9AC6F7de
string.tag#64EBB8de
string.value#FCC3F1de
strong#DAC6FCde
support.class#5DE9B5de
support.constant.color#FCC5F2de
support.constant.dom#DFD107de
support.constant.font-name#C7A9F9de
support.constant.handlebars#28D494de
support.constant.json#FBBDB9de
support.constant.math#29CF91de
support.constant.media#31D99Ade
support.constant.media-type#B2D4FAde
support.constant.property-value#CAADFAde
support.function#C9BF29de
support.function.git-rebase#31D99Ade
support.other.parenthesis.regexp#A5CDF9de
support.type#FCC5C1de
support.type.property-name#5BDE3Dde
support.type.vendored.property-name#F695E4de
support.variable#A3CBF9de
token.debug-token#C3BA28de
token.error-token#56E7B1de
token.info-token#CDB2FAde
token.warn-token#E2D508de
variable#F8A39Dde
variable.css#D9C4FCde
variable.language#69E44Dde
variable.language.wildcard.java#D8C3FCde
variable.other.constant#ACD0FAde
variable.other.definition.java#F8A8A3de
variable.other.enummember#4BD62Bde
variable.other.less#D9C4FCde
variable.other.object.java#50D931de
variable.other.object.property.java#FCC4C1de
variable.parameter.c#CFC529de
variable.parameter.function.language.python#E0CEFDde
variable.parameter.java#28CE91de
variable.scss#90C0F6de
viiv by B.W - VS Code Theme