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#3D8BD9fe
  • activityBar.activeFocusBorder#DE579A00
  • activityBar.background#F2F2F2fe
  • activityBar.border#A96BE700
  • activityBar.dropBorder#3B8BD6fe
  • activityBar.foreground#3E8BD8fe
  • activityBar.inactiveForeground#49494965
  • activityBarBadge.background#2A5885fe
  • activityBarBadge.foreground#F2F2F2fe
  • badge.background#2B5C8Dfe
  • badge.foreground#F2F2F2fe
  • banner.background#E0E0E0fe
  • banner.foreground#585858ce
  • banner.iconForeground#4F5D33fe
  • breadcrumb.activeSelectionForeground#4F5D33ca
  • breadcrumb.background#EDEDEDfe
  • breadcrumb.focusForeground#2A5885fe
  • breadcrumb.foreground#585858ae
  • breadcrumbPicker.background#E0E0E0fe
  • button.background#B1B1B1ae
  • button.border#F7F5F600
  • button.foreground#585858ce
  • button.hoverBackground#C2C2C26e
  • button.secondaryBackground#E0E0E0fe
  • button.secondaryForeground#585858ce
  • button.secondaryHoverBackground#E0E0E0fe
  • button.separator#F5F7F500
  • charts.blue#1b1bfffe
  • charts.foreground#585858ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#6700679f
  • 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#C5CDF689
  • commandCenter.activeBorder#F6F6F6fe
  • commandCenter.activeForeground#2D6DADfe
  • commandCenter.background#E0E0E0fe
  • commandCenter.border#F6F6F6fe
  • commandCenter.foreground#585858ce
  • commandCenter.inactiveBorder#CECECE9a
  • commandCenter.inactiveForeground#87878765
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F7F6F500
  • contrastBorder#F5F7F500
  • debugConsole.errorForeground#9E009Ece
  • debugConsole.infoForeground#585858ce
  • debugConsole.sourceForeground#585858ce
  • debugConsole.warningForeground#6A5700ce
  • debugConsoleInputIcon.foreground#705241fe
  • debugExceptionWidget.background#FEC1FEc9
  • debugExceptionWidget.border#F6F6F6fe
  • debugIcon.breakpointCurrentStackframeForeground#34613Cfe
  • debugIcon.breakpointDisabledForeground#49494965
  • debugIcon.breakpointForeground#3B613Ffe
  • debugIcon.breakpointStackframeForeground#714F3Bfe
  • debugIcon.breakpointUnverifiedForeground#575757fe
  • debugIcon.continueForeground#585858fe
  • debugIcon.disconnectForeground#705139fe
  • debugIcon.pauseForeground#793D97fe
  • debugIcon.restartForeground#744390fe
  • debugIcon.startForeground#575757fe
  • debugIcon.stepBackForeground#414FB0fe
  • debugIcon.stepIntoForeground#585858fe
  • debugIcon.stepOutForeground#84425Ffe
  • debugIcon.stepOverForeground#36623Cfe
  • debugIcon.stopForeground#4F5A39fe
  • debugTokenExpression.boolean#181E19ca
  • debugTokenExpression.error#1F1B19ca
  • debugTokenExpression.name#1F191Cca
  • debugTokenExpression.number#1D191Fca
  • debugTokenExpression.value#181E19ca
  • debugToolBar.background#FEC1FEb7
  • debugToolBar.border#F6F6F6fe
  • debugView.exceptionLabelBackground#77E587ca
  • debugView.exceptionLabelForeground#575757ca
  • debugView.stateLabelBackground#FAC0E1ca
  • debugView.stateLabelForeground#575757ca
  • debugView.valueChangedHighlight#161616ca
  • descriptionForeground#585858ce
  • diffEditor.border#F5F5F700
  • diffEditor.diagonalFill#000000fb
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#74E67Afb
  • diffEditor.insertedTextBorder#F6F5F700
  • diffEditor.move.border#F6F7F500
  • diffEditor.moveActive.border#F7F5F600
  • diffEditor.removedLineBackground#FEBFBF31
  • diffEditor.removedTextBackground#FEC1C1fb
  • diffEditor.removedTextBorder#F6F5F700
  • diffEditor.unchangedCodeBackground#E0E0E0fe
  • diffEditor.unchangedRegionBackground#E0E0E0fe
  • diffEditor.unchangedRegionForeground#585858ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#49494965
  • dropdown.background#F6F6F6fe
  • dropdown.border#F6F6F6fe
  • dropdown.foreground#585858ce
  • dropdown.listBackground#F6F6F6fe
  • editor.background#E0E0E0fe
  • editor.findMatchBackground#A8A8A8a7
  • editor.findMatchBorder#F6F6F6fe
  • editor.findMatchHighlightBackground#A9B09Da3
  • editor.findMatchHighlightBorder#F6F6F6fe
  • editor.findRangeHighlightBackground#9D8591ac
  • editor.findRangeHighlightBorder#F6F6F6fe
  • editor.focusedStackFrameHighlightBackground#ABADBB89
  • editor.foldBackground#2539A0a5
  • editor.foreground#585858ce
  • editor.hoverHighlightBackground#A193A8a8
  • editor.inactiveSelectionBackground#CBCBCB92
  • editor.inlineValuesBackground#E0E0E0fe
  • editor.inlineValuesForeground#585858ce
  • editor.lineHighlightBackground#C2C2C2b3
  • editor.lineHighlightBorder#F7F6F500
  • editor.linkedEditingBackground#E0E0E0fe
  • editor.rangeHighlightBackground#989BACaa
  • editor.rangeHighlightBorder#F6F6F6fe
  • editor.selectionBackground#928078a1
  • editor.selectionForeground#4E5C36ca
  • editor.selectionHighlightBackground#A99DB085
  • editor.selectionHighlightBorder#F6F6F6fe
  • editor.snippetFinalTabstopHighlightBackground#AC9F98a2
  • editor.snippetFinalTabstopHighlightBorder#F6F6F6fe
  • editor.snippetTabstopHighlightBackground#9DB0A0a8
  • editor.snippetTabstopHighlightBorder#F6F6F6fe
  • editor.stackFrameHighlightBackground#AC9F98a7
  • editor.symbolHighlightBackground#ADADADaa
  • editor.symbolHighlightBorder#F6F6F6fe
  • editor.wordHighlightBackground#A5AC98a3
  • editor.wordHighlightBorder#F7F6F500
  • editor.wordHighlightStrongBackground#B1B7A6ab
  • editor.wordHighlightStrongBorder#F7F6F500
  • editor.wordHighlightTextBackground#85899Dab
  • editor.wordHighlightTextBorder#F7F6F500
  • editorBracketHighlight.foreground1#0A0A0Ace
  • editorBracketHighlight.foreground2#0A0A0Ace
  • editorBracketHighlight.foreground3#0A0A0Ace
  • editorBracketHighlight.foreground4#0A0A0Ace
  • editorBracketHighlight.foreground5#0A0A0Ace
  • editorBracketHighlight.foreground6#0A0A0Ace
  • editorBracketHighlight.unexpectedBracket.foreground#585858ce
  • editorBracketMatch.background#283FA4a5
  • editorBracketMatch.border#F6F6F6fe
  • editorBracketPairGuide.activeBackground1#4A5F248d
  • editorBracketPairGuide.activeBackground2#A51C618e
  • editorBracketPairGuide.activeBackground3#1D339F8b
  • editorBracketPairGuide.activeBackground4#8A46288a
  • editorBracketPairGuide.activeBackground5#A221648b
  • editorBracketPairGuide.activeBackground6#A4236083
  • editorBracketPairGuide.background1#FABFDCfe
  • editorBracketPairGuide.background2#78E68Afe
  • editorBracketPairGuide.background3#FABFDCfe
  • editorBracketPairGuide.background4#F6C4ABfe
  • editorBracketPairGuide.background5#EBC2FAfe
  • editorBracketPairGuide.background6#CFCFCFfe
  • editorCodeLens.foreground#5858586e
  • editorCommentsWidget.rangeActiveBackground#575757fe
  • editorCommentsWidget.rangeBackground#E0E0E0fe
  • editorCommentsWidget.resolvedBorder#F6F6F6fe
  • editorCommentsWidget.unresolvedBorder#FEC1C1cb
  • editorCursor.background#E0E0E0fe
  • editorCursor.foreground#2E76BDfe
  • editorError.background#F6F5F700
  • editorError.border#F7F5F600
  • editorError.foreground#9E009Ece
  • editorGhostText.background#E0E0E0fe
  • editorGhostText.border#F5F5F700
  • editorGhostText.foreground#5656566e
  • editorGroup.border#F6F6F6fe
  • editorGroup.dropBackground#E0E0E0fe
  • editorGroup.dropIntoPromptBackground#E0E0E0fe
  • editorGroup.dropIntoPromptBorder#F6F6F6fe
  • editorGroup.dropIntoPromptForeground#585858ce
  • editorGroup.emptyBackground#E0E0E0fe
  • editorGroup.focusedEmptyBorder#F6F6F6fe
  • editorGroupHeader.border#F7F5F600
  • editorGroupHeader.noTabsBackground#F2F2F2ae
  • editorGroupHeader.tabsBackground#E0E0E0a1
  • editorGroupHeader.tabsBorder#F6F5F700
  • 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#F5F5F700
  • editorHint.foreground#511AFFce
  • editorHoverWidget.background#F6F6F6fe
  • editorHoverWidget.border#F6F6F6fe
  • editorHoverWidget.foreground#585858ce
  • editorHoverWidget.highlightForeground#883E63ca
  • editorHoverWidget.statusBarBackground#E0E0E0fe
  • editorIndentGuide.activeBackground1#585858fe
  • editorIndentGuide.activeBackground2#585858fe
  • editorIndentGuide.activeBackground3#585858fe
  • editorIndentGuide.activeBackground4#585858fe
  • editorIndentGuide.activeBackground5#585858fe
  • editorIndentGuide.activeBackground6#585858fe
  • editorIndentGuide.background1#483A4135
  • editorIndentGuide.background2#3A483D35
  • editorIndentGuide.background3#59604D35
  • editorIndentGuide.background4#443B3735
  • editorIndentGuide.background5#44483A35
  • editorIndentGuide.background6#4C425235
  • editorInfo.background#F5F5F700
  • editorInfo.border#FAFAFA00
  • 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#2D69A5fe
  • editorLineNumber.dimmedForeground#5656566e
  • editorLineNumber.foreground#5252526e
  • editorLink.activeForeground#2B5C8Dfe
  • editorMarkerNavigation.background#F6F6F6fe
  • editorMarkerNavigationError.background#FEC1FEb8
  • editorMarkerNavigationError.headerBackground#FEC1FEc4
  • 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#585858b8
  • editorOverviewRuler.deletedForeground#B40000cb
  • editorOverviewRuler.errorForeground#9E009Ece
  • editorOverviewRuler.findMatchForeground#006262ce
  • editorOverviewRuler.incomingContentForeground#17661Bcb
  • editorOverviewRuler.infoForeground#511AFFce
  • editorOverviewRuler.modifiedForeground#6A5700ce
  • editorOverviewRuler.rangeHighlightForeground#714F3Bca
  • editorOverviewRuler.selectionHighlightForeground#511AFFce
  • editorOverviewRuler.warningForeground#6A5700ce
  • editorOverviewRuler.wordHighlightForeground#35613Cca
  • editorOverviewRuler.wordHighlightStrongForeground#585858ce
  • editorOverviewRuler.wordHighlightTextForeground#585858ce
  • editorPane.background#E0E0E0fe
  • editorRuler.foreground#58585827
  • editorStickyScroll.background#E0E0E0fe
  • editorStickyScroll.shadow#FAFAFA00
  • editorStickyScrollHover.background#CECECE6e
  • editorSuggestWidget.background#F6F6F6fe
  • editorSuggestWidget.border#F7F6F500
  • editorSuggestWidget.focusHighlightForeground#D1619Efe
  • editorSuggestWidget.foreground#72503Efe
  • editorSuggestWidget.highlightForeground#7A4E38ca
  • editorSuggestWidget.selectedBackground#8AA18E84
  • editorSuggestWidget.selectedForeground#705139ca
  • editorSuggestWidget.selectedIconForeground#575757ca
  • editorSuggestWidgetStatus.foreground#3B5F41fe
  • editorUnicodeHighlight.background#BABFAFa5
  • editorUnicodeHighlight.border#F6F6F6fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F5F7F500
  • editorWarning.border#F5F7F500
  • editorWarning.foreground#6A5700ce
  • editorWhitespace.foreground#585858ce
  • editorWidget.background#F6F6F6fe
  • editorWidget.border#F6F6F6fe
  • editorWidget.foreground#585858ce
  • editorWidget.resizeBorder#F6F6F6fe
  • errorForeground#9E009Ece
  • extensionBadge.remoteBackground#2A5885fe
  • extensionBadge.remoteForeground#F2F2F2fe
  • extensionButton.background#CECECEae
  • extensionButton.foreground#585858ce
  • extensionButton.hoverBackground#CECECE6e
  • extensionButton.prominentBackground#E0E0E0fe
  • extensionButton.prominentForeground#585858ce
  • extensionButton.prominentHoverBackground#E0E0E0fe
  • extensionButton.separator#F5F7F500
  • extensionIcon.preReleaseForeground#705241fe
  • extensionIcon.sponsorForeground#585858fe
  • extensionIcon.starForeground#7B3C9Afe
  • extensionIcon.verifiedForeground#585858fe
  • focusBorder#F6F7F500
  • 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#F4C5A2ca
  • inlineChat.border#E8C3FBca
  • inlineChat.regionHighlight#1D191Fca
  • inlineChat.shadow#1D1F19ca
  • inlineChatDiff.inserted#1C1619ca
  • inlineChatDiff.removed#202821ca
  • inlineChatInput.background#161616ca
  • inlineChatInput.border#F6C5ACca
  • inlineChatInput.focusBorder#F5F7F500
  • inlineChatInput.placeholderForeground#3D50ACca
  • input.background#F6F6F6fe
  • input.border#F6F6F6fe
  • input.foreground#585858ce
  • input.placeholderForeground#45454565
  • inputOption.activeBackground#F6F6F6fe
  • inputOption.activeBorder#F6F6F6fe
  • inputOption.activeForeground#2B5C8Dfe
  • inputOption.hoverBackground#F6F6F6fe
  • inputValidation.errorBackground#670067a0
  • inputValidation.errorBorder#FEC1FEb1
  • 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#CECECE9b
  • keybindingLabel.background#E0E0E0fe
  • keybindingLabel.border#F6F6F6fe
  • keybindingLabel.bottomBorder#F6F6F6fe
  • keybindingLabel.foreground#585858ce
  • keybindingTable.headerBackground#E0E0E0fe
  • keybindingTable.rowsBackground#E0E0E0fe
  • list.activeSelectionBackground#9D8FA48c
  • list.activeSelectionForeground#414FB0ca
  • list.activeSelectionIconForeground#575757ca
  • list.deemphasizedForeground#585858ce
  • list.dropBackground#E0E0E0fe
  • list.errorForeground#9E009Ece
  • list.filterMatchBackground#E0E0E0fe
  • list.filterMatchBorder#F6F6F6fe
  • list.focusAndSelectionOutline#F7F6F500
  • list.focusBackground#CBCBCB96
  • list.focusForeground#2E76BDfe
  • list.focusHighlightForeground#449853fe
  • list.focusOutline#FAFAFA00
  • list.highlightForeground#7A3E98ca
  • list.hoverBackground#CFCFCF6e
  • list.hoverForeground#2E76BDfe
  • list.inactiveFocusBackground#CBCBCB9d
  • list.inactiveFocusOutline#F6F5F700
  • list.inactiveSelectionBackground#F2F2F2ae
  • list.inactiveSelectionForeground#41414165
  • list.inactiveSelectionIconForeground#49494965
  • list.invalidItemForeground#585858ce
  • list.warningForeground#6A5700ce
  • listFilterWidget.background#E0E0E0fe
  • listFilterWidget.noMatchesOutline#F5F5F700
  • listFilterWidget.outline#FAFAFA00
  • listFilterWidget.shadow#F5F7F500
  • menu.background#F2F2F2fe
  • menu.border#F7F5F600
  • menu.foreground#575757ae
  • menu.selectionBackground#6F738Aa7
  • menu.selectionBorder#F5F5F700
  • menu.selectionForeground#29537Efe
  • menu.separatorBackground#CFCFCF65
  • menubar.selectionBackground#6F738Aa9
  • menubar.selectionBorder#F7F5F600
  • menubar.selectionForeground#2C649Dfe
  • 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#D3D3D330
  • mergeEditor.conflict.input1.background#F6F6F6fe
  • mergeEditor.conflict.input2.background#F6F6F6fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067bd
  • mergeEditor.conflict.unhandledFocused.border#F6F6F6fe
  • mergeEditor.conflict.unhandledUnfocused.border#D8D8D838
  • 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#818181fe
  • minimapSlider.background#B9B9B9ae
  • minimapSlider.hoverBackground#CBCBCB6e
  • notebook.cellBorderColor#F6F6F6fe
  • notebook.cellEditorBackground#E0E0E0fe
  • notebook.cellHoverBackground#E0E0E0fe
  • notebook.cellInsertionIndicator#222222ca
  • notebook.cellStatusBarItemHoverBackground#E0E0E0fe
  • notebook.cellToolbarSeparator#1A1C16ca
  • notebook.editorBackground#E0E0E0fe
  • notebook.focusedCellBackground#E0E0E0fe
  • notebook.focusedCellBorder#2D69A5fe
  • notebook.focusedEditorBorder#F6F6F6fe
  • notebook.inactiveFocusedCellBorder#8A8A8A8e
  • notebook.inactiveSelectedCellBorder#8181818e
  • notebook.outputContainerBackgroundColor#E0E0E0fe
  • notebook.outputContainerBorderColor#F6F6F6fe
  • notebook.selectedCellBackground#E0E0E0fe
  • notebook.selectedCellBorder#F6F6F6fe
  • notebook.symbolHighlightBackground#E0E0E0fe
  • notebookEditorOverviewRuler.runningCellForeground#585858ce
  • notebookScrollbarSlider.activeBackground#8A8A8Afe
  • notebookScrollbarSlider.background#ADADADae
  • notebookScrollbarSlider.hoverBackground#C2C2C26e
  • notebookStatusErrorIcon.foreground#9E009Ece
  • notebookStatusRunningIcon.foreground#465494fe
  • 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#585858fe
  • 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#F7F6F500
  • panelTitle.activeForeground#1A87F9fe
  • panelTitle.inactiveForeground#4E4E4E65
  • peekView.border#458ADAfe
  • peekViewEditor.background#F6F6F6fe
  • peekViewEditor.matchHighlightBackground#B7ACA684
  • peekViewEditor.matchHighlightBorder#F5F7F500
  • peekViewEditorGutter.background#F6F6F6fe
  • peekViewEditorStickyScroll.background#E0E0E0fe
  • peekViewResult.background#F2F2F2fe
  • peekViewResult.fileForeground#585858ce
  • peekViewResult.lineForeground#585858ce
  • peekViewResult.matchHighlightBackground#989BAC8c
  • peekViewResult.selectionBackground#B3A1AA87
  • peekViewResult.selectionForeground#585858ca
  • peekViewTitle.background#F2F2F2fe
  • peekViewTitleDescription.foreground#585858ce
  • peekViewTitleLabel.foreground#585858ce
  • pickerGroup.border#F6F6F6fe
  • pickerGroup.foreground#585858ce
  • ports.iconRunningProcessForeground#414FB0fe
  • problemsErrorIcon.foreground#9E009Ece
  • problemsInfoIcon.foreground#511AFFce
  • problemsWarningIcon.foreground#6A5700ce
  • profileBadge.background#2B5C8Dfe
  • profileBadge.foreground#F2F2F2fe
  • progressBar.background#E0E0E0fe
  • quickInput.background#F2F2F2fe
  • quickInput.foreground#575757ae
  • quickInputList.focusBackground#B6BBABa5
  • quickInputList.focusForeground#29537Efe
  • quickInputList.focusIconForeground#2C649Dfe
  • quickInputTitle.background#F6F6F6fe
  • sash.hoverBorder#F6F6F6fe
  • scrollbar.shadow#F7F5F600
  • scrollbarSlider.activeBackground#8E8E8Efe
  • scrollbarSlider.background#A8A8A8ae
  • scrollbarSlider.hoverBackground#CFCFCF6e
  • search.resultsInfoForeground#585858ce
  • searchEditor.findMatchBackground#8F92A4a4
  • 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#B1A6B78a
  • 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#2E71B5fe
  • settings.textInputBackground#F6F6F6fe
  • settings.textInputBorder#F6F6F6fe
  • settings.textInputForeground#585858ce
  • sideBar.background#E0E0E0fe
  • sideBar.border#F6F6F6fe
  • sideBar.dropBackground#E0E0E0fe
  • sideBar.foreground#585858ae
  • sideBarSectionHeader.background#F6F7F500
  • 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#FEC1FEa5
  • 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#FEC1FEb1
  • statusBarItem.errorForeground#9E009Ece
  • statusBarItem.errorHoverBackground#FEC1FEc4
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFAFA00
  • statusBarItem.hoverBackground#F2F2F2fe
  • statusBarItem.hoverForeground#2C649Dfe
  • statusBarItem.offlineBackground#F2F2F2fe
  • statusBarItem.offlineForeground#585858ce
  • statusBarItem.offlineHoverBackground#F2F2F2fe
  • statusBarItem.offlineHoverForeground#2C649Dfe
  • statusBarItem.prominentBackground#F2F2F2fe
  • statusBarItem.prominentForeground#585858ce
  • statusBarItem.prominentHoverBackground#F2F2F2fe
  • statusBarItem.prominentHoverForeground#2B5C8Dfe
  • statusBarItem.remoteBackground#2A5885fe
  • statusBarItem.remoteForeground#F2F2F2fe
  • statusBarItem.remoteHoverBackground#F2F2F2fe
  • statusBarItem.remoteHoverForeground#284F76fe
  • statusBarItem.warningBackground#F6CB00fe
  • statusBarItem.warningForeground#6A5700ce
  • statusBarItem.warningHoverBackground#F6CB00fe
  • statusBarItem.warningHoverForeground#A08400ce
  • symbolIcon.arrayForeground#575757fe
  • symbolIcon.booleanForeground#006262ce
  • symbolIcon.classForeground#4350ABfe
  • symbolIcon.colorForeground#764589fe
  • symbolIcon.constantForeground#34613Cfe
  • symbolIcon.constructorForeground#575757fe
  • symbolIcon.enumeratorForeground#585858fe
  • symbolIcon.enumeratorMemberForeground#585858fe
  • symbolIcon.eventForeground#7B3C9Afe
  • symbolIcon.fieldForeground#7B3E93fe
  • symbolIcon.fileForeground#714F3Bfe
  • symbolIcon.folderForeground#793D97fe
  • symbolIcon.functionForeground#404FACfe
  • symbolIcon.interfaceForeground#774098fe
  • symbolIcon.keyForeground#575757fe
  • symbolIcon.keywordForeground#465494fe
  • symbolIcon.methodForeground#515B3Dfe
  • symbolIcon.moduleForeground#784E3Afe
  • symbolIcon.namespaceForeground#784E3Afe
  • symbolIcon.nullForeground#8B3C63fe
  • symbolIcon.numberForeground#4550ABfe
  • symbolIcon.objectForeground#404FACfe
  • symbolIcon.operatorForeground#8E3B64fe
  • symbolIcon.packageForeground#585858fe
  • symbolIcon.propertyForeground#3E5E44fe
  • symbolIcon.referenceForeground#585858fe
  • symbolIcon.snippetForeground#4D5A33fe
  • symbolIcon.stringForeground#575757fe
  • symbolIcon.structForeground#4F5D33fe
  • symbolIcon.textForeground#7B3E93fe
  • symbolIcon.typeParameterForeground#7B3E93fe
  • symbolIcon.unitForeground#505C3Afe
  • symbolIcon.variableForeground#585858fe
  • tab.activeBackground#EDEDEDfe
  • tab.activeBorder#F7F6F500
  • tab.activeBorderTop#3F8AD9fe
  • tab.activeForeground#3E8BD8fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F6F7F500
  • tab.hoverBackground#5757576e
  • tab.hoverBorder#F6F6F6fe
  • tab.hoverForeground#284F76fe
  • tab.inactiveBackground#CECECE95
  • tab.inactiveForeground#87878765
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F6F6F6fe
  • tab.unfocusedActiveBackground#D3D3D339
  • tab.unfocusedActiveBorder#F6F7F500
  • tab.unfocusedActiveBorderTop#CFCFCF65
  • tab.unfocusedActiveForeground#4E4E4E65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#5757576e
  • tab.unfocusedHoverBorder#D8D8D835
  • tab.unfocusedHoverForeground#88888865
  • tab.unfocusedInactiveBackground#C2C2C295
  • tab.unfocusedInactiveForeground#87878765
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#3333339e
  • 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#670067b0
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececead
  • 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#BEBEBE94
  • terminal.selectionBackground#A5AC9889
  • terminal.selectionForeground#4F5D33ca
  • terminal.tab.activeBorder#3B8BD6fe
  • terminalCommandDecoration.defaultBackground#575757a3
  • terminalCommandDecoration.errorBackground#B40000cb
  • terminalCommandDecoration.successBackground#17661Bcb
  • terminalCursor.background#E0E0E0fe
  • terminalCursor.foreground#2B5C8Dfe
  • terminalOverviewRuler.cursorForeground#585858ce
  • terminalOverviewRuler.findMatchForeground#006262ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a3
  • testing.iconUnset#8080809b
  • testing.message.error.decorationForeground#0A4580fe
  • testing.message.error.lineBackground#FEC1FEb2
  • testing.message.info.decorationForeground#094077fe
  • 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#2A5885fe
  • textLink.foreground#511AFFce
  • textPreformat.foreground#585858ce
  • textSeparator.foreground#585858ce
  • titleBar.activeBackground#F2F2F2fe
  • titleBar.activeForeground#888888ae
  • titleBar.border#F6F7F500
  • titleBar.inactiveBackground#D3D3D3d1
  • titleBar.inactiveForeground#49494965
  • toolbar.activeBackground#F1C2D88c
  • toolbar.hoverBackground#E0E0E0fe
  • toolbar.hoverOutline#F6F7F500
  • tree.inactiveIndentGuidesStroke#5B495235
  • tree.indentGuidesStroke#094077fe
  • 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#CECECE96

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#4E4E4E6e
comment.block.html#4E4E4E6e
comment.block.java#4C4C4C6e
comment.block.javadoc.java#4D4D4D6e
comment.block.powershell#4D4D4D6e
comment.block.xml#4E4E4E6e
comment.line.double-slash.c#4D4D4D6e
comment.line.double-slash.cpp#4C4C4C6e
comment.line.double-slash.java#4E4E4E6e
comment.line.double-slash.js#4C4C4C6e
comment.line.number-sign.makefile#4C4C4C6e
comment.line.number-sign.python#4D4D4D6e
comment.line.number-sign.yaml#4E4E4E6e
comment.line.percentage.erlang#4D4D4D6e
comment.line.powershell#4D4D4D6e
comment.source.cmake#4D4D4D6e
comment.source.cmakecache#4D4D4D6e
constant.character#84296Dde
constant.character.character-class.regexp#21533Dde
constant.character.escape#950772de
constant.character.set.regexp#195A0Ade
constant.language#223E5Ade
constant.numeric#0A5937de
constant.numeric.dec.python#8F2B2Bde
constant.other.caps.python#195B0Ade
constant.other.character-class.regexp#195B0Ade
constant.other.character-class.set.regexp#28517Bde
constant.other.color.rgb-value#832A6Cde
constant.other.placeholder#4C461Fde
constant.other.rgb-value#950972de
constant.regexp#215640de
constant.sha.git-rebase#84296Dde
emphasis#0A5937de
entity.name.class#5A2EBDde
entity.name.function#930B71de
entity.name.function.preprocessor#A00707de
entity.name.function.python#A20505de
entity.name.label#0B5936de
entity.name.namespace#582EB5de
entity.name.operator#84296Dde
entity.name.operator.custom-literal#582EB5de
entity.name.scope-resolution#930B70de
entity.name.tag#594F0Bde
entity.name.tag.css#0B4F93de
entity.name.type#950772debold
entity.name.variable#0B3E71de
entity.other.attribute#215640de
entity.other.attribute-name#1B3F2Fde
entity.other.attribute-name.class.css#534D21de
entity.other.attribute-name.class.mixin.css#285076de
entity.other.attribute-name.id#5A2EBCde
entity.other.attribute-name.id.css#5A2EBCde
entity.other.attribute-name.parent-selector.css#0B3E71de
entity.other.attribute-name.pseudo-class.css#093C6Dde
entity.other.attribute-name.pseudo-element.css#682557de
entity.other.attribute-name.scss#195B09de
entity.other.document.begin.yaml#4D4D4D6e
entity.other.inherited-class#8F2B2Bde
header#84296Dde
invalid#165A05de
keyword#0B4986debold
keyword.codetag.notation.python#8E2A2Adebold
keyword.control#84296Ddebold
keyword.control.anchor.regexp#0B5936debold
keyword.control.import.python#095A36debold
keyword.operator#A00707debold
keyword.operator.alignas#0B5937debold
keyword.operator.alignof#930A70debold
keyword.operator.cast#274B6Fdebold
keyword.operator.delete#285076debold
keyword.operator.documentation.powershell#4D4D4D6ebold
keyword.operator.expression#0A5836debold
keyword.operator.instanceof#0A3969debold
keyword.operator.logical.python#0B5A37debold
keyword.operator.minus.exponent#552DADdebold
keyword.operator.negation.regexp#522DA5debold
keyword.operator.new#940A71debold
keyword.operator.noexcept#0A3E73debold
keyword.operator.or.regexp#5A2EBDdebold
keyword.operator.plus.exponent#25451Ddebold
keyword.operator.quantifier.regexp#2A5321debold
keyword.operator.sizeof#84296Ddebold
keyword.operator.typeid#223E5Adebold
keyword.operator.wordlike#534D21debold
keyword.other.operator#8E2A2Adebold
keyword.other.package.java#254768debold
keyword.other.unit#582EBBdebold
keyword.other.using#0B4F93debold
markup.bold#832A6Cde
markup.changed#A20505de
markup.deleted#5A2EBCde
markup.fenced_code.block.markdown#1A5A0Bde
markup.heading#0B4986de
markup.inline.raw#852A6Fde
markup.inserted#5A2DBBde
markup.italic#5A2EBCde
markup.raw.block.markdown#0B4F93de
markup.strikethrough#4900E8de
markup.underline#093C6Dde
meta.block.c#582EBBde
meta.block.c#552DADde
meta.class.java#0A5A37de
meta.definition.variable.name#A10808de
meta.diff.header#594F07de
meta.embedded#594F0Ade
meta.embedded.assembly#0A5937de
meta.function-call.arguments.python#0A5937de
meta.function-call.python#8E2B2Bde
meta.member.access.python#5A2DBAde
meta.method.java#1B3F2Fde
meta.object-literal.key#0A5937de
meta.paragraph.markdown#552DADde
meta.preprocessor#274B6Fde
meta.preprocessor.numeric#534D21de
meta.preprocessor.string#4D05ECde
meta.scope.prerequisites.makefile#8D2B2Bde
meta.structure.dictionary.json.comments#4D4D4D6e
meta.structure.dictionary.key.python#584F09de
meta.structure.dictionary.value.json.comments#4C4C4C6e
meta.template.expression#762863de
meta.type.cast.expr#095533debold
meta.type.new.expr#0B4986debold
parameter#0B5A38de
punctuation.character.set.begin.regexp#0A5534de
punctuation.character.set.end.regexp#930A70de
punctuation.definition.array.begin.json#0B4681de
punctuation.definition.character-class.regexp#564F21de
punctuation.definition.comment#4C4C4C6e
punctuation.definition.comment.json.comments#4D4D4D6e
punctuation.definition.comment.python#4E4E4E6e
punctuation.definition.dictionary.begin.json#4D04EDde
punctuation.definition.dictionary.end.json#584F0Ade
punctuation.definition.group.assertion.regexp#852A6Fde
punctuation.definition.group.regexp#8E2A2Ade
punctuation.definition.list.begin.json#A20404de
punctuation.definition.list.begin.markdown#5A4F09de
punctuation.definition.list.begin.python#2B5721de
punctuation.definition.list.end.json#0A5836de
punctuation.definition.list.end.markdown#584E08de
punctuation.definition.list.end.python#8D2B2Bde
punctuation.definition.parameters.begin.python#213A53de
punctuation.definition.parameters.end.bracket.round.java#4D05ECde
punctuation.definition.quote.begin.markdown#1A5B0Ade
punctuation.definition.tag#4D04EDde
punctuation.definition.template-expression.begin#522DA5de
punctuation.definition.template-expression.end#584E0Bde
punctuation.section.class.begin.bracket.curly.java#19590Bde
punctuation.section.embedded#5A2DBAde
punctuation.section.embedded.begin.php#852A6Fde
punctuation.section.embedded.end.php#852A6Dde
punctuation.terminator.java#3F3A1Bde
source.cmake#594F0Bde
source.coffee.embedded#195B0Ade
source.cpp#244261de
source.css.less#8C2B2Bde
source.groovy.embedded#223F1Bde
source.java#762863de
source.java-properties#592EBAde
source.json.comments#4D4D4D6e
source.makefile#930A70de
source.powershell#093C6Dde
source.powershell.variable.other.member#0B5937de
source.python#45401Dde
storage#084429de
storage.modifier#185A09de
storage.modifier.import.java#8E2A2Ade
storage.modifier.package.java#1D4534de
storage.type#9F0707debold
storage.type.annotation.groovy#0B3E71debold
storage.type.annotation.java#5A2EBDdebold
storage.type.boolean.go#5A2DBAdebold
storage.type.byte.go#195B0Bdebold
storage.type.cs#584F0Adebold
storage.type.error.go#4C03ECdebold
storage.type.generic.cs#4900E8debold
storage.type.generic.groovy#285076debold
storage.type.generic.java#1B3F2Fdebold
storage.type.groovy#930A70debold
storage.type.java#1A5B0Adebold
storage.type.modifier.cs#1A590Bdebold
storage.type.numeric.go#285076debold
storage.type.object.array.groovy#175B08debold
storage.type.object.array.java#832A6Cdebold
storage.type.parameters.groovy#534D21debold
storage.type.primitive.array.groovy#1A590Bdebold
storage.type.primitive.array.java#564F21debold
storage.type.primitive.groovy#0B4F93debold
storage.type.primitive.java#522DA5debold
storage.type.rune.go#084F2Fdebold
storage.type.string.go#29507Bdebold
storage.type.token.java#1D4534debold
storage.type.uintptr.go#45401Ddebold
storage.type.variable.cs#592EBAdebold
string#274C1Fde
string.quoted.docstring.multi.python#4D4D4D6e
string.regexp#2B5721de
string.tag#594F07de
string.value#594F0Ade
strong#852A6Fde
support.class#0B5A37de
support.constant.color#552DADde
support.constant.dom#0A5937de
support.constant.font-name#1A5A0Bde
support.constant.handlebars#0B4986de
support.constant.json#7E2969de
support.constant.math#852A2Ade
support.constant.media#0B4F93de
support.constant.media-type#5A2EBDdebold
support.constant.property-value#0B4B8Cde
support.function#A10808de
support.function.git-rebase#1A5A0Bde
support.other.parenthesis.regexp#852A6Dde
support.type#930B71debold
support.type.property-name#0A5937debold
support.type.vendored.property-name#223F1Bdebold
support.variable#534D21de
token.debug-token#0B4B8Cde
token.error-token#594F06de
token.info-token#1A5B0Bde
token.warn-token#1A5B0Ade
variable#594F0Bde
variable.css#0A5937de
variable.language#0A5A37de
variable.language.wildcard.java#7E2929de
variable.other.constant#2B5721de
variable.other.definition.java#223F1Bde
variable.other.enummember#284F76de
variable.other.less#852A6Fde
variable.other.object.java#0B5936de
variable.other.object.property.java#0B4B8Cde
variable.parameter.c#950972de
variable.parameter.function.language.python#930B70de
variable.parameter.java#0A5A37de
variable.scss#6F2727de