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#D6D6E3fe
  • activityBar.activeBackground#D6D6E3fe
  • activityBar.activeBorder#438F75fe
  • activityBar.activeFocusBorder#5D8D2D00
  • activityBar.background#EAEAF1fe
  • activityBar.border#2D964800
  • activityBar.dropBorder#438F75fe
  • activityBar.foreground#41905Bfe
  • activityBar.inactiveForeground#7777DF65
  • activityBarBadge.background#107F47fe
  • activityBarBadge.foreground#EAEAF1fe
  • badge.background#418563fe
  • badge.foreground#EAEAF1fe
  • banner.background#D6D6E3fe
  • banner.foreground#3E3ECCce
  • banner.iconForeground#2D5E38fe
  • breadcrumb.activeSelectionForeground#46592Bca
  • breadcrumb.background#E5E5EDfe
  • breadcrumb.focusForeground#107F47fe
  • breadcrumb.foreground#3C3CCEae
  • breadcrumbPicker.background#D6D6E3fe
  • button.background#A3A3C1ae
  • button.border#F4F4F800
  • button.foreground#3E3ECCce
  • button.hoverBackground#9E9EBDfe
  • button.secondaryBackground#D6D6E3fe
  • button.secondaryForeground#3E3ECCce
  • button.secondaryHoverBackground#D6D6E3fe
  • button.separator#F6F8F400
  • charts.blue#1b1bfffe
  • charts.foreground#3E3ECCce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b1
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#EFEFF4fe
  • chat.slashCommandBackground#D6D6E3fe
  • chat.slashCommandForeground#3E3ECCce
  • checkbox.background#EFEFF4fe
  • checkbox.border#EFEFF4fe
  • checkbox.foreground#3E3ECCce
  • checkbox.selectBackground#EFEFF4fe
  • checkbox.selectBorder#EFEFF4fe
  • commandCenter.activeBackground#FEF6EF8b
  • commandCenter.activeBorder#EFEFF4fe
  • commandCenter.activeForeground#3E6F56fe
  • commandCenter.background#D6D6E3fe
  • commandCenter.border#EFEFF4fe
  • commandCenter.foreground#3E3ECCce
  • commandCenter.inactiveBorder#F2F2FE9e
  • commandCenter.inactiveForeground#7676E265
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F8F4F500
  • contrastBorder#F8F4F500
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#3E3ECCce
  • debugConsole.sourceForeground#3E3ECCce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#2D5E38fe
  • debugExceptionWidget.background#670067b9
  • debugExceptionWidget.border#EFEFF4fe
  • debugIcon.breakpointCurrentStackframeForeground#664F37fe
  • debugIcon.breakpointDisabledForeground#3E3E5B65
  • debugIcon.breakpointForeground#33585Cfe
  • debugIcon.breakpointStackframeForeground#753C83fe
  • debugIcon.breakpointUnverifiedForeground#6B4D33fe
  • debugIcon.continueForeground#445B2Dfe
  • debugIcon.disconnectForeground#694D30fe
  • debugIcon.pauseForeground#2D5E38fe
  • debugIcon.restartForeground#753C83fe
  • debugIcon.startForeground#2C4231fe
  • debugIcon.stepBackForeground#3E3ECAfe
  • debugIcon.stepIntoForeground#2D5D37fe
  • debugIcon.stepOutForeground#4141C5fe
  • debugIcon.stepOverForeground#405A2Cfe
  • debugIcon.stopForeground#753B86fe
  • debugTokenExpression.boolean#15151fca
  • debugTokenExpression.error#1B2729ca
  • debugTokenExpression.name#1F1A15ca
  • debugTokenExpression.number#29221Bca
  • debugTokenExpression.value#14141Eca
  • debugToolBar.background#670067b2
  • debugToolBar.border#EFEFF4fe
  • debugView.exceptionLabelBackground#9EDD5Eca
  • debugView.exceptionLabelForeground#2E5E36ca
  • debugView.stateLabelBackground#D7D7FDca
  • debugView.stateLabelForeground#445B2Dca
  • debugView.valueChangedHighlight#1F1517ca
  • descriptionForeground#3E3ECCce
  • diffEditor.border#F4F8F500
  • diffEditor.diagonalFill#000000fe
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#F6F8F400
  • diffEditor.move.border#F4F4F800
  • diffEditor.moveActive.border#F6F8F400
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#F6F8F400
  • diffEditor.unchangedCodeBackground#D6D6E3fe
  • diffEditor.unchangedRegionBackground#D6D6E3fe
  • diffEditor.unchangedRegionForeground#3E3ECCce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#4343BC65
  • dropdown.background#EFEFF4fe
  • dropdown.border#EFEFF4fe
  • dropdown.foreground#3E3ECCce
  • dropdown.listBackground#EFEFF4fe
  • editor.background#D6D6E3fe
  • editor.findMatchBackground#A99480ad
  • editor.findMatchBorder#EFEFF4fe
  • editor.findMatchHighlightBackground#A9C4AEaa
  • editor.findMatchHighlightBorder#EFEFF4fe
  • editor.findRangeHighlightBackground#BBA3C1a3
  • editor.findRangeHighlightBorder#EFEFF4fe
  • editor.focusedStackFrameHighlightBackground#AC858D81
  • editor.foldBackground#1E5E2Ba8
  • editor.foreground#3E3ECCce
  • editor.hoverHighlightBackground#C4A9AEa1
  • editor.inactiveSelectionBackground#AEAEC89a
  • editor.inlineValuesBackground#D6D6E3fe
  • editor.inlineValuesForeground#3E3ECCce
  • editor.lineHighlightBackground#B8B8CFb4
  • editor.lineHighlightBorder#F8F6F400
  • editor.linkedEditingBackground#D6D6E3fe
  • editor.rangeHighlightBackground#80A988a1
  • editor.rangeHighlightBorder#EFEFF4fe
  • editor.selectionBackground#636393a6
  • editor.selectionForeground#8C3749ca
  • editor.selectionHighlightBackground#90A57B8d
  • editor.selectionHighlightBorder#EFEFF4fe
  • editor.snippetFinalTabstopHighlightBackground#8A8AB0a8
  • editor.snippetFinalTabstopHighlightBorder#EFEFF4fe
  • editor.snippetTabstopHighlightBackground#A3A3C1a6
  • editor.snippetTabstopHighlightBorder#EFEFF4fe
  • editor.stackFrameHighlightBackground#A485ACa4
  • editor.symbolHighlightBackground#B6C4A9a6
  • editor.symbolHighlightBorder#EFEFF4fe
  • editor.wordHighlightBackground#B7949Ba6
  • editor.wordHighlightBorder#F8F4F500
  • editor.wordHighlightStrongBackground#B79EBDad
  • editor.wordHighlightStrongBorder#F4F8F500
  • editor.wordHighlightTextBackground#B3A18Fa3
  • editor.wordHighlightTextBorder#F8F6F400
  • editorBracketHighlight.foreground1#0A0A0Ece
  • editorBracketHighlight.foreground2#0A0A0Ece
  • editorBracketHighlight.foreground3#0A0A0Ece
  • editorBracketHighlight.foreground4#0A0A0Ece
  • editorBracketHighlight.foreground5#0A0A0Ece
  • editorBracketHighlight.foreground6#0A0A0Ece
  • editorBracketHighlight.unexpectedBracket.foreground#3E3ECCce
  • editorBracketMatch.background#734A1Ea5
  • editorBracketMatch.border#EFEFF4fe
  • editorBracketPairGuide.activeBackground1#8A1BA587
  • editorBracketPairGuide.activeBackground2#205F2E86
  • editorBracketPairGuide.activeBackground3#1D5F2A89
  • editorBracketPairGuide.activeBackground4#76491D83
  • editorBracketPairGuide.activeBackground5#205F2E82
  • editorBracketPairGuide.activeBackground6#754B2487
  • editorBracketPairGuide.background1#EAB5F9fe
  • editorBracketPairGuide.background2#E4ACF7fe
  • editorBracketPairGuide.background3#70D9E6fe
  • editorBracketPairGuide.background4#77DCE9fe
  • editorBracketPairGuide.background5#F4FEEBfe
  • editorBracketPairGuide.background6#FEE6EBfe
  • editorCodeLens.foreground#48486A6e
  • editorCommentsWidget.rangeActiveBackground#3939DCfe
  • editorCommentsWidget.rangeBackground#D6D6E3fe
  • editorCommentsWidget.resolvedBorder#EFEFF4fe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#D6D6E3fe
  • editorCursor.foreground#407D5Ffe
  • editorError.background#F7F4F800
  • editorError.border#F4F7F800
  • editorError.foreground#b400b4ce
  • editorGhostText.background#D6D6E3fe
  • editorGhostText.border#F4F7F800
  • editorGhostText.foreground#4B4B6F6e
  • editorGroup.border#EFEFF4fe
  • editorGroup.dropBackground#D6D6E3fe
  • editorGroup.dropIntoPromptBackground#D6D6E3fe
  • editorGroup.dropIntoPromptBorder#EFEFF4fe
  • editorGroup.dropIntoPromptForeground#3E3ECCce
  • editorGroup.emptyBackground#D6D6E3fe
  • editorGroup.focusedEmptyBorder#EFEFF4fe
  • editorGroupHeader.border#F4F7F800
  • editorGroupHeader.noTabsBackground#EAEAF1ae
  • editorGroupHeader.tabsBackground#D1D1E0a1
  • editorGroupHeader.tabsBorder#F8F4F500
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#D6D6E3fe
  • editorGutter.commentGlyphForeground#3E3ECCce
  • editorGutter.commentRangeForeground#3E3ECCce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#3E3ECCce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#F4F4F800
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#EFEFF4fe
  • editorHoverWidget.border#EFEFF4fe
  • editorHoverWidget.foreground#3E3ECCce
  • editorHoverWidget.highlightForeground#8D3549ca
  • editorHoverWidget.statusBarBackground#D6D6E3fe
  • editorIndentGuide.activeBackground1#1313BEfe
  • editorIndentGuide.activeBackground2#1313BEfe
  • editorIndentGuide.activeBackground3#0E0EC5fe
  • editorIndentGuide.activeBackground4#1717FEfe
  • editorIndentGuide.activeBackground5#0C0CC4fe
  • editorIndentGuide.activeBackground6#1313BEfe
  • editorIndentGuide.background1#3A535635
  • editorIndentGuide.background2#30473535
  • editorIndentGuide.background3#684B6F35
  • editorIndentGuide.background4#4B6C6F35
  • editorIndentGuide.background5#47334C35
  • editorIndentGuide.background6#30454735
  • editorInfo.background#F8F6F400
  • editorInfo.border#F4F8F500
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#D6D6E3fe
  • editorInlayHint.foreground#3E3ECCce
  • editorInlayHint.parameterBackground#D6D6E3fe
  • editorInlayHint.parameterForeground#3E3ECCce
  • editorInlayHint.typeBackground#D6D6E3fe
  • editorInlayHint.typeForeground#3E3ECCce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#3C6852fe
  • editorLineNumber.dimmedForeground#4444656e
  • editorLineNumber.foreground#4444656e
  • editorLink.activeForeground#107F47fe
  • editorMarkerNavigation.background#EFEFF4fe
  • editorMarkerNavigationError.background#670067b0
  • editorMarkerNavigationError.headerBackground#670067b7
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#D6D6E3fe
  • editorOverviewRuler.border#F9F9FEfe
  • editorOverviewRuler.bracketMatchForeground#3E3ECCce
  • editorOverviewRuler.commentForeground#4141606e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#3E3ECCce
  • editorOverviewRuler.currentContentForeground#cecececa
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#8D3549ca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#3E3ECBca
  • editorOverviewRuler.wordHighlightStrongForeground#3E3ECCce
  • editorOverviewRuler.wordHighlightTextForeground#3E3ECCce
  • editorPane.background#D6D6E3fe
  • editorRuler.foreground#3535DD36
  • editorStickyScroll.background#D6D6E3fe
  • editorStickyScroll.shadow#F4F8F500
  • editorStickyScrollHover.background#D2D2F8fe
  • editorSuggestWidget.background#EFEFF4fe
  • editorSuggestWidget.border#F4F4F800
  • editorSuggestWidget.focusHighlightForeground#3C914Afe
  • editorSuggestWidget.foreground#3E3ECAfe
  • editorSuggestWidget.highlightForeground#2C5C3Bca
  • editorSuggestWidget.selectedBackground#BBA3C18d
  • editorSuggestWidget.selectedForeground#2E5E36ca
  • editorSuggestWidget.selectedIconForeground#2C5C5Cca
  • editorSuggestWidgetStatus.foreground#4040C6fe
  • editorUnicodeHighlight.background#AC8FB3aa
  • editorUnicodeHighlight.border#EFEFF4fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F7F4F800
  • editorWarning.border#F4F4F800
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#3E3ECCce
  • editorWidget.background#EFEFF4fe
  • editorWidget.border#EFEFF4fe
  • editorWidget.foreground#3E3ECCce
  • editorWidget.resizeBorder#EFEFF4fe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#11663Bfe
  • extensionBadge.remoteForeground#EAEAF1fe
  • extensionButton.background#E7E7FDae
  • extensionButton.foreground#3E3ECCce
  • extensionButton.hoverBackground#BEBEF0fe
  • extensionButton.prominentBackground#D6D6E3fe
  • extensionButton.prominentForeground#3E3ECCce
  • extensionButton.prominentHoverBackground#D6D6E3fe
  • extensionButton.separator#F4F4F800
  • extensionIcon.preReleaseForeground#4141C5fe
  • extensionIcon.sponsorForeground#6A4E31fe
  • extensionIcon.starForeground#4242BFfe
  • extensionIcon.verifiedForeground#2C5C3Bfe
  • focusBorder#F4F4F800
  • foreground#3E3ECCce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#2B2BF6ae
  • inlineChat.background#D2D2FDca
  • inlineChat.border#DBFBC1ca
  • inlineChat.regionHighlight#1B291Eca
  • inlineChat.shadow#181824ca
  • inlineChatDiff.inserted#18241Aca
  • inlineChatDiff.removed#1E1416ca
  • inlineChatInput.background#14141Eca
  • inlineChatInput.border#DFDFFEca
  • inlineChatInput.focusBorder#F7F4F800
  • inlineChatInput.placeholderForeground#7A3790ca
  • input.background#EFEFF4fe
  • input.border#EFEFF4fe
  • input.foreground#3E3ECCce
  • input.placeholderForeground#4444B965
  • inputOption.activeBackground#EFEFF4fe
  • inputOption.activeBorder#EFEFF4fe
  • inputOption.activeForeground#107A45fe
  • inputOption.hoverBackground#EFEFF4fe
  • inputValidation.errorBackground#670067b9
  • inputValidation.errorBorder#6700679c
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#EFEFF4fe
  • inputValidation.infoForeground#3E3ECCce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#EFEFF4fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#EFEFF4fe
  • interactive.inactiveCodeBorder#C2C2D594
  • keybindingLabel.background#D6D6E3fe
  • keybindingLabel.border#EFEFF4fe
  • keybindingLabel.bottomBorder#EFEFF4fe
  • keybindingLabel.foreground#3E3ECCce
  • keybindingTable.headerBackground#D6D6E3fe
  • keybindingTable.rowsBackground#D6D6E3fe
  • list.activeSelectionBackground#B38F968b
  • list.activeSelectionForeground#6A4E31ca
  • list.activeSelectionIconForeground#8F3547ca
  • list.deemphasizedForeground#3E3ECCce
  • list.dropBackground#D6D6E3fe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#D6D6E3fe
  • list.filterMatchBorder#EFEFF4fe
  • list.focusAndSelectionOutline#F8F4F500
  • list.focusBackground#BDBDD296
  • list.focusForeground#3C6852fe
  • list.focusHighlightForeground#388E9Cfe
  • list.focusOutline#F4F8F500
  • list.highlightForeground#2F5962ca
  • list.hoverBackground#FBFBFEfe
  • list.hoverForeground#428C67fe
  • list.inactiveFocusBackground#BDBDD295
  • list.inactiveFocusOutline#F4F7F800
  • list.inactiveSelectionBackground#EAEAF1ae
  • list.inactiveSelectionForeground#4646B165
  • list.inactiveSelectionIconForeground#4646B165
  • list.invalidItemForeground#3E3ECCce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#D6D6E3fe
  • listFilterWidget.noMatchesOutline#F6F8F400
  • listFilterWidget.outline#F8F4F500
  • listFilterWidget.shadow#F6F8F400
  • menu.background#EAEAF1fe
  • menu.border#F8F6F400
  • menu.foreground#3D3DCFae
  • menu.selectionBackground#8585ACa2
  • menu.selectionBorder#F4F4F800
  • menu.selectionForeground#407D5Ffe
  • menu.separatorBackground#CECEFC65
  • menubar.selectionBackground#8080A9ac
  • menubar.selectionBorder#F8F6F400
  • menubar.selectionForeground#3C6852fe
  • merge.border#EFEFF4fe
  • merge.commonContentBackground#D6D6E3fe
  • merge.commonHeaderBackground#D6D6E3fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#D6D6E3fe
  • mergeEditor.change.word.background#D6D6E3fe
  • mergeEditor.changeBase.background#D6D6E3fe
  • mergeEditor.changeBase.word.background#D6D6E3fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#EFEFF4fe
  • mergeEditor.conflict.handledUnfocused.border#CCCCDC35
  • mergeEditor.conflict.input1.background#EFEFF4fe
  • mergeEditor.conflict.input2.background#EFEFF4fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c0
  • mergeEditor.conflict.unhandledFocused.border#EFEFF4fe
  • mergeEditor.conflict.unhandledUnfocused.border#C7C7D933
  • mergeEditor.conflictingLines.background#D6D6E3fe
  • minimap.background#D6D6E3fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0A0Ece
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#676798fe
  • minimapSlider.background#9999BAae
  • minimapSlider.hoverBackground#9999BAfe
  • notebook.cellBorderColor#EFEFF4fe
  • notebook.cellEditorBackground#D6D6E3fe
  • notebook.cellHoverBackground#D6D6E3fe
  • notebook.cellInsertionIndicator#131C15ca
  • notebook.cellStatusBarItemHoverBackground#D6D6E3fe
  • notebook.cellToolbarSeparator#261B29ca
  • notebook.editorBackground#D6D6E3fe
  • notebook.focusedCellBackground#D6D6E3fe
  • notebook.focusedCellBorder#3C6852fe
  • notebook.focusedEditorBorder#EFEFF4fe
  • notebook.inactiveFocusedCellBorder#6767988e
  • notebook.inactiveSelectedCellBorder#71719F8e
  • notebook.outputContainerBackgroundColor#D6D6E3fe
  • notebook.outputContainerBorderColor#EFEFF4fe
  • notebook.selectedCellBackground#D6D6E3fe
  • notebook.selectedCellBorder#EFEFF4fe
  • notebook.symbolHighlightBackground#D6D6E3fe
  • notebookEditorOverviewRuler.runningCellForeground#3E3ECCce
  • notebookScrollbarSlider.activeBackground#676798fe
  • notebookScrollbarSlider.background#A9A9C4ae
  • notebookScrollbarSlider.hoverBackground#7B7BA5fe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#783888fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#EFEFF4fe
  • notificationCenterHeader.background#D6D6E3fe
  • notificationCenterHeader.foreground#3E3ECCce
  • notificationLink.foreground#3E3ECCce
  • notifications.background#D6D6E3fe
  • notifications.border#EFEFF4fe
  • notifications.foreground#3E3ECCce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#43592Ffe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#EFEFF4fe
  • panel.background#D6D6E3fe
  • panel.border#EFEFF4fe
  • panel.dropBorder#EFEFF4fe
  • panelInput.border#EFEFF4fe
  • panelSection.border#EFEFF4fe
  • panelSection.dropBackground#D6D6E3fe
  • panelSectionHeader.background#D6D6E3fe
  • panelSectionHeader.border#EFEFF4fe
  • panelSectionHeader.foreground#3E3ECCce
  • panelTitle.activeBorder#F4F8F500
  • panelTitle.activeForeground#438F75fe
  • panelTitle.inactiveForeground#7777E165
  • peekView.border#42926Afe
  • peekViewEditor.background#EFEFF4fe
  • peekViewEditor.matchHighlightBackground#B2C1A38a
  • peekViewEditor.matchHighlightBorder#F8F4F500
  • peekViewEditorGutter.background#EFEFF4fe
  • peekViewEditorStickyScroll.background#D6D6E3fe
  • peekViewResult.background#EAEAF1fe
  • peekViewResult.fileForeground#3E3ECCce
  • peekViewResult.lineForeground#3E3ECCce
  • peekViewResult.matchHighlightBackground#7BA1A586
  • peekViewResult.selectionBackground#8AB09281
  • peekViewResult.selectionForeground#8C3749ca
  • peekViewTitle.background#EAEAF1fe
  • peekViewTitleDescription.foreground#3E3ECCce
  • peekViewTitleLabel.foreground#3E3ECCce
  • pickerGroup.border#EFEFF4fe
  • pickerGroup.foreground#3E3ECCce
  • ports.iconRunningProcessForeground#7A378Cfe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#428C67fe
  • profileBadge.foreground#EAEAF1fe
  • progressBar.background#D6D6E3fe
  • quickInput.background#EAEAF1fe
  • quickInput.foreground#3E3ECBae
  • quickInputList.focusBackground#B79EBDa6
  • quickInputList.focusForeground#107A45fe
  • quickInputList.focusIconForeground#11663Bfe
  • quickInputTitle.background#EFEFF4fe
  • sash.hoverBorder#EFEFF4fe
  • scrollbar.shadow#F4F4F800
  • scrollbarSlider.activeBackground#7676A2fe
  • scrollbarSlider.background#9E9EBDae
  • scrollbarSlider.hoverBackground#8F8FB3fe
  • search.resultsInfoForeground#3E3ECCce
  • searchEditor.findMatchBackground#C1A3A9ab
  • searchEditor.findMatchBorder#EFEFF4fe
  • searchEditor.textInputBorder#EFEFF4fe
  • selection.background#D6D6E3fe
  • settings.checkboxBackground#EFEFF4fe
  • settings.checkboxBorder#EFEFF4fe
  • settings.checkboxForeground#3E3ECCce
  • settings.dropdownBackground#EFEFF4fe
  • settings.dropdownBorder#EFEFF4fe
  • settings.dropdownForeground#3E3ECCce
  • settings.dropdownListBorder#EFEFF4fe
  • settings.focusedRowBackground#8AB09282
  • settings.focusedRowBorder#EFEFF4fe
  • settings.headerBorder#EFEFF4fe
  • settings.headerForeground#3E3ECCce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#EFEFF4fe
  • settings.numberInputBorder#EFEFF4fe
  • settings.numberInputForeground#3E3ECCce
  • settings.rowHoverBackground#D6D6E3fe
  • settings.sashBorder#EFEFF4fe
  • settings.settingsHeaderHoverForeground#3C6852fe
  • settings.textInputBackground#EFEFF4fe
  • settings.textInputBorder#EFEFF4fe
  • settings.textInputForeground#3E3ECCce
  • sideBar.background#D6D6E3fe
  • sideBar.border#EFEFF4fe
  • sideBar.dropBackground#D6D6E3fe
  • sideBar.foreground#2B2BF6ae
  • sideBarSectionHeader.background#F8F6F400
  • sideBarSectionHeader.border#EFEFF4fe
  • sideBarSectionHeader.foreground#3E3ECCce
  • sideBarTitle.foreground#3E3ECCce
  • sideBySideEditor.horizontalBorder#EFEFF4fe
  • sideBySideEditor.verticalBorder#EFEFF4fe
  • simpleFindWidget.sashBorder#EFEFF4fe
  • statusBar.background#EAEAF1fe
  • statusBar.border#EFEFF4fe
  • statusBar.debuggingBackground#670067bc
  • statusBar.debuggingBorder#EFEFF4fe
  • statusBar.debuggingForeground#3E3ECCce
  • statusBar.focusBorder#F7F4F800
  • statusBar.foreground#4B4B6F6e
  • statusBar.noFolderBackground#EAEAF1fe
  • statusBar.noFolderBorder#EFEFF4fe
  • statusBar.noFolderForeground#3E3ECCce
  • statusBarItem.activeBackground#EAEAF1fe
  • statusBarItem.compactHoverBackground#EAEAF1fe
  • statusBarItem.errorBackground#6700679a
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067c8
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F8F6F400
  • statusBarItem.hoverBackground#EAEAF1fe
  • statusBarItem.hoverForeground#418563fe
  • statusBarItem.offlineBackground#EAEAF1fe
  • statusBarItem.offlineForeground#3E3ECCce
  • statusBarItem.offlineHoverBackground#EAEAF1fe
  • statusBarItem.offlineHoverForeground#10703Ffe
  • statusBarItem.prominentBackground#EAEAF1fe
  • statusBarItem.prominentForeground#3E3ECCce
  • statusBarItem.prominentHoverBackground#EAEAF1fe
  • statusBarItem.prominentHoverForeground#407D5Ffe
  • statusBarItem.remoteBackground#428C67fe
  • statusBarItem.remoteForeground#EAEAF1fe
  • statusBarItem.remoteHoverBackground#EAEAF1fe
  • statusBarItem.remoteHoverForeground#3C6852fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#694D30fe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#6B4D2Ffe
  • symbolIcon.colorForeground#753C83fe
  • symbolIcon.constantForeground#2F585Ffe
  • symbolIcon.constructorForeground#694D30fe
  • symbolIcon.enumeratorForeground#6D4B30fe
  • symbolIcon.enumeratorMemberForeground#7D358Ffe
  • symbolIcon.eventForeground#7D358Ffe
  • symbolIcon.fieldForeground#6C4E30fe
  • symbolIcon.fileForeground#37422Cfe
  • symbolIcon.folderForeground#2C4042fe
  • symbolIcon.functionForeground#783888fe
  • symbolIcon.interfaceForeground#4141C5fe
  • symbolIcon.keyForeground#843D4Dfe
  • symbolIcon.keywordForeground#873C4Bfe
  • symbolIcon.methodForeground#694D34fe
  • symbolIcon.moduleForeground#305B3Afe
  • symbolIcon.namespaceForeground#43592Cfe
  • symbolIcon.nullForeground#2C4042fe
  • symbolIcon.numberForeground#2D5D37fe
  • symbolIcon.objectForeground#7A368Bfe
  • symbolIcon.operatorForeground#31595Efe
  • symbolIcon.packageForeground#455932fe
  • symbolIcon.propertyForeground#37422Cfe
  • symbolIcon.referenceForeground#6A4E31fe
  • symbolIcon.snippetForeground#753C83fe
  • symbolIcon.stringForeground#43592Ffe
  • symbolIcon.structForeground#46592Bfe
  • symbolIcon.textForeground#843D4Dfe
  • symbolIcon.typeParameterForeground#8F3547fe
  • symbolIcon.unitForeground#4242BFfe
  • symbolIcon.variableForeground#4141BFfe
  • tab.activeBackground#E5E5EDfe
  • tab.activeBorder#F7F4F800
  • tab.activeBorderTop#41905Bfe
  • tab.activeForeground#09974Efe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F8F6F400
  • tab.hoverBackground#2B2BF6fe
  • tab.hoverBorder#EFEFF4fe
  • tab.hoverForeground#418563fe
  • tab.inactiveBackground#EDEDFD9d
  • tab.inactiveForeground#7878E165
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#EFEFF4fe
  • tab.unfocusedActiveBackground#CCCCDC38
  • tab.unfocusedActiveBorder#F4F7F800
  • tab.unfocusedActiveBorderTop#F7F7FE65
  • tab.unfocusedActiveForeground#7676E365
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#1F1FFEfe
  • tab.unfocusedHoverBorder#CCCCDC39
  • tab.unfocusedHoverForeground#7777E165
  • tab.unfocusedInactiveBackground#B8B8CF95
  • tab.unfocusedInactiveForeground#7777E165
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333ac
  • 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#670067be
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeb9
  • terminal.ansiYellow#c4a200fe
  • terminal.background#D6D6E3fe
  • terminal.border#EFEFF4fe
  • terminal.dropBackground#D6D6E3fe
  • terminal.findMatchBackground#D6D6E3fe
  • terminal.findMatchBorder#EFEFF4fe
  • terminal.findMatchHighlightBackground#D6D6E3fe
  • terminal.findMatchHighlightBorder#EFEFF4fe
  • terminal.foreground#2B2BF6ae
  • terminal.hoverHighlightBackground#D6D6E3fe
  • terminal.inactiveSelectionBackground#C2C2D595
  • terminal.selectionBackground#A88AB088
  • terminal.selectionForeground#8D3549ca
  • terminal.tab.activeBorder#41905Bfe
  • terminalCommandDecoration.defaultBackground#1F1FFEac
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#D6D6E3fe
  • terminalCursor.foreground#418563fe
  • terminalOverviewRuler.cursorForeground#3E3ECCce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c5
  • testing.iconUnset#808080ad
  • testing.message.error.decorationForeground#0F5531fe
  • testing.message.error.lineBackground#67006799
  • testing.message.info.decorationForeground#105F38fe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#EFEFF4fe
  • testing.peekHeaderBackground#D6D6E3fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#D6D6E3fe
  • textBlockQuote.border#EFEFF4fe
  • textCodeBlock.background#D6D6E3fe
  • textLink.activeForeground#107A45fe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#3E3ECCce
  • textSeparator.foreground#3E3ECCce
  • titleBar.activeBackground#EAEAF1fe
  • titleBar.activeForeground#7474EAae
  • titleBar.border#F8F4F500
  • titleBar.inactiveBackground#C7C7D9d6
  • titleBar.inactiveForeground#7676E265
  • toolbar.activeBackground#F7DEC688
  • toolbar.hoverBackground#D6D6E3fe
  • toolbar.hoverOutline#F6F8F400
  • tree.inactiveIndentGuidesStroke#47334C35
  • tree.indentGuidesStroke#105E37fe
  • tree.tableColumnsBorder#EFEFF4fe
  • tree.tableOddRowsBackground#D6D6E3fe
  • walkThrough.embeddedEditorBackground#D6D6E3fe
  • walkthrough.stepTitle.foreground#3E3ECCce
  • welcomePage.background#D6D6E3fe
  • welcomePage.progress.background#D6D6E3fe
  • welcomePage.progress.foreground#3E3ECCce
  • welcomePage.tileBackground#D6D6E3fe
  • welcomePage.tileBorder#EFEFF4fe
  • welcomePage.tileHoverBackground#D6D6E3fe
  • widget.border#EFEFF4fe
  • widget.shadow#F7F4F800
  • window.activeBorder#EFEFF4fe
  • window.inactiveBorder#BDBDE794

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#3535B86e
comment.block.html#3737B46e
comment.block.java#3434BF6e
comment.block.javadoc.java#3535B86e
comment.block.powershell#3434BF6e
comment.block.xml#3434BF6e
comment.line.double-slash.c#3535B86e
comment.line.double-slash.cpp#3737B26e
comment.line.double-slash.java#3535B86e
comment.line.double-slash.js#3737B46e
comment.line.number-sign.makefile#3737B46e
comment.line.number-sign.python#3535B86e
comment.line.number-sign.yaml#3737B26e
comment.line.percentage.erlang#3535B86e
comment.line.powershell#3737B26e
comment.source.cmake#3737B26e
comment.source.cmakecache#3737B46e
constant.character#6505C6de
constant.character.character-class.regexp#414E34de
constant.character.escape#30530Fde
constant.character.set.regexp#105532de
constant.language#10477Fde
constant.numeric#910A4Ede
constant.numeric.dec.python#554636de
constant.other.caps.python#0C3661de
constant.other.character-class.regexp#394C5Fde
constant.other.character-class.set.regexp#4E3A62de
constant.other.color.rgb-value#901050de
constant.other.placeholder#8F0F4Fde
constant.other.rgb-value#384C5Dde
constant.regexp#93064Bde
constant.sha.git-rebase#31520Fde
emphasis#0F5532de
entity.name.class#105532de
entity.name.function#31520Fde
entity.name.function.preprocessor#3C352Dde
entity.name.function.python#0F5532de
entity.name.label#910E50de
entity.name.namespace#6C3E11de
entity.name.operator#643D64de
entity.name.operator.custom-literal#6D3F11de
entity.name.scope-resolution#831183de
entity.name.tag#0F5532de
entity.name.tag.css#423142de
entity.name.type#31520Fdebold
entity.name.variable#6E3F10de
entity.other.attribute#93064Bde
entity.other.attribute-name#105432de
entity.other.attribute-name.class.css#643D64de
entity.other.attribute-name.class.mixin.css#315310de
entity.other.attribute-name.id#0F3B66de
entity.other.attribute-name.id.css#0D482Ade
entity.other.attribute-name.parent-selector.css#841184de
entity.other.attribute-name.pseudo-class.css#10375Ede
entity.other.attribute-name.pseudo-element.css#840E84de
entity.other.attribute-name.scss#6D3E0Fde
entity.other.document.begin.yaml#3535B86e
entity.other.inherited-class#841084debold
header#315110de
invalid#423930de
keyword#315310debold
keyword.codetag.notation.python#6200C3debold
keyword.control#841184debold
keyword.control.anchor.regexp#3C352Ddebold
keyword.control.import.python#683C52debold
keyword.operator#673B53debold
keyword.operator.alignas#3C352Ddebold
keyword.operator.alignof#105432debold
keyword.operator.cast#93094Fdebold
keyword.operator.delete#423930debold
keyword.operator.documentation.powershell#3737B26ebold
keyword.operator.expression#693C54debold
keyword.operator.instanceof#2D353Cdebold
keyword.operator.logical.python#3D3248debold
keyword.operator.minus.exponent#34414Edebold
keyword.operator.negation.regexp#643D64debold
keyword.operator.new#830E83debold
keyword.operator.noexcept#105432debold
keyword.operator.or.regexp#6D3E0Fdebold
keyword.operator.plus.exponent#910F50debold
keyword.operator.quantifier.regexp#6D3F11debold
keyword.operator.sizeof#0E3762debold
keyword.operator.typeid#563E6Fdebold
keyword.operator.wordlike#623C62debold
keyword.other.operator#105432debold
keyword.other.package.java#660BC2debold
keyword.other.unit#423039debold
keyword.other.using#394A5Bdebold
markup.bold#103F70de
markup.changed#6F3F0Dde
markup.deleted#3D4832de
markup.fenced_code.block.markdown#5B00B2de
markup.heading#554636de
markup.inline.raw#703D0Cde
markup.inserted#673B53de
markup.italic#10477Fde
markup.raw.block.markdown#353C2Dde
markup.strikethrough#105331de
markup.underline#34414Ede
meta.block.c#573F75de
meta.block.c#6401C8de
meta.class.java#841084de
meta.definition.variable.name#0F5531de
meta.diff.header#860786de
meta.embedded#105532de
meta.embedded.assembly#623C62de
meta.function-call.arguments.python#0D482Ade
meta.function-call.python#650AC1de
meta.member.access.python#48323Dde
meta.method.java#315310de
meta.object-literal.key#394A5Bde
meta.paragraph.markdown#4E3A62de
meta.preprocessor#523C68de
meta.preprocessor.numeric#354E40de
meta.preprocessor.string#910A4Ede
meta.scope.prerequisites.makefile#325310de
meta.structure.dictionary.json.comments#3434BF6e
meta.structure.dictionary.key.python#543854de
meta.structure.dictionary.value.json.comments#3737B46e
meta.template.expression#653C65de
meta.type.cast.expr#30530Dde
meta.type.new.expr#11457Ade
parameter#0F3B66de
punctuation.character.set.begin.regexp#703D0Cde
punctuation.character.set.end.regexp#11467Bde
punctuation.definition.array.begin.json#831183de
punctuation.definition.character-class.regexp#840A84de
punctuation.definition.comment#3737B46e
punctuation.definition.comment.json.comments#3434BF6e
punctuation.definition.comment.python#3737B46e
punctuation.definition.dictionary.begin.json#91084Ede
punctuation.definition.dictionary.end.json#6D3F11de
punctuation.definition.group.assertion.regexp#623C62de
punctuation.definition.group.regexp#404E35de
punctuation.definition.list.begin.json#723D08de
punctuation.definition.list.begin.markdown#5A3A5Ade
punctuation.definition.list.begin.python#6401C8de
punctuation.definition.list.end.json#93064Bde
punctuation.definition.list.end.markdown#683C4Fde
punctuation.definition.list.end.python#423930de
punctuation.definition.parameters.begin.python#105432de
punctuation.definition.parameters.end.bracket.round.java#463755de
punctuation.definition.quote.begin.markdown#315310de
punctuation.definition.tag#0F5432de
punctuation.definition.template-expression.begin#6D3F11de
punctuation.definition.template-expression.end#0F4228de
punctuation.section.class.begin.bracket.curly.java#574836de
punctuation.section.embedded#105432de
punctuation.section.embedded.begin.php#315110de
punctuation.section.embedded.end.php#105533de
punctuation.terminator.java#6505C6de
source.cmake#3D3248de
source.coffee.embedded#660DC0de
source.cpp#423142de
source.css.less#93064Bde
source.groovy.embedded#830E83de
source.java#315310de
source.java-properties#103F70de
source.json.comments#3434BF6e
source.makefile#2F530Bde
source.powershell#414F34de
source.powershell.variable.other.member#3B4C61de
source.python#105432de
storage#323D48de
storage.modifier#2A3731de
storage.modifier.import.java#593D74de
storage.modifier.package.java#344E41de
storage.type#105432debold
storage.type.annotation.groovy#653C65debold
storage.type.annotation.java#93064Bdebold
storage.type.boolean.go#2D353Cdebold
storage.type.byte.go#8F0F4Fdebold
storage.type.cs#6D3E0Fdebold
storage.type.error.go#660BC2debold
storage.type.generic.cs#840A84debold
storage.type.generic.groovy#574638debold
storage.type.generic.java#6F3F0Ddebold
storage.type.groovy#6E3F10debold
storage.type.java#414E34debold
storage.type.modifier.cs#573F75debold
storage.type.numeric.go#6E3F0Edebold
storage.type.object.array.groovy#32483Ddebold
storage.type.object.array.java#315210debold
storage.type.parameters.groovy#831183debold
storage.type.primitive.array.groovy#483D32debold
storage.type.primitive.array.java#303942debold
storage.type.primitive.groovy#414F34debold
storage.type.primitive.java#6D3F11debold
storage.type.rune.go#34414Edebold
storage.type.string.go#653C65debold
storage.type.token.java#6E3F0Edebold
storage.type.uintptr.go#315110debold
storage.type.variable.cs#860786debold
string#6E3F10de
string.quoted.docstring.multi.python#3737B26e
string.regexp#5B3E75de
string.tag#30530Fde
string.value#673B53de
strong#593D74de
support.class#315210de
support.constant.color#0D3762de
support.constant.dom#11467Bde
support.constant.font-name#30530Cde
support.constant.handlebars#920C4Ede
support.constant.json#613C61de
support.constant.math#8E1050de
support.constant.media#3D4832de
support.constant.media-type#6E3E10de
support.constant.property-value#6E3E10de
support.function#315110de
support.function.git-rebase#6C3E11de
support.other.parenthesis.regexp#113B66de
support.type#30530Ddebold
support.type.property-name#315210debold
support.type.vendored.property-name#10457Adebold
support.variable#543854de
token.debug-token#574638de
token.error-token#554637de
token.info-token#713D09de
token.warn-token#48323Dde
variable#554636de
variable.css#574638de
variable.language#830E83de
variable.language.wildcard.java#6F3F0Dde
variable.other.constant#0E3762de
variable.other.definition.java#830E83de
variable.other.enummember#374655de
variable.other.less#4E364Ede
variable.other.object.java#394A5Bde
variable.other.object.property.java#840D84de
variable.parameter.c#374655de
variable.parameter.function.language.python#6303C6de
variable.parameter.java#3C352Dde
variable.scss#105532de