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#181818fe
  • activityBar.activeBackground#181818fe
  • activityBar.activeBorder#08C667fe
  • activityBar.activeFocusBorder#38C47E00
  • activityBar.background#101010fe
  • activityBar.border#79B1EA00
  • activityBar.dropBorder#05C563fe
  • activityBar.foreground#06C766fe
  • activityBar.inactiveForeground#ADADAD65
  • activityBarBadge.background#0A8346fe
  • activityBarBadge.foreground#101010fe
  • badge.background#29C678fe
  • badge.foreground#101010fe
  • banner.background#181818fe
  • banner.foreground#E9E9E9ce
  • banner.iconForeground#BEBEBEfe
  • breadcrumb.activeSelectionForeground#DDDCD4ca
  • breadcrumb.background#121212fe
  • breadcrumb.focusForeground#29C678fe
  • breadcrumb.foreground#EAEAEAae
  • breadcrumbPicker.background#181818fe
  • button.background#474747ae
  • button.border#0B0B0B00
  • button.foreground#E9E9E9ce
  • button.hoverBackground#3A3A3Afe
  • button.secondaryBackground#181818fe
  • button.secondaryForeground#E9E9E9ce
  • button.secondaryHoverBackground#181818fe
  • button.separator#0B0B0B00
  • charts.blue#1b1bfffe
  • charts.foreground#E9E9E9ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c1
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0D0D0Dfe
  • chat.slashCommandBackground#181818fe
  • chat.slashCommandForeground#E9E9E9ce
  • checkbox.background#0D0D0Dfe
  • checkbox.border#0D0D0Dfe
  • checkbox.foreground#E9E9E9ce
  • checkbox.selectBackground#0D0D0Dfe
  • checkbox.selectBorder#0D0D0Dfe
  • commandCenter.activeBackground#0E2C4489
  • commandCenter.activeBorder#0D0D0Dfe
  • commandCenter.activeForeground#0A8D4Bfe
  • commandCenter.background#181818fe
  • commandCenter.border#0D0D0Dfe
  • commandCenter.foreground#E9E9E9ce
  • commandCenter.inactiveBorder#2A2A2A91
  • commandCenter.inactiveForeground#ADADAD65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0F0E0B00
  • contrastBorder#0B0B0B00
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#E9E9E9ce
  • debugConsole.sourceForeground#E9E9E9ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#D4D9DDfe
  • debugExceptionWidget.background#670067b0
  • debugExceptionWidget.border#0D0D0Dfe
  • debugIcon.breakpointCurrentStackframeForeground#DFE5DDfe
  • debugIcon.breakpointDisabledForeground#EBEBEB65
  • debugIcon.breakpointForeground#CFCFCFfe
  • debugIcon.breakpointStackframeForeground#B7C0C7fe
  • debugIcon.breakpointUnverifiedForeground#CFDAD5fe
  • debugIcon.continueForeground#DBE1D9fe
  • debugIcon.disconnectForeground#E2E8E6fe
  • debugIcon.pauseForeground#D9DDE1fe
  • debugIcon.restartForeground#D4D4D4fe
  • debugIcon.startForeground#C1C9CFfe
  • debugIcon.stepBackForeground#DFE5DDfe
  • debugIcon.stepIntoForeground#C9C6D2fe
  • debugIcon.stepOutForeground#B3BCC4fe
  • debugIcon.stepOverForeground#DDE2E5fe
  • debugIcon.stopForeground#C9D2C6fe
  • debugTokenExpression.boolean#CFCFCFca
  • debugTokenExpression.error#D7DDD4ca
  • debugTokenExpression.name#DAD8CFca
  • debugTokenExpression.number#E1E1E1ca
  • debugTokenExpression.value#DBE1D9ca
  • debugToolBar.background#670067c3
  • debugToolBar.border#0D0D0Dfe
  • debugView.exceptionLabelBackground#1E2C38ca
  • debugView.exceptionLabelForeground#D4D4D4ca
  • debugView.stateLabelBackground#302448ca
  • debugView.stateLabelForeground#D8D8D8ca
  • debugView.valueChangedHighlight#D8D8D8ca
  • descriptionForeground#E9E9E9ce
  • diffEditor.border#0B0B0B00
  • diffEditor.diagonalFill#000000ee
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#0C0B0F00
  • diffEditor.move.border#0C0F0B00
  • diffEditor.moveActive.border#0C0B0F00
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#0B0B0B00
  • diffEditor.unchangedCodeBackground#181818fe
  • diffEditor.unchangedRegionBackground#181818fe
  • diffEditor.unchangedRegionForeground#E9E9E9ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#EBEBEB65
  • dropdown.background#0D0D0Dfe
  • dropdown.border#0D0D0Dfe
  • dropdown.foreground#E9E9E9ce
  • dropdown.listBackground#0D0D0Dfe
  • editor.background#181818fe
  • editor.findMatchBackground#5C5947a4
  • editor.findMatchBorder#0D0D0Dfe
  • editor.findMatchHighlightBackground#5C5947a9
  • editor.findMatchHighlightBorder#0D0D0Dfe
  • editor.findRangeHighlightBackground#514B61ac
  • editor.findRangeHighlightBorder#0D0D0Dfe
  • editor.focusedStackFrameHighlightBackground#624B9F85
  • editor.foldBackground#BDF8DEa7
  • editor.foreground#E9E9E9ce
  • editor.hoverHighlightBackground#6A6752ab
  • editor.inactiveSelectionBackground#5A5A5A96
  • editor.inlineValuesBackground#181818fe
  • editor.inlineValuesForeground#E9E9E9ce
  • editor.lineHighlightBackground#2D2D2Db4
  • editor.lineHighlightBorder#0B0D0F00
  • editor.linkedEditingBackground#181818fe
  • editor.rangeHighlightBackground#6750A7a9
  • editor.rangeHighlightBorder#0D0D0Dfe
  • editor.selectionBackground#767676a6
  • editor.selectionForeground#D7DDD4ca
  • editor.selectionHighlightBackground#5C5C5C8c
  • editor.selectionHighlightBorder#0D0D0Dfe
  • editor.snippetFinalTabstopHighlightBackground#6F6F6Fae
  • editor.snippetFinalTabstopHighlightBorder#0D0D0Dfe
  • editor.snippetTabstopHighlightBackground#52606Aa7
  • editor.snippetTabstopHighlightBorder#0D0D0Dfe
  • editor.stackFrameHighlightBackground#4B4B4Ba5
  • editor.symbolHighlightBackground#44574Fab
  • editor.symbolHighlightBorder#0D0D0Dfe
  • editor.wordHighlightBackground#6B6B6Ba3
  • editor.wordHighlightBorder#0B0F0D00
  • editor.wordHighlightStrongBackground#51614Ba2
  • editor.wordHighlightStrongBorder#0B0B0B00
  • editor.wordHighlightTextBackground#414E3Ca3
  • editor.wordHighlightTextBorder#0B0B0B00
  • editorBracketHighlight.foreground1#F6F6F6ce
  • editorBracketHighlight.foreground2#F6F6F6ce
  • editorBracketHighlight.foreground3#F6F6F6ce
  • editorBracketHighlight.foreground4#F6F6F6ce
  • editorBracketHighlight.foreground5#F6F6F6ce
  • editorBracketHighlight.foreground6#F6F6F6ce
  • editorBracketHighlight.unexpectedBracket.foreground#E9E9E9ce
  • editorBracketMatch.background#D8EDFDac
  • editorBracketMatch.border#0D0D0Dfe
  • editorBracketPairGuide.activeBackground1#CCF8BC87
  • editorBracketPairGuide.activeBackground2#CDF7BC84
  • editorBracketPairGuide.activeBackground3#EBEBEB86
  • editorBracketPairGuide.activeBackground4#BEF8E08a
  • editorBracketPairGuide.activeBackground5#BEF8E081
  • editorBracketPairGuide.activeBackground6#EBEBEB8d
  • editorBracketPairGuide.background1#2E244Dfe
  • editorBracketPairGuide.background2#1C2A34fe
  • editorBracketPairGuide.background3#302348fe
  • editorBracketPairGuide.background4#2A2A2Afe
  • editorBracketPairGuide.background5#2A2A2Afe
  • editorBracketPairGuide.background6#1A2E25fe
  • editorCodeLens.foreground#EBEBEB6e
  • editorCommentsWidget.rangeActiveBackground#EAEAEAfe
  • editorCommentsWidget.rangeBackground#181818fe
  • editorCommentsWidget.resolvedBorder#0D0D0Dfe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#181818fe
  • editorCursor.foreground#0A8B4Afe
  • editorError.background#0B0F0D00
  • editorError.border#0B0B0B00
  • editorError.foreground#b400b4ce
  • editorGhostText.background#181818fe
  • editorGhostText.border#0B0F0D00
  • editorGhostText.foreground#EBEBEB6e
  • editorGroup.border#0D0D0Dfe
  • editorGroup.dropBackground#181818fe
  • editorGroup.dropIntoPromptBackground#181818fe
  • editorGroup.dropIntoPromptBorder#0D0D0Dfe
  • editorGroup.dropIntoPromptForeground#E9E9E9ce
  • editorGroup.emptyBackground#181818fe
  • editorGroup.focusedEmptyBorder#0D0D0Dfe
  • editorGroupHeader.border#0C0B0F00
  • editorGroupHeader.noTabsBackground#101010ae
  • editorGroupHeader.tabsBackground#181818a1
  • editorGroupHeader.tabsBorder#0B0F0D00
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#181818fe
  • editorGutter.commentGlyphForeground#E9E9E9ce
  • editorGutter.commentRangeForeground#E9E9E9ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#E9E9E9ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0B0D0F00
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#0D0D0Dfe
  • editorHoverWidget.border#0D0D0Dfe
  • editorHoverWidget.foreground#E9E9E9ce
  • editorHoverWidget.highlightForeground#D4DDD9ca
  • editorHoverWidget.statusBarBackground#181818fe
  • editorIndentGuide.activeBackground1#EBEBEBfe
  • editorIndentGuide.activeBackground2#EBEBEBfe
  • editorIndentGuide.activeBackground3#EAEAEAfe
  • editorIndentGuide.activeBackground4#EBEBEBfe
  • editorIndentGuide.activeBackground5#EBEBEBfe
  • editorIndentGuide.activeBackground6#EAEAEAfe
  • editorIndentGuide.background1#C4C1B335
  • editorIndentGuide.background2#A4B9B035
  • editorIndentGuide.background3#B3C4BC35
  • editorIndentGuide.background4#A19BB135
  • editorIndentGuide.background5#BCBAA935
  • editorIndentGuide.background6#A4B0B935
  • editorInfo.background#0B0F0D00
  • editorInfo.border#0C0F0B00
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#181818fe
  • editorInlayHint.foreground#E9E9E9ce
  • editorInlayHint.parameterBackground#181818fe
  • editorInlayHint.parameterForeground#E9E9E9ce
  • editorInlayHint.typeBackground#181818fe
  • editorInlayHint.typeForeground#E9E9E9ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#0A8346fe
  • editorLineNumber.dimmedForeground#EBEBEB6e
  • editorLineNumber.foreground#EBEBEB6e
  • editorLink.activeForeground#09BF63fe
  • editorMarkerNavigation.background#0D0D0Dfe
  • editorMarkerNavigationError.background#670067c7
  • editorMarkerNavigationError.headerBackground#670067ca
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#181818fe
  • editorOverviewRuler.border#2A2A2Afe
  • editorOverviewRuler.bracketMatchForeground#E9E9E9ce
  • editorOverviewRuler.commentForeground#EBEBEB6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E9E9E9ce
  • editorOverviewRuler.currentContentForeground#cecece9e
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#DFE5DDca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D7DDD4ca
  • editorOverviewRuler.wordHighlightStrongForeground#E9E9E9ce
  • editorOverviewRuler.wordHighlightTextForeground#E9E9E9ce
  • editorPane.background#181818fe
  • editorRuler.foreground#EAEAEA3b
  • editorStickyScroll.background#181818fe
  • editorStickyScroll.shadow#0B0F0D00
  • editorStickyScrollHover.background#2A2A2Afe
  • editorSuggestWidget.background#0D0D0Dfe
  • editorSuggestWidget.border#0C0F0B00
  • editorSuggestWidget.focusHighlightForeground#ADADADfe
  • editorSuggestWidget.foreground#BEBEBEfe
  • editorSuggestWidget.highlightForeground#CAD1D6ca
  • editorSuggestWidget.selectedBackground#444F5789
  • editorSuggestWidget.selectedForeground#DCDCDCca
  • editorSuggestWidget.selectedIconForeground#E2E8E6ca
  • editorSuggestWidgetStatus.foreground#CBCBCBfe
  • editorUnicodeHighlight.background#585858ab
  • editorUnicodeHighlight.border#0D0D0Dfe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0C0B0F00
  • editorWarning.border#0B0D0F00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E9E9E9ce
  • editorWidget.background#0D0D0Dfe
  • editorWidget.border#0D0D0Dfe
  • editorWidget.foreground#E9E9E9ce
  • editorWidget.resizeBorder#0D0D0Dfe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#0A9E54fe
  • extensionBadge.remoteForeground#101010fe
  • extensionButton.background#2A2A2Aae
  • extensionButton.foreground#E9E9E9ce
  • extensionButton.hoverBackground#2A2A2Afe
  • extensionButton.prominentBackground#181818fe
  • extensionButton.prominentForeground#E9E9E9ce
  • extensionButton.prominentHoverBackground#181818fe
  • extensionButton.separator#0C0B0F00
  • extensionIcon.preReleaseForeground#C6CDD2fe
  • extensionIcon.sponsorForeground#D4D4D4fe
  • extensionIcon.starForeground#DCDCDCfe
  • extensionIcon.verifiedForeground#E1E1E1fe
  • focusBorder#0B0B0B00
  • foreground#E9E9E9ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#EBEBEBae
  • inlineChat.background#292929ca
  • inlineChat.border#1F2D1Aca
  • inlineChat.regionHighlight#E5E4DDca
  • inlineChat.shadow#E4E8E2ca
  • inlineChatDiff.inserted#D9DDE1ca
  • inlineChatDiff.removed#DFDDE5ca
  • inlineChatInput.background#DBE1D9ca
  • inlineChatInput.border#2C2A1Aca
  • inlineChatInput.focusBorder#0B0B0B00
  • inlineChatInput.placeholderForeground#D2DACFca
  • input.background#0D0D0Dfe
  • input.border#0D0D0Dfe
  • input.foreground#E9E9E9ce
  • input.placeholderForeground#EBEBEB65
  • inputOption.activeBackground#0D0D0Dfe
  • inputOption.activeBorder#0D0D0Dfe
  • inputOption.activeForeground#09C166fe
  • inputOption.hoverBackground#0D0D0Dfe
  • inputValidation.errorBackground#670067a5
  • inputValidation.errorBorder#670067c0
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0D0D0Dfe
  • inputValidation.infoForeground#E9E9E9ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0D0D0Dfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0D0D0Dfe
  • interactive.inactiveCodeBorder#29292993
  • keybindingLabel.background#181818fe
  • keybindingLabel.border#0D0D0Dfe
  • keybindingLabel.bottomBorder#0D0D0Dfe
  • keybindingLabel.foreground#E9E9E9ce
  • keybindingTable.headerBackground#181818fe
  • keybindingTable.rowsBackground#181818fe
  • list.activeSelectionBackground#56646F88
  • list.activeSelectionForeground#E5E4DDca
  • list.activeSelectionIconForeground#D9DDE1ca
  • list.deemphasizedForeground#E9E9E9ce
  • list.dropBackground#181818fe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#181818fe
  • list.filterMatchBorder#0D0D0Dfe
  • list.focusAndSelectionOutline#0C0F0B00
  • list.focusBackground#5A5A5A97
  • list.focusForeground#0A8346fe
  • list.focusHighlightForeground#ADADADfe
  • list.focusOutline#0B0B0B00
  • list.highlightForeground#E1E0D9ca
  • list.hoverBackground#2A2A2Afe
  • list.hoverForeground#0A9A52fe
  • list.inactiveFocusBackground#2D2D2D9d
  • list.inactiveFocusOutline#0B0F0D00
  • list.inactiveSelectionBackground#101010ae
  • list.inactiveSelectionForeground#EBEBEB65
  • list.inactiveSelectionIconForeground#EBEBEB65
  • list.invalidItemForeground#E9E9E9ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#181818fe
  • listFilterWidget.noMatchesOutline#0B0B0B00
  • listFilterWidget.outline#0C0B0F00
  • listFilterWidget.shadow#0C0F0B00
  • menu.background#101010fe
  • menu.border#0B0B0B00
  • menu.foreground#EAEAEAae
  • menu.selectionBackground#585858a3
  • menu.selectionBorder#0C0F0B00
  • menu.selectionForeground#0A8346fe
  • menu.separatorBackground#29292965
  • menubar.selectionBackground#585858a6
  • menubar.selectionBorder#0C0F0B00
  • menubar.selectionForeground#0A9E54fe
  • merge.border#0D0D0Dfe
  • merge.commonContentBackground#181818fe
  • merge.commonHeaderBackground#181818fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#181818fe
  • mergeEditor.change.word.background#181818fe
  • mergeEditor.changeBase.background#181818fe
  • mergeEditor.changeBase.word.background#181818fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0D0D0Dfe
  • mergeEditor.conflict.handledUnfocused.border#1C1C1C28
  • mergeEditor.conflict.input1.background#0D0D0Dfe
  • mergeEditor.conflict.input2.background#0D0D0Dfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067bf
  • mergeEditor.conflict.unhandledFocused.border#0D0D0Dfe
  • mergeEditor.conflict.unhandledUnfocused.border#20202031
  • mergeEditor.conflictingLines.background#181818fe
  • minimap.background#181818fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F6F6F6ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#767676fe
  • minimapSlider.background#474747ae
  • minimapSlider.hoverBackground#3A3A3Afe
  • notebook.cellBorderColor#0D0D0Dfe
  • notebook.cellEditorBackground#181818fe
  • notebook.cellHoverBackground#181818fe
  • notebook.cellInsertionIndicator#DBD9E1ca
  • notebook.cellStatusBarItemHoverBackground#181818fe
  • notebook.cellToolbarSeparator#E2E8E6ca
  • notebook.editorBackground#181818fe
  • notebook.focusedCellBackground#181818fe
  • notebook.focusedCellBorder#09BF63fe
  • notebook.focusedEditorBorder#0D0D0Dfe
  • notebook.inactiveFocusedCellBorder#6D6D6D8e
  • notebook.inactiveSelectedCellBorder#6464648e
  • notebook.outputContainerBackgroundColor#181818fe
  • notebook.outputContainerBorderColor#0D0D0Dfe
  • notebook.selectedCellBackground#181818fe
  • notebook.selectedCellBorder#0D0D0Dfe
  • notebook.symbolHighlightBackground#181818fe
  • notebookEditorOverviewRuler.runningCellForeground#E9E9E9ce
  • notebookScrollbarSlider.activeBackground#6D6D6Dfe
  • notebookScrollbarSlider.background#424242ae
  • notebookScrollbarSlider.hoverBackground#424242fe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#B3BCC4fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0D0D0Dfe
  • notificationCenterHeader.background#181818fe
  • notificationCenterHeader.foreground#E9E9E9ce
  • notificationLink.foreground#E9E9E9ce
  • notifications.background#181818fe
  • notifications.border#0D0D0Dfe
  • notifications.foreground#E9E9E9ce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#CFD5DAfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0D0D0Dfe
  • panel.background#181818fe
  • panel.border#0D0D0Dfe
  • panel.dropBorder#0D0D0Dfe
  • panelInput.border#0D0D0Dfe
  • panelSection.border#0D0D0Dfe
  • panelSection.dropBackground#181818fe
  • panelSectionHeader.background#181818fe
  • panelSectionHeader.border#0D0D0Dfe
  • panelSectionHeader.foreground#E9E9E9ce
  • panelTitle.activeBorder#0C0B0F00
  • panelTitle.activeForeground#05C465fe
  • panelTitle.inactiveForeground#ADADAD65
  • peekView.border#05C464fe
  • peekViewEditor.background#0D0D0Dfe
  • peekViewEditor.matchHighlightBackground#53504085
  • peekViewEditor.matchHighlightBorder#0B0D0F00
  • peekViewEditorGutter.background#0D0D0Dfe
  • peekViewEditorStickyScroll.background#181818fe
  • peekViewResult.background#101010fe
  • peekViewResult.fileForeground#E9E9E9ce
  • peekViewResult.lineForeground#E9E9E9ce
  • peekViewResult.matchHighlightBackground#65656583
  • peekViewResult.selectionBackground#51614B81
  • peekViewResult.selectionForeground#DCDCDCca
  • peekViewTitle.background#101010fe
  • peekViewTitleDescription.foreground#E9E9E9ce
  • peekViewTitleLabel.foreground#E9E9E9ce
  • pickerGroup.border#0D0D0Dfe
  • pickerGroup.foreground#E9E9E9ce
  • ports.iconRunningProcessForeground#BEBEBEfe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#0A924Efe
  • profileBadge.foreground#101010fe
  • progressBar.background#181818fe
  • quickInput.background#101010fe
  • quickInput.foreground#EAEAEAae
  • quickInputList.focusBackground#4B4B4Ba7
  • quickInputList.focusForeground#0A9A52fe
  • quickInputList.focusIconForeground#09C166fe
  • quickInputTitle.background#0D0D0Dfe
  • sash.hoverBorder#0D0D0Dfe
  • scrollbar.shadow#0B0B0B00
  • scrollbarSlider.activeBackground#696969fe
  • scrollbarSlider.background#474747ae
  • scrollbarSlider.hoverBackground#3A3A3Afe
  • search.resultsInfoForeground#E9E9E9ce
  • searchEditor.findMatchBackground#544A70a3
  • searchEditor.findMatchBorder#0D0D0Dfe
  • searchEditor.textInputBorder#0D0D0Dfe
  • selection.background#181818fe
  • settings.checkboxBackground#0D0D0Dfe
  • settings.checkboxBorder#0D0D0Dfe
  • settings.checkboxForeground#E9E9E9ce
  • settings.dropdownBackground#0D0D0Dfe
  • settings.dropdownBorder#0D0D0Dfe
  • settings.dropdownForeground#E9E9E9ce
  • settings.dropdownListBorder#0D0D0Dfe
  • settings.focusedRowBackground#53504085
  • settings.focusedRowBorder#0D0D0Dfe
  • settings.headerBorder#0D0D0Dfe
  • settings.headerForeground#E9E9E9ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0D0D0Dfe
  • settings.numberInputBorder#0D0D0Dfe
  • settings.numberInputForeground#E9E9E9ce
  • settings.rowHoverBackground#181818fe
  • settings.sashBorder#0D0D0Dfe
  • settings.settingsHeaderHoverForeground#09C166fe
  • settings.textInputBackground#0D0D0Dfe
  • settings.textInputBorder#0D0D0Dfe
  • settings.textInputForeground#E9E9E9ce
  • sideBar.background#181818fe
  • sideBar.border#0D0D0Dfe
  • sideBar.dropBackground#181818fe
  • sideBar.foreground#EBEBEBae
  • sideBarSectionHeader.background#0B0B0B00
  • sideBarSectionHeader.border#0D0D0Dfe
  • sideBarSectionHeader.foreground#E9E9E9ce
  • sideBarTitle.foreground#E9E9E9ce
  • sideBySideEditor.horizontalBorder#0D0D0Dfe
  • sideBySideEditor.verticalBorder#0D0D0Dfe
  • simpleFindWidget.sashBorder#0D0D0Dfe
  • statusBar.background#101010fe
  • statusBar.border#0D0D0Dfe
  • statusBar.debuggingBackground#670067bb
  • statusBar.debuggingBorder#0D0D0Dfe
  • statusBar.debuggingForeground#E9E9E9ce
  • statusBar.focusBorder#0B0B0B00
  • statusBar.foreground#EBEBEB6e
  • statusBar.noFolderBackground#101010fe
  • statusBar.noFolderBorder#0D0D0Dfe
  • statusBar.noFolderForeground#E9E9E9ce
  • statusBarItem.activeBackground#101010fe
  • statusBarItem.compactHoverBackground#101010fe
  • statusBarItem.errorBackground#670067c7
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067bb
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0C0F0B00
  • statusBarItem.hoverBackground#101010fe
  • statusBarItem.hoverForeground#29C678fe
  • statusBarItem.offlineBackground#101010fe
  • statusBarItem.offlineForeground#E9E9E9ce
  • statusBarItem.offlineHoverBackground#101010fe
  • statusBarItem.offlineHoverForeground#0A924Efe
  • statusBarItem.prominentBackground#101010fe
  • statusBarItem.prominentForeground#E9E9E9ce
  • statusBarItem.prominentHoverBackground#101010fe
  • statusBarItem.prominentHoverForeground#0A9A52fe
  • statusBarItem.remoteBackground#29C678fe
  • statusBarItem.remoteForeground#101010fe
  • statusBarItem.remoteHoverBackground#101010fe
  • statusBarItem.remoteHoverForeground#0A8346fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#B7C7C0fe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#CBCBCBfe
  • symbolIcon.colorForeground#DFE5DDfe
  • symbolIcon.constantForeground#BCCBC5fe
  • symbolIcon.constructorForeground#C3C3C3fe
  • symbolIcon.enumeratorForeground#D7D4DDfe
  • symbolIcon.enumeratorMemberForeground#C0BCCBfe
  • symbolIcon.eventForeground#BABABAfe
  • symbolIcon.fieldForeground#CBCBCBfe
  • symbolIcon.fileForeground#D7D4DDfe
  • symbolIcon.folderForeground#C6D2CDfe
  • symbolIcon.functionForeground#D2D1C6fe
  • symbolIcon.interfaceForeground#DDDCD4fe
  • symbolIcon.keyForeground#E1E1E1fe
  • symbolIcon.keywordForeground#C6CDD2fe
  • symbolIcon.methodForeground#DFE5DDfe
  • symbolIcon.moduleForeground#DCDCDCfe
  • symbolIcon.namespaceForeground#C7C7C7fe
  • symbolIcon.nullForeground#E4E2E8fe
  • symbolIcon.numberForeground#E2E8E6fe
  • symbolIcon.objectForeground#BCCBC5fe
  • symbolIcon.operatorForeground#D8D8D8fe
  • symbolIcon.packageForeground#C3C3C3fe
  • symbolIcon.propertyForeground#D4D4D4fe
  • symbolIcon.referenceForeground#C5C1CFfe
  • symbolIcon.snippetForeground#D4DDD9fe
  • symbolIcon.stringForeground#DBD9E1fe
  • symbolIcon.structForeground#BCC5CBfe
  • symbolIcon.textForeground#B7C0C7fe
  • symbolIcon.typeParameterForeground#BEBEBEfe
  • symbolIcon.unitForeground#DBD9E1fe
  • symbolIcon.variableForeground#B3BCC4fe
  • tab.activeBackground#121212fe
  • tab.activeBorder#0F0E0B00
  • tab.activeBorderTop#08C667fe
  • tab.activeForeground#05C464fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#0C0F0B00
  • tab.hoverBackground#EBEBEBfe
  • tab.hoverBorder#0D0D0Dfe
  • tab.hoverForeground#0A8D4Bfe
  • tab.inactiveBackground#2A2A2A94
  • tab.inactiveForeground#A5A5A565
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#0D0D0Dfe
  • tab.unfocusedActiveBackground#20202034
  • tab.unfocusedActiveBorder#0C0F0B00
  • tab.unfocusedActiveBorderTop#29292965
  • tab.unfocusedActiveForeground#A5A5A565
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#EAEAEAfe
  • tab.unfocusedHoverBorder#2020202b
  • tab.unfocusedHoverForeground#A9A9A965
  • tab.unfocusedInactiveBackground#2929299e
  • tab.unfocusedInactiveForeground#ADADAD65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a6
  • 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#670067a7
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececebe
  • terminal.ansiYellow#c4a200fe
  • terminal.background#181818fe
  • terminal.border#0D0D0Dfe
  • terminal.dropBackground#181818fe
  • terminal.findMatchBackground#181818fe
  • terminal.findMatchBorder#0D0D0Dfe
  • terminal.findMatchHighlightBackground#181818fe
  • terminal.findMatchHighlightBorder#0D0D0Dfe
  • terminal.foreground#EBEBEBae
  • terminal.hoverHighlightBackground#181818fe
  • terminal.inactiveSelectionBackground#31313192
  • terminal.selectionBackground#62626286
  • terminal.selectionForeground#DFE5DDca
  • terminal.tab.activeBorder#05C563fe
  • terminalCommandDecoration.defaultBackground#C0F7E0a7
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#181818fe
  • terminalCursor.foreground#0A924Efe
  • terminalOverviewRuler.cursorForeground#E9E9E9ce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0bd
  • testing.iconUnset#80808099
  • testing.message.error.decorationForeground#B4FBD7fe
  • testing.message.error.lineBackground#670067c7
  • testing.message.info.decorationForeground#B4FBD7fe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#0D0D0Dfe
  • testing.peekHeaderBackground#181818fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#181818fe
  • textBlockQuote.border#0D0D0Dfe
  • textCodeBlock.background#181818fe
  • textLink.activeForeground#0A9E54fe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#E9E9E9ce
  • textSeparator.foreground#E9E9E9ce
  • titleBar.activeBackground#101010fe
  • titleBar.activeForeground#ACACACae
  • titleBar.border#0B0F0D00
  • titleBar.inactiveBackground#1C1C1Cd9
  • titleBar.inactiveForeground#A5A5A565
  • toolbar.activeBackground#2A2A2A8d
  • toolbar.hoverBackground#181818fe
  • toolbar.hoverOutline#0B0F0D00
  • tree.inactiveIndentGuidesStroke#B7C4B335
  • tree.indentGuidesStroke#2BD680fe
  • tree.tableColumnsBorder#0D0D0Dfe
  • tree.tableOddRowsBackground#181818fe
  • walkThrough.embeddedEditorBackground#181818fe
  • walkthrough.stepTitle.foreground#E9E9E9ce
  • welcomePage.background#181818fe
  • welcomePage.progress.background#181818fe
  • welcomePage.progress.foreground#E9E9E9ce
  • welcomePage.tileBackground#181818fe
  • welcomePage.tileBorder#0D0D0Dfe
  • welcomePage.tileHoverBackground#181818fe
  • widget.border#0D0D0Dfe
  • widget.shadow#0B0D0F00
  • window.activeBorder#0D0D0Dfe
  • window.inactiveBorder#24242492

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#B4B4B46e
comment.block.html#BCBCBC6e
comment.block.java#B8B8B86e
comment.block.javadoc.java#A5A5A56e
comment.block.powershell#B4B4B46e
comment.block.xml#C0C0C06e
comment.line.double-slash.c#BABABA6e
comment.line.double-slash.cpp#A9A9A96e
comment.line.double-slash.java#AAAAAA6e
comment.line.double-slash.js#BCBCBC6e
comment.line.number-sign.makefile#A8A8A86e
comment.line.number-sign.python#C2C2C26e
comment.line.number-sign.yaml#B1B1B16e
comment.line.percentage.erlang#A9A9A96e
comment.line.powershell#BCBCBC6e
comment.source.cmake#B3B3B36e
comment.source.cmakecache#C0C0C06e
constant.character#89C9F3de
constant.character.character-class.regexp#B6A0F8de
constant.character.escape#07C968de
constant.character.set.regexp#61BE29de
constant.language#07D66Ede
constant.numeric#4FC708de
constant.numeric.dec.python#73BCEEde
constant.other.caps.python#36DB89de
constant.other.character-class.regexp#6CB9ECde
constant.other.character-class.set.regexp#F27DE3de
constant.other.color.rgb-value#6BD72Bde
constant.other.placeholder#4EC407de
constant.other.rgb-value#F58E94de
constant.regexp#F280E4de
constant.sha.git-rebase#7AC0F0de
emphasis#C9B8FBde
entity.name.class#F58DE8de
entity.name.function#65B5EAde
entity.name.function.preprocessor#C3B1FAde
entity.name.function.python#F69399de
entity.name.label#D3A929de
entity.name.namespace#CE9D08de
entity.name.operator#E3BC49de
entity.name.operator.custom-literal#F590E8de
entity.name.scope-resolution#6BB8ECde
entity.name.tag#F89DECde
entity.name.tag.css#BAA5F9de
entity.name.type#F9A5AAde
entity.name.variable#F8A0A5de
entity.other.attribute#C9B8FBde
entity.other.attribute-name#F281E4de
entity.other.attribute-name.class.css#F89DECde
entity.other.attribute-name.class.mixin.css#F79BEBde
entity.other.attribute-name.id#F694EAde
entity.other.attribute-name.id.css#DBB237de
entity.other.attribute-name.parent-selector.css#56DA07de
entity.other.attribute-name.pseudo-class.css#67B6EBde
entity.other.attribute-name.pseudo-element.css#2AD681de
entity.other.attribute-name.scss#E2BB45de
entity.other.document.begin.yaml#A7A7A76e
entity.other.inherited-class#C7B6FBde
header#F8A1A6de
invalid#08CE6Bde
keyword#58ADE6de
keyword.codetag.notation.python#E3BC49de
keyword.control#B19AF7de
keyword.control.anchor.regexp#6AB7EBde
keyword.control.import.python#F7989Ede
keyword.operator#C0ADFAde
keyword.operator.alignas#63B3E9de
keyword.operator.alignof#7AC0F0de
keyword.operator.cast#F48B91de
keyword.operator.delete#08D970de
keyword.operator.documentation.powershell#A4A4A46e
keyword.operator.expression#B8A3F8de
keyword.operator.instanceof#EEB407de
keyword.operator.logical.python#6BB9ECde
keyword.operator.minus.exponent#29CF7Cde
keyword.operator.negation.regexp#53CE08de
keyword.operator.new#80C4F2de
keyword.operator.noexcept#C4B2FAde
keyword.operator.or.regexp#C69F29de
keyword.operator.plus.exponent#07DC72de
keyword.operator.quantifier.regexp#6BD62Bde
keyword.operator.sizeof#58ADE6de
keyword.operator.typeid#F79CA1de
keyword.operator.wordlike#F488E6de
keyword.other.operator#65CB28de
keyword.other.package.java#29BE73de
keyword.other.unit#55ABE5de
keyword.other.using#F58E95de
markup.bold#4CBE08de
markup.changed#6DB9ECde
markup.deleted#29C678de
markup.fenced_code.block.markdown#AE96F7de
markup.heading#37DB89de
markup.inline.raw#F58EE8de
markup.inserted#C5B4FBde
markup.italic#4EC208de
markup.raw.block.markdown#C4B2FAde
markup.strikethrough#C5B4FBde
markup.underline#B19AF7de
meta.block.c#F17BE2de
meta.block.c#50C508de
meta.class.java#2BD680de
meta.definition.variable.name#55D806de
meta.diff.header#74BDEFde
meta.embedded#DEB63Dde
meta.embedded.assembly#F48B91de
meta.function-call.arguments.python#D6AB2Bde
meta.function-call.python#F59096de
meta.member.access.python#C69F29de
meta.method.java#D19F08de
meta.object-literal.key#06D86Fde
meta.paragraph.markdown#4EC308de
meta.preprocessor#D6AB2Bde
meta.preprocessor.numeric#06DC70de
meta.preprocessor.string#F0B606de
meta.scope.prerequisites.makefile#CFA529de
meta.structure.dictionary.json.comments#A3A3A36e
meta.structure.dictionary.key.python#70D931de
meta.structure.dictionary.value.json.comments#A4A4A46e
meta.template.expression#09BF63de
meta.type.cast.expr#73BDEEde
meta.type.new.expr#88C8F3de
parameter#67CF29de
punctuation.character.set.begin.regexp#38ACFBde
punctuation.character.set.end.regexp#F2B607de
punctuation.definition.array.begin.json#F591E9de
punctuation.definition.character-class.regexp#F384E5de
punctuation.definition.comment#C2C2C26e
punctuation.definition.comment.json.comments#A5A5A56e
punctuation.definition.comment.python#C2C2C26e
punctuation.definition.dictionary.begin.json#F280E4de
punctuation.definition.dictionary.end.json#73BDEEde
punctuation.definition.group.assertion.regexp#CE9C08de
punctuation.definition.group.regexp#F9AAAFde
punctuation.definition.list.begin.json#E0B941de
punctuation.definition.list.begin.markdown#F4888Ede
punctuation.definition.list.begin.python#08DF73de
punctuation.definition.list.end.json#F8A2A8de
punctuation.definition.list.end.markdown#68B6EBde
punctuation.definition.list.end.python#67D029de
punctuation.definition.parameters.begin.python#F8A3EEde
punctuation.definition.parameters.end.bracket.round.java#7AC0F0de
punctuation.definition.quote.begin.markdown#F79AA0de
punctuation.definition.tag#65B5EAde
punctuation.definition.template-expression.begin#F9A5EEde
punctuation.definition.template-expression.end#F4B707de
punctuation.section.class.begin.bracket.curly.java#F8A0EDde
punctuation.section.embedded#88C8F3de
punctuation.section.embedded.begin.php#29BE73de
punctuation.section.embedded.end.php#28BA71de
punctuation.terminator.java#08D46Dde
source.cmake#F6949Ade
source.coffee.embedded#29CF7Cde
source.cpp#55ACE6de
source.css.less#2ED884de
source.groovy.embedded#08CC6Ade
source.java#81C5F2de
source.java-properties#BBA6F9de
source.json.comments#AFAFAF6e
source.makefile#4CBE07de
source.powershell#7FC4F1de
source.powershell.variable.other.member#DAA508de
source.python#DFB73Fde
storage#F7989Ede
storage.modifier#61BE29de
storage.modifier.import.java#B098F7de
storage.modifier.package.java#F179E1de
storage.type#79C0F0de
storage.type.annotation.groovy#80C4F1de
storage.type.annotation.java#DBB136de
storage.type.boolean.go#E0A906de
storage.type.byte.go#F27DE4de
storage.type.cs#F488E6de
storage.type.error.go#B7A2F8de
storage.type.generic.cs#65B5EAde
storage.type.generic.groovy#53D007de
storage.type.generic.java#7EC3F1de
storage.type.groovy#E3BE49de
storage.type.java#F696EAde
storage.type.modifier.cs#5EB828de
storage.type.numeric.go#F489E7de
storage.type.object.array.groovy#AF97F6de
storage.type.object.array.java#75BDEEde
storage.type.parameters.groovy#58ADE6de
storage.type.primitive.array.groovy#C7B5FBde
storage.type.primitive.array.java#08D06Cde
storage.type.primitive.groovy#F9A5EEde
storage.type.primitive.java#B49EF8de
storage.type.rune.go#54D806de
storage.type.string.go#B8A3F8de
storage.type.token.java#B8A2F8de
storage.type.uintptr.go#E2BB47de
storage.type.variable.cs#E2AC07de
string#83C5F2de
string.quoted.docstring.multi.python#A4A4A46e
string.regexp#BCA8F9de
string.tag#F69399de
string.value#B7A2F8de
strong#55D607de
support.class#CFA529de
support.constant.color#B19AF7de
support.constant.dom#F17DE3de
support.constant.font-name#E8AF07de
support.constant.handlebars#C0ADFAde
support.constant.json#B49DF8de
support.constant.math#B19AF7de
support.constant.media#C4B2FAde
support.constant.media-type#E2AC07de
support.constant.property-value#4EC407de
support.function#CE9D08de
support.function.git-rebase#81C4F1de
support.other.parenthesis.regexp#64C629de
support.type#08BC63de
support.type.property-name#F696EAde
support.type.vendored.property-name#DEB53Ade
support.variable#61BE29de
token.debug-token#F696EAde
token.error-token#DCA708de
token.info-token#F6959Bde
token.warn-token#08C768de
variable#6DD82Dde
variable.css#F48AE7de
variable.language#C9B9FBde
variable.language.wildcard.java#C5B3FAde
variable.other.constant#56DA07de
variable.other.definition.java#F179E2de
variable.other.enummember#D9A408de
variable.other.less#29CF7Cde
variable.other.object.java#F8A3EEde
variable.other.object.property.java#07C867de
variable.parameter.c#07D56Fde
variable.parameter.function.language.python#F6949Ade
variable.parameter.java#F9A5AAde
variable.scss#F89EEDde