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#E0E0E0fe
  • activityBar.activeBackground#E0E0E0fe
  • activityBar.activeBorder#9B6EEBfe
  • activityBar.activeFocusBorder#62962D00
  • activityBar.background#F2F2F2fe
  • activityBar.border#62962D00
  • activityBar.dropBorder#9A6EECfe
  • activityBar.foreground#9C6DEBfe
  • activityBar.inactiveForeground#49494965
  • activityBarBadge.background#562C9Dfe
  • activityBarBadge.foreground#F2F2F2fe
  • badge.background#9D6DEBfe
  • badge.foreground#F2F2F2fe
  • banner.background#E0E0E0fe
  • banner.foreground#585858ce
  • banner.iconForeground#30633Bfe
  • breadcrumb.activeSelectionForeground#80389Cca
  • breadcrumb.background#EDEDEDfe
  • breadcrumb.focusForeground#642EBDfe
  • breadcrumb.foreground#585858ae
  • breadcrumbPicker.background#E0E0E0fe
  • button.background#B9B9B9ae
  • button.border#F7F4F800
  • button.foreground#585858ce
  • button.hoverBackground#CFCFCF6e
  • button.secondaryBackground#E0E0E0fe
  • button.secondaryForeground#585858ce
  • button.secondaryHoverBackground#E0E0E0fe
  • button.separator#F4F4F800
  • charts.blue#1b1bfffe
  • charts.foreground#585858ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ae
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F6F6F6fe
  • chat.slashCommandBackground#E0E0E0fe
  • chat.slashCommandForeground#585858ce
  • checkbox.background#F6F6F6fe
  • checkbox.border#F6F6F6fe
  • checkbox.foreground#585858ce
  • checkbox.selectBackground#F6F6F6fe
  • checkbox.selectBorder#F6F6F6fe
  • commandCenter.activeBackground#9DDEA989
  • commandCenter.activeBorder#F6F6F6fe
  • commandCenter.activeForeground#642EBDfe
  • commandCenter.background#E0E0E0fe
  • commandCenter.border#F6F6F6fe
  • commandCenter.foreground#585858ce
  • commandCenter.inactiveBorder#CECECE9b
  • commandCenter.inactiveForeground#49494965
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F4F4F800
  • contrastBorder#F7F4F800
  • debugConsole.errorForeground#9E009Ece
  • debugConsole.infoForeground#585858ce
  • debugConsole.sourceForeground#585858ce
  • debugConsole.warningForeground#6A5700ce
  • debugConsoleInputIcon.foreground#30633Bfe
  • debugExceptionWidget.background#FEC1FEc5
  • debugExceptionWidget.border#F6F6F6fe
  • debugIcon.breakpointCurrentStackframeForeground#7D3B98fe
  • debugIcon.breakpointDisabledForeground#41414165
  • debugIcon.breakpointForeground#4242CCfe
  • debugIcon.breakpointStackframeForeground#30633Bfe
  • debugIcon.breakpointUnverifiedForeground#355D61fe
  • debugIcon.continueForeground#913A54fe
  • debugIcon.disconnectForeground#31603Afe
  • debugIcon.pauseForeground#585858fe
  • debugIcon.restartForeground#585858fe
  • debugIcon.startForeground#2D6060fe
  • debugIcon.stepBackForeground#94374Efe
  • debugIcon.stepIntoForeground#2E6239fe
  • debugIcon.stepOutForeground#30633Bfe
  • debugIcon.stepOverForeground#4646C9fe
  • debugIcon.stopForeground#8E3D55fe
  • debugTokenExpression.boolean#15151Fca
  • debugTokenExpression.error#1E1417ca
  • debugTokenExpression.name#1A1E14ca
  • debugTokenExpression.number#13131Cca
  • debugTokenExpression.value#1B1F15ca
  • debugToolBar.background#FEC1FE99
  • debugToolBar.border#F6F6F6fe
  • debugView.exceptionLabelBackground#72E789ca
  • debugView.exceptionLabelForeground#4A5E2Eca
  • debugView.stateLabelBackground#CFCFCFca
  • debugView.stateLabelForeground#7E379Cca
  • debugView.valueChangedHighlight#13131Cca
  • descriptionForeground#585858ce
  • diffEditor.border#F6F8F400
  • diffEditor.diagonalFill#000000fe
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#74E67Afb
  • diffEditor.insertedTextBorder#F4F8F500
  • diffEditor.move.border#F8F4F500
  • diffEditor.moveActive.border#F4F7F800
  • diffEditor.removedLineBackground#FEBFBF31
  • diffEditor.removedTextBackground#FEC1C1fb
  • diffEditor.removedTextBorder#F4F7F800
  • diffEditor.unchangedCodeBackground#E0E0E0fe
  • diffEditor.unchangedRegionBackground#E0E0E0fe
  • diffEditor.unchangedRegionForeground#585858ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#41414165
  • dropdown.background#F6F6F6fe
  • dropdown.border#F6F6F6fe
  • dropdown.foreground#585858ce
  • dropdown.listBackground#F6F6F6fe
  • editor.background#E0E0E0fe
  • editor.findMatchBackground#AC94B7a6
  • editor.findMatchBorder#F6F6F6fe
  • editor.findMatchHighlightBackground#8FB0B3ad
  • editor.findMatchHighlightBorder#F6F6F6fe
  • editor.findRangeHighlightBackground#9D80A9a4
  • editor.findRangeHighlightBorder#F6F6F6fe
  • editor.focusedStackFrameHighlightBackground#A9B79488
  • editor.foldBackground#3232F9ad
  • editor.foreground#585858ce
  • editor.hoverHighlightBackground#B099BAac
  • editor.inactiveSelectionBackground#C2C2C298
  • editor.inlineValuesBackground#E0E0E0fe
  • editor.inlineValuesForeground#585858ce
  • editor.lineHighlightBackground#C2C2C2b5
  • editor.lineHighlightBorder#F4F8F500
  • editor.linkedEditingBackground#E0E0E0fe
  • editor.rangeHighlightBackground#7BA584ab
  • editor.rangeHighlightBorder#F6F6F6fe
  • editor.selectionBackground#9576A2ad
  • editor.selectionForeground#2F6237ca
  • editor.selectionHighlightBackground#A1B08A88
  • editor.selectionHighlightBorder#F6F6F6fe
  • editor.snippetFinalTabstopHighlightBackground#A9808Ca9
  • editor.snippetFinalTabstopHighlightBorder#F6F6F6fe
  • editor.snippetTabstopHighlightBackground#A3A3C1a1
  • editor.snippetTabstopHighlightBorder#F6F6F6fe
  • editor.stackFrameHighlightBackground#A3A3C1ad
  • editor.symbolHighlightBackground#A9B794a5
  • editor.symbolHighlightBorder#F6F6F6fe
  • editor.wordHighlightBackground#A9A9C4ae
  • editor.wordHighlightBorder#F4F8F500
  • editor.wordHighlightStrongBackground#C1A3ACa1
  • editor.wordHighlightStrongBorder#F4F8F500
  • editor.wordHighlightTextBackground#99BAA0a9
  • editor.wordHighlightTextBorder#F4F7F800
  • editorBracketHighlight.foreground1#0A0A0Ace
  • editorBracketHighlight.foreground2#0A0A0Ace
  • editorBracketHighlight.foreground3#0A0A0Ace
  • editorBracketHighlight.foreground4#0A0A0Ace
  • editorBracketHighlight.foreground5#0A0A0Ace
  • editorBracketHighlight.foreground6#0A0A0Ace
  • editorBracketHighlight.unexpectedBracket.foreground#585858ce
  • editorBracketMatch.background#3535F4a4
  • editorBracketMatch.border#F6F6F6fe
  • editorBracketPairGuide.activeBackground1#8A1BBD88
  • editorBracketPairGuide.activeBackground2#A7234A83
  • editorBracketPairGuide.activeBackground3#1F642D8e
  • editorBracketPairGuide.activeBackground4#8823B388
  • editorBracketPairGuide.activeBackground5#2165308e
  • editorBracketPairGuide.activeBackground6#AA194688
  • editorBracketPairGuide.background1#CFCFCFfe
  • editorBracketPairGuide.background2#CFCFCFfe
  • editorBracketPairGuide.background3#76E78Dfe
  • editorBracketPairGuide.background4#AEDE65fe
  • editorBracketPairGuide.background5#E9C1FAfe
  • editorBracketPairGuide.background6#FBC1CEfe
  • editorCodeLens.foreground#5858586e
  • editorCommentsWidget.rangeActiveBackground#575757fe
  • editorCommentsWidget.rangeBackground#E0E0E0fe
  • editorCommentsWidget.resolvedBorder#F6F6F6fe
  • editorCommentsWidget.unresolvedBorder#FEC1C1cb
  • editorCursor.background#E0E0E0fe
  • editorCursor.foreground#9E6FECfe
  • editorError.background#F6F8F400
  • editorError.border#F7F4F800
  • editorError.foreground#9E009Ece
  • editorGhostText.background#E0E0E0fe
  • editorGhostText.border#F4F7F800
  • editorGhostText.foreground#5858586e
  • editorGroup.border#F6F6F6fe
  • editorGroup.dropBackground#E0E0E0fe
  • editorGroup.dropIntoPromptBackground#E0E0E0fe
  • editorGroup.dropIntoPromptBorder#F6F6F6fe
  • editorGroup.dropIntoPromptForeground#585858ce
  • editorGroup.emptyBackground#E0E0E0fe
  • editorGroup.focusedEmptyBorder#F6F6F6fe
  • editorGroupHeader.border#F8F4F500
  • editorGroupHeader.noTabsBackground#F2F2F2ae
  • editorGroupHeader.tabsBackground#DCDCDCa1
  • editorGroupHeader.tabsBorder#F4F4F800
  • editorGutter.addedBackground#0E5C12fb
  • editorGutter.background#E0E0E0fe
  • editorGutter.commentGlyphForeground#585858ce
  • editorGutter.commentRangeForeground#585858ce
  • editorGutter.commentUnresolvedGlyphForeground#17661Bcb
  • editorGutter.deletedBackground#B40000cb
  • editorGutter.foldingControlForeground#585858ce
  • editorGutter.modifiedBackground#6A5700ce
  • editorHint.border#FAFAFA00
  • editorHint.foreground#511AFFce
  • editorHoverWidget.background#F6F6F6fe
  • editorHoverWidget.border#F6F6F6fe
  • editorHoverWidget.foreground#585858ce
  • editorHoverWidget.highlightForeground#943852ca
  • editorHoverWidget.statusBarBackground#E0E0E0fe
  • editorIndentGuide.activeBackground1#585858fe
  • editorIndentGuide.activeBackground2#575757fe
  • editorIndentGuide.activeBackground3#575757fe
  • editorIndentGuide.activeBackground4#585858fe
  • editorIndentGuide.activeBackground5#585858fe
  • editorIndentGuide.activeBackground6#585858fe
  • editorIndentGuide.background1#60486A35
  • editorIndentGuide.background2#4F745635
  • editorIndentGuide.background3#415D6035
  • editorIndentGuide.background4#4F717435
  • editorIndentGuide.background5#3A535635
  • editorIndentGuide.background6#40304735
  • editorInfo.background#FAFAFA00
  • editorInfo.border#F4F7F800
  • editorInfo.foreground#511AFFce
  • editorInlayHint.background#E0E0E0fe
  • editorInlayHint.foreground#585858ce
  • editorInlayHint.parameterBackground#E0E0E0fe
  • editorInlayHint.parameterForeground#585858ce
  • editorInlayHint.typeBackground#E0E0E0fe
  • editorInlayHint.typeForeground#585858ce
  • editorLightBulb.foreground#6A5700ce
  • editorLightBulbAutoFix.foreground#17661Bcb
  • editorLineNumber.activeForeground#642EBDfe
  • editorLineNumber.dimmedForeground#5858586e
  • editorLineNumber.foreground#5656566e
  • editorLink.activeForeground#9D6DEBfe
  • editorMarkerNavigation.background#F6F6F6fe
  • editorMarkerNavigationError.background#FEC1FEa7
  • editorMarkerNavigationError.headerBackground#FEC1FEc0
  • editorMarkerNavigationInfo.background#CACAFFfe
  • editorMarkerNavigationInfo.headerBackground#CACAFFfe
  • editorMarkerNavigationWarning.background#F6CB00fe
  • editorMarkerNavigationWarning.headerBackground#F6CB00fe
  • editorOverviewRuler.addedForeground#17661Bcb
  • editorOverviewRuler.background#E0E0E0fe
  • editorOverviewRuler.border#CECECEfe
  • editorOverviewRuler.bracketMatchForeground#585858ce
  • editorOverviewRuler.commentForeground#5858586e
  • editorOverviewRuler.commentUnresolvedForeground#17661Bcb
  • editorOverviewRuler.commonContentForeground#585858ce
  • editorOverviewRuler.currentContentForeground#585858c3
  • editorOverviewRuler.deletedForeground#B40000cb
  • editorOverviewRuler.errorForeground#9E009Ece
  • editorOverviewRuler.findMatchForeground#006262ce
  • editorOverviewRuler.incomingContentForeground#17661Bcb
  • editorOverviewRuler.infoForeground#511AFFce
  • editorOverviewRuler.modifiedForeground#6A5700ce
  • editorOverviewRuler.rangeHighlightForeground#2E5F65ca
  • editorOverviewRuler.selectionHighlightForeground#511AFFce
  • editorOverviewRuler.warningForeground#6A5700ce
  • editorOverviewRuler.wordHighlightForeground#2E6138ca
  • editorOverviewRuler.wordHighlightStrongForeground#585858ce
  • editorOverviewRuler.wordHighlightTextForeground#585858ce
  • editorPane.background#E0E0E0fe
  • editorRuler.foreground#5858582c
  • editorStickyScroll.background#E0E0E0fe
  • editorStickyScroll.shadow#F8F4F500
  • editorStickyScrollHover.background#CECECE6e
  • editorSuggestWidget.background#F6F6F6fe
  • editorSuggestWidget.border#F4F4F800
  • editorSuggestWidget.focusHighlightForeground#6D9438fe
  • editorSuggestWidget.foreground#943A52fe
  • editorSuggestWidget.highlightForeground#94374Eca
  • editorSuggestWidget.selectedBackground#A9808C8c
  • editorSuggestWidget.selectedForeground#4343CCca
  • editorSuggestWidget.selectedIconForeground#485E2Dca
  • editorSuggestWidgetStatus.foreground#4A5D2Dfe
  • editorUnicodeHighlight.background#8FB0B3ab
  • editorUnicodeHighlight.border#F6F6F6fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F4F8F500
  • editorWarning.border#F4F4F800
  • editorWarning.foreground#6A5700ce
  • editorWhitespace.foreground#585858ce
  • editorWidget.background#F6F6F6fe
  • editorWidget.border#F6F6F6fe
  • editorWidget.foreground#585858ce
  • editorWidget.resizeBorder#F6F6F6fe
  • errorForeground#9E009Ece
  • extensionBadge.remoteBackground#9E6FEBfe
  • extensionBadge.remoteForeground#F2F2F2fe
  • extensionButton.background#CECECEae
  • extensionButton.foreground#585858ce
  • extensionButton.hoverBackground#CECECE6e
  • extensionButton.prominentBackground#E0E0E0fe
  • extensionButton.prominentForeground#585858ce
  • extensionButton.prominentHoverBackground#E0E0E0fe
  • extensionButton.separator#FAFAFA00
  • extensionIcon.preReleaseForeground#7E379Cfe
  • extensionIcon.sponsorForeground#80389Cfe
  • extensionIcon.starForeground#2D603Cfe
  • extensionIcon.verifiedForeground#7F37A2fe
  • focusBorder#F8F4F500
  • foreground#585858ce
  • gitDecoration.addedResourceForeground#17661Bcb
  • gitDecoration.deletedResourceForeground#B40000cb
  • gitDecoration.modifiedResourceForeground#6A5700ce
  • gitDecoration.renamedResourceForeground#511AFFce
  • gitDecoration.stageDeletedResourceForeground#B40000cb
  • gitDecoration.stageModifiedResourceForeground#17661Bcb
  • gitDecoration.untrackedResourceForeground#006262ce
  • icon.foreground#585858ae
  • inlineChat.background#CACAFCca
  • inlineChat.border#CACAFCca
  • inlineChat.regionHighlight#151F17ca
  • inlineChat.shadow#1F2418ca
  • inlineChatDiff.inserted#1B1F15ca
  • inlineChatDiff.removed#251B29ca
  • inlineChatInput.background#131B1Cca
  • inlineChatInput.border#FBC0D1ca
  • inlineChatInput.focusBorder#F4F4F800
  • inlineChatInput.placeholderForeground#2F5F64ca
  • input.background#F6F6F6fe
  • input.border#F6F6F6fe
  • input.foreground#585858ce
  • input.placeholderForeground#4E4E4E65
  • inputOption.activeBackground#F6F6F6fe
  • inputOption.activeBorder#F6F6F6fe
  • inputOption.activeForeground#5A2DA5fe
  • inputOption.hoverBackground#F6F6F6fe
  • inputValidation.errorBackground#6700679a
  • inputValidation.errorBorder#FEC1FEaf
  • inputValidation.errorForeground#9E009Ece
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F6F6F6fe
  • inputValidation.infoForeground#585858ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F6F6F6fe
  • inputValidation.warningForeground#6A5700ce
  • interactive.activeCodeBorder#F6F6F6fe
  • interactive.inactiveCodeBorder#CECECE9e
  • keybindingLabel.background#E0E0E0fe
  • keybindingLabel.border#F6F6F6fe
  • keybindingLabel.bottomBorder#F6F6F6fe
  • keybindingLabel.foreground#585858ce
  • keybindingTable.headerBackground#E0E0E0fe
  • keybindingTable.rowsBackground#E0E0E0fe
  • list.activeSelectionBackground#ADBA9983
  • list.activeSelectionForeground#2E6138ca
  • list.activeSelectionIconForeground#2E6138ca
  • list.deemphasizedForeground#585858ce
  • list.dropBackground#E0E0E0fe
  • list.errorForeground#9E009Ece
  • list.filterMatchBackground#E0E0E0fe
  • list.filterMatchBorder#F6F6F6fe
  • list.focusAndSelectionOutline#F4F7F800
  • list.focusBackground#CFCFCF96
  • list.focusForeground#9C6DEBfe
  • list.focusHighlightForeground#7C7CE7fe
  • list.focusOutline#F4F8F500
  • list.highlightForeground#2D603Cca
  • list.hoverBackground#CFCFCF6e
  • list.hoverForeground#9E6FECfe
  • list.inactiveFocusBackground#C6C6C697
  • list.inactiveFocusOutline#F7F4F800
  • list.inactiveSelectionBackground#F2F2F2ae
  • list.inactiveSelectionForeground#4E4E4E65
  • list.inactiveSelectionIconForeground#4E4E4E65
  • list.invalidItemForeground#585858ce
  • list.warningForeground#6A5700ce
  • listFilterWidget.background#E0E0E0fe
  • listFilterWidget.noMatchesOutline#F4F8F500
  • listFilterWidget.outline#F8F4F500
  • listFilterWidget.shadow#F4F7F800
  • menu.background#F2F2F2fe
  • menu.border#FAFAFA00
  • menu.foreground#585858ae
  • menu.selectionBackground#719A9Fa2
  • menu.selectionBorder#FAFAFA00
  • menu.selectionForeground#9E6FECfe
  • menu.separatorBackground#CECECE65
  • menubar.selectionBackground#A1B08Aa8
  • menubar.selectionBorder#F6F8F400
  • menubar.selectionForeground#5A2DA5fe
  • merge.border#F6F6F6fe
  • merge.commonContentBackground#E0E0E0fe
  • merge.commonHeaderBackground#E0E0E0fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#74E67Afb
  • merge.incomingContentBackground#9ADF9Dcb
  • merge.incomingHeaderBackground#74E67Afb
  • mergeEditor.change.background#E0E0E0fe
  • mergeEditor.change.word.background#E0E0E0fe
  • mergeEditor.changeBase.background#E0E0E0fe
  • mergeEditor.changeBase.word.background#E0E0E0fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F6F6F6fe
  • mergeEditor.conflict.handledUnfocused.border#D8D8D824
  • mergeEditor.conflict.input1.background#F6F6F6fe
  • mergeEditor.conflict.input2.background#F6F6F6fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a3
  • mergeEditor.conflict.unhandledFocused.border#F6F6F6fe
  • mergeEditor.conflict.unhandledUnfocused.border#D8D8D83e
  • mergeEditor.conflictingLines.background#E0E0E0fe
  • minimap.background#E0E0E0fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0A0Ace
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#0E5C12fb
  • minimapGutter.deletedBackground#B50000fb
  • minimapGutter.modifiedBackground#6A5700ce
  • minimapSlider.activeBackground#7D7D7Dfe
  • minimapSlider.background#B5B5B5ae
  • minimapSlider.hoverBackground#CBCBCB6e
  • notebook.cellBorderColor#F6F6F6fe
  • notebook.cellEditorBackground#E0E0E0fe
  • notebook.cellHoverBackground#E0E0E0fe
  • notebook.cellInsertionIndicator#1A1A1Aca
  • notebook.cellStatusBarItemHoverBackground#E0E0E0fe
  • notebook.cellToolbarSeparator#1A1A1Aca
  • notebook.editorBackground#E0E0E0fe
  • notebook.focusedCellBackground#E0E0E0fe
  • notebook.focusedCellBorder#5D2DADfe
  • notebook.focusedEditorBorder#F6F6F6fe
  • notebook.inactiveFocusedCellBorder#7D7D7D8e
  • notebook.inactiveSelectedCellBorder#8A8A8A8e
  • notebook.outputContainerBackgroundColor#E0E0E0fe
  • notebook.outputContainerBorderColor#F6F6F6fe
  • notebook.selectedCellBackground#E0E0E0fe
  • notebook.selectedCellBorder#F6F6F6fe
  • notebook.symbolHighlightBackground#E0E0E0fe
  • notebookEditorOverviewRuler.runningCellForeground#585858ce
  • notebookScrollbarSlider.activeBackground#868686fe
  • notebookScrollbarSlider.background#A8A8A8ae
  • notebookScrollbarSlider.hoverBackground#CBCBCB6e
  • notebookStatusErrorIcon.foreground#9E009Ece
  • notebookStatusRunningIcon.foreground#943A52fe
  • notebookStatusSuccessIcon.foreground#17661Bcb
  • notificationCenter.border#F6F6F6fe
  • notificationCenterHeader.background#E0E0E0fe
  • notificationCenterHeader.foreground#585858ce
  • notificationLink.foreground#585858ce
  • notifications.background#E0E0E0fe
  • notifications.border#F6F6F6fe
  • notifications.foreground#585858ce
  • notificationsErrorIcon.foreground#9E009Ece
  • notificationsInfoIcon.foreground#31603Afe
  • notificationsWarningIcon.foreground#6A5700ce
  • notificationToast.border#F6F6F6fe
  • panel.background#E0E0E0fe
  • panel.border#F6F6F6fe
  • panel.dropBorder#F6F6F6fe
  • panelInput.border#F6F6F6fe
  • panelSection.border#F6F6F6fe
  • panelSection.dropBackground#E0E0E0fe
  • panelSectionHeader.background#E0E0E0fe
  • panelSectionHeader.border#F6F6F6fe
  • panelSectionHeader.foreground#585858ce
  • panelTitle.activeBorder#F8F4F500
  • panelTitle.activeForeground#A067FCfe
  • panelTitle.inactiveForeground#88888865
  • peekView.border#9F6FEBfe
  • peekViewEditor.background#F6F6F6fe
  • peekViewEditor.matchHighlightBackground#9DAC858d
  • peekViewEditor.matchHighlightBorder#F8F4F500
  • peekViewEditorGutter.background#F6F6F6fe
  • peekViewEditorStickyScroll.background#E0E0E0fe
  • peekViewResult.background#F2F2F2fe
  • peekViewResult.fileForeground#585858ce
  • peekViewResult.lineForeground#585858ce
  • peekViewResult.matchHighlightBackground#8080A985
  • peekViewResult.selectionBackground#A9C1C48d
  • peekViewResult.selectionForeground#4B5F2Fca
  • peekViewTitle.background#F2F2F2fe
  • peekViewTitleDescription.foreground#585858ce
  • peekViewTitleLabel.foreground#585858ce
  • pickerGroup.border#F6F6F6fe
  • pickerGroup.foreground#585858ce
  • ports.iconRunningProcessForeground#913A54fe
  • problemsErrorIcon.foreground#9E009Ece
  • problemsInfoIcon.foreground#511AFFce
  • problemsWarningIcon.foreground#6A5700ce
  • profileBadge.background#602EB5fe
  • profileBadge.foreground#F2F2F2fe
  • progressBar.background#E0E0E0fe
  • quickInput.background#F2F2F2fe
  • quickInput.foreground#575757ae
  • quickInputList.focusBackground#94A57Ba9
  • quickInputList.focusForeground#9D6EEBfe
  • quickInputList.focusIconForeground#5A2DA5fe
  • quickInputTitle.background#F6F6F6fe
  • sash.hoverBorder#F6F6F6fe
  • scrollbar.shadow#F4F7F800
  • scrollbarSlider.activeBackground#868686fe
  • scrollbarSlider.background#B9B9B9ae
  • scrollbarSlider.hoverBackground#C2C2C26e
  • search.resultsInfoForeground#585858ce
  • searchEditor.findMatchBackground#979797aa
  • searchEditor.findMatchBorder#F6F6F6fe
  • searchEditor.textInputBorder#F6F6F6fe
  • selection.background#E0E0E0fe
  • settings.checkboxBackground#F6F6F6fe
  • settings.checkboxBorder#F6F6F6fe
  • settings.checkboxForeground#585858ce
  • settings.dropdownBackground#F6F6F6fe
  • settings.dropdownBorder#F6F6F6fe
  • settings.dropdownForeground#585858ce
  • settings.dropdownListBorder#F6F6F6fe
  • settings.focusedRowBackground#BA99A38e
  • settings.focusedRowBorder#F6F6F6fe
  • settings.headerBorder#F6F6F6fe
  • settings.headerForeground#585858ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F6F6F6fe
  • settings.numberInputBorder#F6F6F6fe
  • settings.numberInputForeground#585858ce
  • settings.rowHoverBackground#E0E0E0fe
  • settings.sashBorder#F6F6F6fe
  • settings.settingsHeaderHoverForeground#5A2DA5fe
  • settings.textInputBackground#F6F6F6fe
  • settings.textInputBorder#F6F6F6fe
  • settings.textInputForeground#585858ce
  • sideBar.background#E0E0E0fe
  • sideBar.border#F6F6F6fe
  • sideBar.dropBackground#E0E0E0fe
  • sideBar.foreground#585858ae
  • sideBarSectionHeader.background#F4F4F800
  • sideBarSectionHeader.border#F6F6F6fe
  • sideBarSectionHeader.foreground#585858ce
  • sideBarTitle.foreground#585858ce
  • sideBySideEditor.horizontalBorder#F6F6F6fe
  • sideBySideEditor.verticalBorder#F6F6F6fe
  • simpleFindWidget.sashBorder#F6F6F6fe
  • statusBar.background#F2F2F2fe
  • statusBar.border#F6F6F6fe
  • statusBar.debuggingBackground#FEC1FEca
  • statusBar.debuggingBorder#F6F6F6fe
  • statusBar.debuggingForeground#585858ce
  • statusBar.focusBorder#FAFAFA00
  • statusBar.foreground#5858586e
  • statusBar.noFolderBackground#F2F2F2fe
  • statusBar.noFolderBorder#F6F6F6fe
  • statusBar.noFolderForeground#585858ce
  • statusBarItem.activeBackground#F2F2F2fe
  • statusBarItem.compactHoverBackground#F2F2F2fe
  • statusBarItem.errorBackground#FEC1FE9a
  • statusBarItem.errorForeground#9E009Ece
  • statusBarItem.errorHoverBackground#FEC1FEab
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F4F8F500
  • statusBarItem.hoverBackground#F2F2F2fe
  • statusBarItem.hoverForeground#9E6FEBfe
  • statusBarItem.offlineBackground#F2F2F2fe
  • statusBarItem.offlineForeground#585858ce
  • statusBarItem.offlineHoverBackground#F2F2F2fe
  • statusBarItem.offlineHoverForeground#602EB5fe
  • statusBarItem.prominentBackground#F2F2F2fe
  • statusBarItem.prominentForeground#585858ce
  • statusBarItem.prominentHoverBackground#F2F2F2fe
  • statusBarItem.prominentHoverForeground#9E6FEBfe
  • statusBarItem.remoteBackground#602EB5fe
  • statusBarItem.remoteForeground#F2F2F2fe
  • statusBarItem.remoteHoverBackground#F2F2F2fe
  • statusBarItem.remoteHoverForeground#5D2DADfe
  • statusBarItem.warningBackground#F6CB00fe
  • statusBarItem.warningForeground#6A5700ce
  • statusBarItem.warningHoverBackground#F6CB00fe
  • statusBarItem.warningHoverForeground#A08400ce
  • symbolIcon.arrayForeground#4646C6fe
  • symbolIcon.booleanForeground#006262ce
  • symbolIcon.classForeground#94374Efe
  • symbolIcon.colorForeground#4343CBfe
  • symbolIcon.constantForeground#4A5D2Dfe
  • symbolIcon.constructorForeground#365F3Ffe
  • symbolIcon.enumeratorForeground#585858fe
  • symbolIcon.enumeratorMemberForeground#305C65fe
  • symbolIcon.eventForeground#913C54fe
  • symbolIcon.fieldForeground#8E3D55fe
  • symbolIcon.fileForeground#4343CEfe
  • symbolIcon.folderForeground#4242CCfe
  • symbolIcon.functionForeground#4B5F2Ffe
  • symbolIcon.interfaceForeground#305C65fe
  • symbolIcon.keyForeground#4B5F2Ffe
  • symbolIcon.keywordForeground#4B5F2Ffe
  • symbolIcon.methodForeground#943852fe
  • symbolIcon.moduleForeground#4C5C33fe
  • symbolIcon.namespaceForeground#345F3Bfe
  • symbolIcon.nullForeground#4B5D30fe
  • symbolIcon.numberForeground#2E6239fe
  • symbolIcon.objectForeground#4C5C33fe
  • symbolIcon.operatorForeground#7A3F96fe
  • symbolIcon.packageForeground#4747C5fe
  • symbolIcon.propertyForeground#32623Dfe
  • symbolIcon.referenceForeground#4B5D30fe
  • symbolIcon.snippetForeground#575757fe
  • symbolIcon.stringForeground#345F3Bfe
  • symbolIcon.structForeground#2F6237fe
  • symbolIcon.textForeground#2F5F64fe
  • symbolIcon.typeParameterForeground#305C65fe
  • symbolIcon.unitForeground#575757fe
  • symbolIcon.variableForeground#4646C9fe
  • tab.activeBackground#EDEDEDfe
  • tab.activeBorder#F4F8F500
  • tab.activeBorderTop#A067FCfe
  • tab.activeForeground#9F6FEBfe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F4F8F500
  • tab.hoverBackground#5757576e
  • tab.hoverBorder#F6F6F6fe
  • tab.hoverForeground#642EBDfe
  • tab.inactiveBackground#CECECE9b
  • tab.inactiveForeground#87878765
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F6F6F6fe
  • tab.unfocusedActiveBackground#D8D8D83c
  • tab.unfocusedActiveBorder#F8F4F500
  • tab.unfocusedActiveBorderTop#CECECE65
  • tab.unfocusedActiveForeground#87878765
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#5656566e
  • tab.unfocusedHoverBorder#D8D8D822
  • tab.unfocusedHoverForeground#49494965
  • tab.unfocusedInactiveBackground#C2C2C29b
  • tab.unfocusedInactiveForeground#87878765
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a0
  • 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#670067a3
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec3
  • terminal.ansiYellow#c4a200fe
  • terminal.background#E0E0E0fe
  • terminal.border#F6F6F6fe
  • terminal.dropBackground#E0E0E0fe
  • terminal.findMatchBackground#E0E0E0fe
  • terminal.findMatchBorder#F6F6F6fe
  • terminal.findMatchHighlightBackground#E0E0E0fe
  • terminal.findMatchHighlightBorder#F6F6F6fe
  • terminal.foreground#585858ae
  • terminal.hoverHighlightBackground#E0E0E0fe
  • terminal.inactiveSelectionBackground#CFCFCF98
  • terminal.selectionBackground#85A8AC86
  • terminal.selectionForeground#843697ca
  • terminal.tab.activeBorder#9C6DEBfe
  • terminalCommandDecoration.defaultBackground#8C17BBa1
  • terminalCommandDecoration.errorBackground#B40000cb
  • terminalCommandDecoration.successBackground#17661Bcb
  • terminalCursor.background#E0E0E0fe
  • terminalCursor.foreground#9D6EEBfe
  • terminalOverviewRuler.cursorForeground#585858ce
  • terminalOverviewRuler.findMatchForeground#006262ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0bc
  • testing.iconUnset#8080809e
  • testing.message.error.decorationForeground#532C95fe
  • testing.message.error.lineBackground#FEC1FEb8
  • testing.message.info.decorationForeground#6C2FD0fe
  • testing.message.info.lineBackground#CACAFFfe
  • testing.peekBorder#F6F6F6fe
  • testing.peekHeaderBackground#E0E0E0fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#E0E0E0fe
  • textBlockQuote.border#F6F6F6fe
  • textCodeBlock.background#E0E0E0fe
  • textLink.activeForeground#9C6DEBfe
  • textLink.foreground#511AFFce
  • textPreformat.foreground#585858ce
  • textSeparator.foreground#585858ce
  • titleBar.activeBackground#F2F2F2fe
  • titleBar.activeForeground#888888ae
  • titleBar.border#F4F8F500
  • titleBar.inactiveBackground#CFCFCFde
  • titleBar.inactiveForeground#87878765
  • toolbar.activeBackground#C0D69E88
  • toolbar.hoverBackground#E0E0E0fe
  • toolbar.hoverOutline#F4F4F800
  • tree.inactiveIndentGuidesStroke#45334C35
  • tree.indentGuidesStroke#602EB5fe
  • tree.tableColumnsBorder#F6F6F6fe
  • tree.tableOddRowsBackground#E0E0E0fe
  • walkThrough.embeddedEditorBackground#E0E0E0fe
  • walkthrough.stepTitle.foreground#585858ce
  • welcomePage.background#E0E0E0fe
  • welcomePage.progress.background#E0E0E0fe
  • welcomePage.progress.foreground#585858ce
  • welcomePage.tileBackground#E0E0E0fe
  • welcomePage.tileBorder#F6F6F6fe
  • welcomePage.tileHoverBackground#E0E0E0fe
  • widget.border#F6F6F6fe
  • widget.shadow#FAFAFA00
  • window.activeBorder#F6F6F6fe
  • window.inactiveBorder#CECECE94

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#4E4E4E6e
comment.block.html#4C4C4C6e
comment.block.java#4D4D4D6e
comment.block.javadoc.java#4C4C4C6e
comment.block.powershell#4D4D4D6e
comment.block.xml#4D4D4D6e
comment.line.double-slash.c#4D4D4D6e
comment.line.double-slash.cpp#4D4D4D6e
comment.line.double-slash.java#4E4E4E6e
comment.line.double-slash.js#4D4D4D6e
comment.line.number-sign.makefile#4E4E4E6e
comment.line.number-sign.python#4C4C4C6e
comment.line.number-sign.yaml#4D4D4D6e
comment.line.percentage.erlang#4D4D4D6e
comment.line.powershell#4D4D4D6e
comment.source.cmake#4D4D4D6e
comment.source.cmakecache#4D4D4D6e
constant.character#295922de
constant.character.character-class.regexp#0B5A42de
constant.character.escape#6F2758de
constant.character.set.regexp#135B09de
constant.language#612824de
constant.numeric#0A5941de
constant.numeric.dec.python#51510Bde
constant.other.caps.python#295081de
constant.other.character-class.regexp#532C95de
constant.other.character-class.set.regexp#145B0Ade
constant.other.color.rgb-value#243E61de
constant.other.placeholder#96086Ade
constant.other.rgb-value#155A0Bde
constant.regexp#5F2DB4de
constant.sha.git-rebase#9E140Bde
emphasis#135B08de
entity.name.class#0B4B9Ede
entity.name.function#0B5941de
entity.name.function.preprocessor#9D1209de
entity.name.function.python#883029de
entity.name.label#155A0Bde
entity.name.namespace#502B8Dde
entity.name.operator#960A6Ade
entity.name.operator.custom-literal#7E2963de
entity.name.scope-resolution#27466Fde
entity.name.tag#0B4A9Bde
entity.name.tag.css#602EB0de
entity.name.type#0A553Ddebold
entity.name.variable#51510Ade
entity.other.attribute#9F1107de
entity.other.attribute-name#3F3F1Bde
entity.other.attribute-name.class.css#883029de
entity.other.attribute-name.class.mixin.css#09553Dde
entity.other.attribute-name.id#5A2DA5de
entity.other.attribute-name.id.css#A00E05de
entity.other.attribute-name.parent-selector.css#243E61de
entity.other.attribute-name.pseudo-class.css#0B3C7Dde
entity.other.attribute-name.pseudo-element.css#284A76de
entity.other.attribute-name.scss#852A6Ade
entity.other.document.begin.yaml#4C4C4C6e
entity.other.inherited-class#083979de
header#50500Ade
invalid#A00E05de
keyword#15590Bdebold
keyword.codetag.notation.python#51510Adebold
keyword.control#155B0Bdebold
keyword.control.anchor.regexp#50500Adebold
keyword.control.import.python#215745debold
keyword.operator#50500Adebold
keyword.operator.alignas#872A68debold
keyword.operator.alignof#9E140Bdebold
keyword.operator.cast#9E130Adebold
keyword.operator.delete#5703E4debold
keyword.operator.documentation.powershell#4C4C4C6ebold
keyword.operator.expression#7E2963debold
keyword.operator.instanceof#5D2DADdebold
keyword.operator.logical.python#515107debold
keyword.operator.minus.exponent#0B4B9Edebold
keyword.operator.negation.regexp#0A3D80debold
keyword.operator.new#8B2E2Bdebold
keyword.operator.noexcept#4F4F1Fdebold
keyword.operator.or.regexp#97086Adebold
keyword.operator.plus.exponent#892F2Adebold
keyword.operator.quantifier.regexp#97076Adebold
keyword.operator.sizeof#50500Adebold
keyword.operator.typeid#50500Adebold
keyword.operator.wordlike#155B0Bdebold
keyword.other.operator#892F2Adebold
keyword.other.package.java#51510Adebold
keyword.other.unit#8B2E2Bdebold
keyword.other.using#9F1108debold
markup.bold#51510Bde
markup.changed#215343de
markup.deleted#88302Ade
markup.fenced_code.block.markdown#275721de
markup.heading#51510Ade
markup.inline.raw#284A76de
markup.inserted#950B6Ade
markup.italic#0B5A42de
markup.raw.block.markdown#084F39de
markup.strikethrough#682925de
markup.underline#50500Ade
meta.block.c#515108de
meta.block.c#50500Ade
meta.class.java#515109de
meta.definition.variable.name#243E61de
meta.diff.header#5D2DADde
meta.embedded#842A67de
meta.embedded.assembly#0A3873de
meta.function-call.arguments.python#51510Bde
meta.function-call.python#0B4796de
meta.member.access.python#50500Ade
meta.method.java#852A69de
meta.object-literal.key#0B438Cde
meta.paragraph.markdown#135B09de
meta.preprocessor#0B4B9Ede
meta.preprocessor.numeric#275321de
meta.preprocessor.string#85302Ade
meta.scope.prerequisites.makefile#093977de
meta.structure.dictionary.json.comments#4E4E4E6e
meta.structure.dictionary.key.python#892F2Ade
meta.structure.dictionary.value.json.comments#4D4D4D6e
meta.template.expression#9F1107de
meta.type.cast.expr#0B5941debold
meta.type.new.expr#135B09debold
parameter#0A3D80de
punctuation.character.set.begin.regexp#505009de
punctuation.character.set.end.regexp#14590Bde
punctuation.definition.array.begin.json#8B302Bde
punctuation.definition.character-class.regexp#295081de
punctuation.definition.comment#4C4C4C6e
punctuation.definition.comment.json.comments#4E4E4E6e
punctuation.definition.comment.python#4C4C4C6e
punctuation.definition.dictionary.begin.json#515109de
punctuation.definition.dictionary.end.json#452876de
punctuation.definition.group.assertion.regexp#950969de
punctuation.definition.group.regexp#0B4A9Bde
punctuation.definition.list.begin.json#45451Dde
punctuation.definition.list.begin.markdown#0B3771de
punctuation.definition.list.begin.python#6F2B27de
punctuation.definition.list.end.json#0A5941de
punctuation.definition.list.end.markdown#215343de
punctuation.definition.list.end.python#9E0F06de
punctuation.definition.parameters.begin.python#135C07de
punctuation.definition.parameters.end.bracket.round.java#97066Ade
punctuation.definition.quote.begin.markdown#083979de
punctuation.definition.tag#275721de
punctuation.definition.template-expression.begin#515109de
punctuation.definition.template-expression.end#0A3D80de
punctuation.section.class.begin.bracket.curly.java#0B3C7Dde
punctuation.section.embedded#682553de
punctuation.section.embedded.begin.php#960568de
punctuation.section.embedded.end.php#294F7Fde
punctuation.terminator.java#5F2DB6de
source.cmake#5700E5de
source.coffee.embedded#0B4796de
source.cpp#0B5941de
source.css.less#49297Ede
source.groovy.embedded#0B4186de
source.java#135B08de
source.java-properties#950B6Ade
source.json.comments#4E4E4E6e
source.makefile#50500Ade
source.powershell#294F7Fde
source.powershell.variable.other.member#505009de
source.python#51510Bde
storage#50500Ade
storage.modifier#0B5940de
storage.modifier.import.java#872A68de
storage.modifier.package.java#842A67de
storage.type#215343debold
storage.type.annotation.groovy#145A09debold
storage.type.annotation.java#950A69debold
storage.type.boolean.go#5F2DB1debold
storage.type.byte.go#96086Adebold
storage.type.cs#612824debold
storage.type.error.go#51510Adebold
storage.type.generic.cs#9E130Adebold
storage.type.generic.groovy#0A5A41debold
storage.type.generic.java#51510Adebold
storage.type.groovy#295081debold
storage.type.java#8B302Bdebold
storage.type.modifier.cs#5700E5debold
storage.type.numeric.go#852A68debold
storage.type.object.array.groovy#9E140Adebold
storage.type.object.array.java#155A0Bdebold
storage.type.parameters.groovy#0A5940debold
storage.type.primitive.array.groovy#612824debold
storage.type.primitive.array.java#15590Bdebold
storage.type.primitive.groovy#9E130Adebold
storage.type.primitive.java#960B6Adebold
storage.type.rune.go#0B4796debold
storage.type.string.go#96086Adebold
storage.type.token.java#294E7Edebold
storage.type.uintptr.go#0A5840debold
storage.type.variable.cs#244C1Fdebold
string#0A3978de
string.quoted.docstring.multi.python#4D4D4D6e
string.regexp#842A67de
string.tag#852A6Ade
string.value#14590Bde
strong#6F2B27de
support.class#960B6Ade
support.constant.color#145B0Ade
support.constant.dom#8B302Bde
support.constant.font-name#7E2963de
support.constant.handlebars#275721de
support.constant.json#762D28de
support.constant.math#5D2DADde
support.constant.media#4F4F1Fde
support.constant.media-type#0B4796debold
support.constant.property-value#0A5941de
support.function#0B4A9Bde
support.function.git-rebase#842968de
support.other.parenthesis.regexp#9E140Ade
support.type#612824debold
support.type.property-name#5703E4debold
support.type.vendored.property-name#49297Edebold
support.variable#8B302Bde
token.debug-token#960B6Ade
token.error-token#5702E4de
token.info-token#452876de
token.warn-token#49297Ede
variable#244C1Fde
variable.css#505009de
variable.language#15590Bde
variable.language.wildcard.java#51510Ade
variable.other.constant#45451Dde
variable.other.definition.java#295081de
variable.other.enummember#960B6Ade
variable.other.less#51510Ade
variable.other.object.java#51510Ade
variable.other.object.property.java#093977de
variable.parameter.c#27466Fde
variable.parameter.function.language.python#215343de
variable.parameter.java#515109de
variable.scss#0B5941de