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#DEDCDCfe
  • activityBar.activeBackground#DEDCDCfe
  • activityBar.activeBorder#4A268Afe
  • activityBar.activeFocusBorder#7D7D7D00
  • activityBar.background#EEEDEDfe
  • activityBar.border#488A4800
  • activityBar.dropBorder#4C2689fe
  • activityBar.foreground#4C2689fe
  • activityBar.inactiveForeground#4C474765
  • activityBarBadge.background#642AC0fe
  • activityBarBadge.foreground#EEEDEDfe
  • badge.background#5D29B0fe
  • badge.foreground#EEEDEDfe
  • banner.background#DEDCDCfe
  • banner.foreground#353535ce
  • banner.iconForeground#353A3Cfe
  • breadcrumb.activeSelectionForeground#14375Aca
  • breadcrumb.background#EAE9E9fe
  • breadcrumb.focusForeground#642AC0fe
  • breadcrumb.foreground#6E0D0Dae
  • breadcrumbPicker.background#DEDCDCfe
  • button.background#B6B0B0ae
  • button.border#FBFAFA00
  • button.foreground#353535ce
  • button.hoverBackground#A59F9F6e
  • button.secondaryBackground#DEDCDCfe
  • button.secondaryForeground#353535ce
  • button.secondaryHoverBackground#DEDCDCfe
  • button.separator#FBFAFA00
  • charts.blue#1b1bfffe
  • charts.foreground#353535ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067bf
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F2F1F1fe
  • chat.slashCommandBackground#DEDCDCfe
  • chat.slashCommandForeground#353535ce
  • checkbox.background#F2F1F1fe
  • checkbox.border#F2F1F1fe
  • checkbox.foreground#353535ce
  • checkbox.selectBackground#F2F1F1fe
  • checkbox.selectBorder#F2F1F1fe
  • commandCenter.activeBackground#CACFCE82
  • commandCenter.activeBorder#F2F1F1fe
  • commandCenter.activeForeground#642AC0fe
  • commandCenter.background#DEDCDCfe
  • commandCenter.border#F2F1F1fe
  • commandCenter.foreground#353535ce
  • commandCenter.inactiveBorder#D1CDCD9e
  • commandCenter.inactiveForeground#48434365
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F6F6F600
  • contrastBorder#FAFBFA00
  • debugConsole.errorForeground#8E008Ece
  • debugConsole.infoForeground#353535ce
  • debugConsole.sourceForeground#353535ce
  • debugConsole.warningForeground#5C4C00ce
  • debugConsoleInputIcon.foreground#293740fe
  • debugExceptionWidget.background#FFB9FFc0
  • debugExceptionWidget.border#F2F1F1fe
  • debugIcon.breakpointCurrentStackframeForeground#412767fe
  • debugIcon.breakpointDisabledForeground#3F3B3B65
  • debugIcon.breakpointForeground#393E40fe
  • debugIcon.breakpointStackframeForeground#3F3232fe
  • debugIcon.breakpointUnverifiedForeground#233C12fe
  • debugIcon.continueForeground#3C3A35fe
  • debugIcon.disconnectForeground#233C09fe
  • debugIcon.pauseForeground#3B3434fe
  • debugIcon.restartForeground#353C3Afe
  • debugIcon.startForeground#193C2Bfe
  • debugIcon.stepBackForeground#1D3C31fe
  • debugIcon.stepIntoForeground#433302fe
  • debugIcon.stepOutForeground#203B34fe
  • debugIcon.stepOverForeground#2C3926fe
  • debugIcon.stopForeground#5A1D4Bfe
  • debugTokenExpression.boolean#232521ca
  • debugTokenExpression.error#181717ca
  • debugTokenExpression.name#1F1D21ca
  • debugTokenExpression.number#211D20ca
  • debugTokenExpression.value#212425ca
  • debugToolBar.background#FFB9FFc2
  • debugToolBar.border#F2F1F1fe
  • debugView.exceptionLabelBackground#D3CECEca
  • debugView.exceptionLabelForeground#40341Cca
  • debugView.stateLabelBackground#D1CFCCca
  • debugView.stateLabelForeground#273A1Dca
  • debugView.valueChangedHighlight#1F1D21ca
  • descriptionForeground#353535ce
  • diffEditor.border#FAFBFA00
  • diffEditor.diagonalFill#000000f5
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#A9DAACfb
  • diffEditor.insertedTextBorder#FBFAFA00
  • diffEditor.move.border#FBFAFA00
  • diffEditor.moveActive.border#FAFAFB00
  • diffEditor.removedLineBackground#FFBEBE31
  • diffEditor.removedTextBackground#FFBEBEfb
  • diffEditor.removedTextBorder#FAFBFA00
  • diffEditor.unchangedCodeBackground#DEDCDCfe
  • diffEditor.unchangedRegionBackground#DEDCDCfe
  • diffEditor.unchangedRegionForeground#353535ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#4C474765
  • dropdown.background#F2F1F1fe
  • dropdown.border#F2F1F1fe
  • dropdown.foreground#353535ce
  • dropdown.listBackground#F2F1F1fe
  • editor.background#DEDCDCfe
  • editor.findMatchBackground#ADAAB3ac
  • editor.findMatchBorder#F2F1F1fe
  • editor.findMatchHighlightBackground#A79DA3ad
  • editor.findMatchHighlightBorder#F2F1F1fe
  • editor.findRangeHighlightBackground#9D9696ad
  • editor.findRangeHighlightBorder#F2F1F1fe
  • editor.focusedStackFrameHighlightBackground#BAB7BF87
  • editor.foldBackground#415336a4
  • editor.foreground#353535ce
  • editor.hoverHighlightBackground#9B8F97ad
  • editor.inactiveSelectionBackground#C6C2C29b
  • editor.inlineValuesBackground#DEDCDCfe
  • editor.inlineValuesForeground#353535ce
  • editor.lineHighlightBackground#BEB9B9b5
  • editor.lineHighlightBorder#FAFBFA00
  • editor.linkedEditingBackground#DEDCDCfe
  • editor.rangeHighlightBackground#BAB7BFad
  • editor.rangeHighlightBorder#F2F1F1fe
  • editor.selectionBackground#CFC9CDa1
  • editor.selectionForeground#433302ca
  • editor.selectionHighlightBackground#A6AFAC8b
  • editor.selectionHighlightBorder#F2F1F1fe
  • editor.snippetFinalTabstopHighlightBackground#A09DA7ac
  • editor.snippetFinalTabstopHighlightBorder#F2F1F1fe
  • editor.snippetTabstopHighlightBackground#A4ABA1a4
  • editor.snippetTabstopHighlightBorder#F2F1F1fe
  • editor.stackFrameHighlightBackground#9CA398ae
  • editor.symbolHighlightBackground#8F9B97ae
  • editor.symbolHighlightBorder#F2F1F1fe
  • editor.wordHighlightBackground#AAB3B0aa
  • editor.wordHighlightBorder#F6F6F600
  • editor.wordHighlightStrongBackground#B6BBB3a5
  • editor.wordHighlightStrongBorder#FAFAFB00
  • editor.wordHighlightTextBackground#B3BBB8aa
  • editor.wordHighlightTextBorder#FBFAFA00
  • editorBracketHighlight.foreground1#0D0D0Dce
  • editorBracketHighlight.foreground2#0D0D0Dce
  • editorBracketHighlight.foreground3#0D0D0Dce
  • editorBracketHighlight.foreground4#0D0D0Dce
  • editorBracketHighlight.foreground5#0D0D0Dce
  • editorBracketHighlight.foreground6#0D0D0Dce
  • editorBracketHighlight.unexpectedBracket.foreground#353535ce
  • editorBracketMatch.background#325166a3
  • editorBracketMatch.border#F2F1F1fe
  • editorBracketPairGuide.activeBackground1#45505582
  • editorBracketPairGuide.activeBackground2#5F37A288
  • editorBracketPairGuide.activeBackground3#3F54348c
  • editorBracketPairGuide.activeBackground4#35534885
  • editorBracketPairGuide.activeBackground5#4951458c
  • editorBracketPairGuide.activeBackground6#3452618a
  • editorBracketPairGuide.background1#CAD0CEfe
  • editorBracketPairGuide.background2#CCD1D2fe
  • editorBracketPairGuide.background3#D3CDD1fe
  • editorBracketPairGuide.background4#CBCFD1fe
  • editorBracketPairGuide.background5#D1D0CBfe
  • editorBracketPairGuide.background6#D3CDD2fe
  • editorCodeLens.foreground#A109096e
  • editorCommentsWidget.rangeActiveBackground#6B4444fe
  • editorCommentsWidget.rangeBackground#DEDCDCfe
  • editorCommentsWidget.resolvedBorder#F2F1F1fe
  • editorCommentsWidget.unresolvedBorder#FFBEBEcb
  • editorCursor.background#DEDCDCfe
  • editorCursor.foreground#4C2688fe
  • editorError.background#FBFAFA00
  • editorError.border#FBFAFA00
  • editorError.foreground#8E008Ece
  • editorGhostText.background#DEDCDCfe
  • editorGhostText.border#FBFAFA00
  • editorGhostText.foreground#A001016e
  • editorGroup.border#F2F1F1fe
  • editorGroup.dropBackground#DEDCDCfe
  • editorGroup.dropIntoPromptBackground#DEDCDCfe
  • editorGroup.dropIntoPromptBorder#F2F1F1fe
  • editorGroup.dropIntoPromptForeground#353535ce
  • editorGroup.emptyBackground#DEDCDCfe
  • editorGroup.focusedEmptyBorder#F2F1F1fe
  • editorGroupHeader.border#FAFAFB00
  • editorGroupHeader.noTabsBackground#EEEDEDae
  • editorGroupHeader.tabsBackground#DAD7D7a1
  • editorGroupHeader.tabsBorder#FBFAFA00
  • editorGutter.addedBackground#1A5B1Dfb
  • editorGutter.background#DEDCDCfe
  • editorGutter.commentGlyphForeground#353535ce
  • editorGutter.commentRangeForeground#353535ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5921cb
  • editorGutter.deletedBackground#A30000cb
  • editorGutter.foldingControlForeground#353535ce
  • editorGutter.modifiedBackground#5C4C00ce
  • editorHint.border#FAFAFB00
  • editorHint.foreground#3C00F8ce
  • editorHoverWidget.background#F2F1F1fe
  • editorHoverWidget.border#F2F1F1fe
  • editorHoverWidget.foreground#353535ce
  • editorHoverWidget.highlightForeground#481F72ca
  • editorHoverWidget.statusBarBackground#DEDCDCfe
  • editorIndentGuide.activeBackground1#4F2787fe
  • editorIndentGuide.activeBackground2#4B1B9Afe
  • editorIndentGuide.activeBackground3#4F2787fe
  • editorIndentGuide.activeBackground4#4B1B9Afe
  • editorIndentGuide.activeBackground5#4A268Afe
  • editorIndentGuide.activeBackground6#4A09AFfe
  • editorIndentGuide.background1#5D646835
  • editorIndentGuide.background2#56534D35
  • editorIndentGuide.background3#6C696135
  • editorIndentGuide.background4#6C616935
  • editorIndentGuide.background5#44423D35
  • editorIndentGuide.background6#5D646835
  • editorInfo.background#FAFAFB00
  • editorInfo.border#FBFAFA00
  • editorInfo.foreground#3C00F8ce
  • editorInlayHint.background#DEDCDCfe
  • editorInlayHint.foreground#353535ce
  • editorInlayHint.parameterBackground#DEDCDCfe
  • editorInlayHint.parameterForeground#353535ce
  • editorInlayHint.typeBackground#DEDCDCfe
  • editorInlayHint.typeForeground#353535ce
  • editorLightBulb.foreground#5C4C00ce
  • editorLightBulbAutoFix.foreground#1F5921cb
  • editorLineNumber.activeForeground#4D2688fe
  • editorLineNumber.dimmedForeground#A00D0D6e
  • editorLineNumber.foreground#A109096e
  • editorLink.activeForeground#4D2688fe
  • editorMarkerNavigation.background#F2F1F1fe
  • editorMarkerNavigationError.background#FFB9FF9d
  • editorMarkerNavigationError.headerBackground#FFB9FF9d
  • editorMarkerNavigationInfo.background#CACAFFfe
  • editorMarkerNavigationInfo.headerBackground#CACAFFfe
  • editorMarkerNavigationWarning.background#F6CB00fe
  • editorMarkerNavigationWarning.headerBackground#F6CB00fe
  • editorOverviewRuler.addedForeground#1F5921cb
  • editorOverviewRuler.background#DEDCDCfe
  • editorOverviewRuler.border#D1CDCDfe
  • editorOverviewRuler.bracketMatchForeground#353535ce
  • editorOverviewRuler.commentForeground#9F11116e
  • editorOverviewRuler.commentUnresolvedForeground#1F5921cb
  • editorOverviewRuler.commonContentForeground#353535ce
  • editorOverviewRuler.currentContentForeground#4E4E4E9c
  • editorOverviewRuler.deletedForeground#A30000cb
  • editorOverviewRuler.errorForeground#8E008Ece
  • editorOverviewRuler.findMatchForeground#005858ce
  • editorOverviewRuler.incomingContentForeground#1F5921cb
  • editorOverviewRuler.infoForeground#3C00F8ce
  • editorOverviewRuler.modifiedForeground#5C4C00ce
  • editorOverviewRuler.rangeHighlightForeground#25383Eca
  • editorOverviewRuler.selectionHighlightForeground#3C00F8ce
  • editorOverviewRuler.warningForeground#5C4C00ce
  • editorOverviewRuler.wordHighlightForeground#4E293Fca
  • editorOverviewRuler.wordHighlightStrongForeground#353535ce
  • editorOverviewRuler.wordHighlightTextForeground#353535ce
  • editorPane.background#DEDCDCfe
  • editorRuler.foreground#70424224
  • editorStickyScroll.background#DEDCDCfe
  • editorStickyScrollHover.background#D1CECE6e
  • editorSuggestWidget.background#F2F1F1fe
  • editorSuggestWidget.border#FBFAFA00
  • editorSuggestWidget.focusHighlightForeground#473A3Afe
  • editorSuggestWidget.foreground#1B3948fe
  • editorSuggestWidget.highlightForeground#113D2Bca
  • editorSuggestWidget.selectedBackground#AAB3B08a
  • editorSuggestWidget.selectedForeground#1E3D00ca
  • editorSuggestWidget.selectedIconForeground#113D2Bca
  • editorSuggestWidgetStatus.foreground#433302fe
  • editorUnicodeHighlight.background#B3AAB0aa
  • editorUnicodeHighlight.border#F2F1F1fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FBFAFA00
  • editorWarning.border#FAFAFB00
  • editorWarning.foreground#5C4C00ce
  • editorWhitespace.foreground#353535ce
  • editorWidget.background#F2F1F1fe
  • editorWidget.border#F2F1F1fe
  • editorWidget.foreground#353535ce
  • editorWidget.resizeBorder#F2F1F1fe
  • errorForeground#8E008Ece
  • extensionBadge.remoteBackground#532898fe
  • extensionBadge.remoteForeground#EEEDEDfe
  • extensionButton.background#D1CDCDae
  • extensionButton.foreground#353535ce
  • extensionButton.hoverBackground#D1CECE6e
  • extensionButton.prominentBackground#DEDCDCfe
  • extensionButton.prominentForeground#353535ce
  • extensionButton.prominentHoverBackground#DEDCDCfe
  • extensionButton.separator#FAFAFB00
  • extensionIcon.preReleaseForeground#4A0292fe
  • extensionIcon.sponsorForeground#433302fe
  • extensionIcon.starForeground#542448fe
  • extensionIcon.verifiedForeground#542448fe
  • focusBorder#FAFAFB00
  • foreground#353535ce
  • gitDecoration.addedResourceForeground#1F5921cb
  • gitDecoration.deletedResourceForeground#A30000cb
  • gitDecoration.modifiedResourceForeground#5C4C00ce
  • gitDecoration.renamedResourceForeground#3C00F8ce
  • gitDecoration.stageDeletedResourceForeground#A30000cb
  • gitDecoration.stageModifiedResourceForeground#1F5921cb
  • gitDecoration.untrackedResourceForeground#005858ce
  • icon.foreground#544D4Dae
  • inlineChat.background#CCCED0ca
  • inlineChat.border#CCD1CFca
  • inlineChat.regionHighlight#1A1D1Cca
  • inlineChat.shadow#211F1Fca
  • inlineChatDiff.inserted#181717ca
  • inlineChatDiff.removed#21201Dca
  • inlineChatInput.background#181717ca
  • inlineChatInput.border#D0CED2ca
  • inlineChatInput.focusBorder#FAFAFB00
  • inlineChatInput.placeholderForeground#233C12ca
  • input.background#F2F1F1fe
  • input.border#F2F1F1fe
  • input.foreground#353535ce
  • input.placeholderForeground#4C474765
  • inputOption.activeBackground#F2F1F1fe
  • inputOption.activeBorder#F2F1F1fe
  • inputOption.activeForeground#502790fe
  • inputOption.hoverBackground#F2F1F1fe
  • inputValidation.errorBackground#670067ab
  • inputValidation.errorBorder#FFB9FFb6
  • inputValidation.errorForeground#8E008Ece
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F2F1F1fe
  • inputValidation.infoForeground#353535ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F2F1F1fe
  • inputValidation.warningForeground#5C4C00ce
  • interactive.activeCodeBorder#F2F1F1fe
  • interactive.inactiveCodeBorder#D1CDCD9b
  • keybindingLabel.background#DEDCDCfe
  • keybindingLabel.border#F2F1F1fe
  • keybindingLabel.bottomBorder#F2F1F1fe
  • keybindingLabel.foreground#353535ce
  • keybindingTable.headerBackground#DEDCDCfe
  • keybindingTable.rowsBackground#DEDCDCfe
  • list.activeSelectionBackground#98949F82
  • list.activeSelectionForeground#393149ca
  • list.activeSelectionIconForeground#193C2Bca
  • list.deemphasizedForeground#353535ce
  • list.dropBackground#DEDCDCfe
  • list.errorForeground#8E008Ece
  • list.filterMatchBackground#DEDCDCfe
  • list.filterMatchBorder#F2F1F1fe
  • list.focusAndSelectionOutline#FAFAFB00
  • list.focusBackground#CAC6C696
  • list.focusForeground#502790fe
  • list.focusHighlightForeground#244338fe
  • list.focusOutline#FAFBFA00
  • list.highlightForeground#4A0292ca
  • list.hoverBackground#D3CED1a5
  • list.hoverForeground#5A29A7fe
  • list.inactiveFocusBackground#CAC6C69e
  • list.inactiveFocusOutline#F6F6F600
  • list.inactiveSelectionBackground#EEEDEDae
  • list.inactiveSelectionForeground#443F3F65
  • list.inactiveSelectionIconForeground#3F3B3B65
  • list.invalidItemForeground#353535ce
  • list.warningForeground#5C4C00ce
  • listFilterWidget.background#DEDCDCfe
  • listFilterWidget.noMatchesOutline#FBFAFA00
  • listFilterWidget.outline#FAFAFB00
  • listFilterWidget.shadow#FAFAFB00
  • menu.background#EEEDEDfe
  • menu.border#FAFAFB00
  • menu.foreground#6E0D0Dae
  • menu.selectionBackground#C7C0C5a1
  • menu.selectionBorder#F6F6F600
  • menu.selectionForeground#532898fe
  • menu.separatorBackground#D1CDCD65
  • menubar.selectionBackground#CBC5C9a6
  • menubar.selectionBorder#FAFBFA00
  • menubar.selectionForeground#532898fe
  • merge.border#F2F1F1fe
  • merge.commonContentBackground#DEDCDCfe
  • merge.commonHeaderBackground#DEDCDCfe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#A9DAACfb
  • merge.incomingContentBackground#A9DAABcb
  • merge.incomingHeaderBackground#A9DAACfb
  • mergeEditor.change.background#DEDCDCfe
  • mergeEditor.change.word.background#DEDCDCfe
  • mergeEditor.changeBase.background#DEDCDCfe
  • mergeEditor.changeBase.word.background#DEDCDCfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F2F1F1fe
  • mergeEditor.conflict.handledUnfocused.border#D2CFCF27
  • mergeEditor.conflict.input1.background#F2F1F1fe
  • mergeEditor.conflict.input2.background#F2F1F1fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067ac
  • mergeEditor.conflict.unhandledFocused.border#F2F1F1fe
  • mergeEditor.conflict.unhandledUnfocused.border#D6D3D33a
  • mergeEditor.conflictingLines.background#DEDCDCfe
  • minimap.background#DEDCDCfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0D0D0Dce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5B1Dfb
  • minimapGutter.deletedBackground#A30000fb
  • minimapGutter.modifiedBackground#5C4C00ce
  • minimapSlider.activeBackground#8D8585fe
  • minimapSlider.background#BAB4B4ae
  • minimapSlider.hoverBackground#9992926e
  • notebook.cellBorderColor#F2F1F1fe
  • notebook.cellEditorBackground#DEDCDCfe
  • notebook.cellHoverBackground#DEDCDCfe
  • notebook.cellInsertionIndicator#1D1A1Cca
  • notebook.cellStatusBarItemHoverBackground#DEDCDCfe
  • notebook.cellToolbarSeparator#1F1D21ca
  • notebook.editorBackground#DEDCDCfe
  • notebook.focusedCellBackground#DEDCDCfe
  • notebook.focusedCellBorder#4C2688fe
  • notebook.focusedEditorBorder#F2F1F1fe
  • notebook.inactiveFocusedCellBorder#9189898e
  • notebook.inactiveSelectedCellBorder#8178788e
  • notebook.outputContainerBackgroundColor#DEDCDCfe
  • notebook.outputContainerBorderColor#F2F1F1fe
  • notebook.selectedCellBackground#DEDCDCfe
  • notebook.selectedCellBorder#F2F1F1fe
  • notebook.symbolHighlightBackground#DEDCDCfe
  • notebookEditorOverviewRuler.runningCellForeground#353535ce
  • notebookScrollbarSlider.activeBackground#857C7Cfe
  • notebookScrollbarSlider.background#B1ACACae
  • notebookScrollbarSlider.hoverBackground#9D96966e
  • notebookStatusErrorIcon.foreground#8E008Ece
  • notebookStatusRunningIcon.foreground#601748fe
  • notebookStatusSuccessIcon.foreground#1F5921cb
  • notificationCenter.border#F2F1F1fe
  • notificationCenterHeader.background#DEDCDCfe
  • notificationCenterHeader.foreground#353535ce
  • notificationLink.foreground#353535ce
  • notifications.background#DEDCDCfe
  • notifications.border#F2F1F1fe
  • notifications.foreground#353535ce
  • notificationsErrorIcon.foreground#8E008Ece
  • notificationsInfoIcon.foreground#1A3B35fe
  • notificationsWarningIcon.foreground#5C4C00ce
  • notificationToast.border#F2F1F1fe
  • panel.background#DEDCDCfe
  • panel.border#F2F1F1fe
  • panel.dropBorder#F2F1F1fe
  • panelInput.border#F2F1F1fe
  • panelSection.border#F2F1F1fe
  • panelSection.dropBackground#DEDCDCfe
  • panelSectionHeader.background#DEDCDCfe
  • panelSectionHeader.border#F2F1F1fe
  • panelSectionHeader.foreground#353535ce
  • panelTitle.activeBorder#FAFAFB00
  • panelTitle.activeForeground#4F2787fe
  • panelTitle.inactiveForeground#514B4B65
  • peekView.border#4C2689fe
  • peekViewEditor.background#F2F1F1fe
  • peekViewEditor.matchHighlightBackground#AAB0B38c
  • peekViewEditor.matchHighlightBorder#FAFBFA00
  • peekViewEditorGutter.background#F2F1F1fe
  • peekViewEditorStickyScroll.background#DEDCDCfe
  • peekViewResult.background#EEEDEDfe
  • peekViewResult.fileForeground#353535ce
  • peekViewResult.lineForeground#353535ce
  • peekViewResult.matchHighlightBackground#989FA386
  • peekViewResult.selectionBackground#A6ACAF84
  • peekViewResult.selectionForeground#592525ca
  • peekViewTitle.background#EEEDEDfe
  • peekViewTitleDescription.foreground#353535ce
  • peekViewTitleLabel.foreground#353535ce
  • pickerGroup.border#F2F1F1fe
  • pickerGroup.foreground#353535ce
  • ports.iconRunningProcessForeground#14375Afe
  • problemsErrorIcon.foreground#8E008Ece
  • problemsInfoIcon.foreground#3C00F8ce
  • problemsWarningIcon.foreground#5C4C00ce
  • profileBadge.background#57289Ffe
  • profileBadge.foreground#EEEDEDfe
  • progressBar.background#DEDCDCfe
  • quickInput.background#EEEDEDfe
  • quickInput.foreground#6D0E0Eae
  • quickInputList.focusBackground#ABA1A8a3
  • quickInputList.focusForeground#532898fe
  • quickInputList.focusIconForeground#642AC0fe
  • quickInputTitle.background#F2F1F1fe
  • sash.hoverBorder#F2F1F1fe
  • scrollbar.shadow#F6F6F600
  • scrollbarSlider.activeBackground#857C7Cfe
  • scrollbarSlider.background#B6B0B0ae
  • scrollbarSlider.hoverBackground#A59F9F6e
  • search.resultsInfoForeground#353535ce
  • searchEditor.findMatchBackground#9F9B94a4
  • searchEditor.findMatchBorder#F2F1F1fe
  • searchEditor.textInputBorder#F2F1F1fe
  • selection.background#DEDCDCfe
  • settings.checkboxBackground#F2F1F1fe
  • settings.checkboxBorder#F2F1F1fe
  • settings.checkboxForeground#353535ce
  • settings.dropdownBackground#F2F1F1fe
  • settings.dropdownBorder#F2F1F1fe
  • settings.dropdownForeground#353535ce
  • settings.dropdownListBorder#F2F1F1fe
  • settings.focusedRowBackground#B7B4AF87
  • settings.focusedRowBorder#F2F1F1fe
  • settings.headerBorder#F2F1F1fe
  • settings.headerForeground#353535ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F2F1F1fe
  • settings.numberInputBorder#F2F1F1fe
  • settings.numberInputForeground#353535ce
  • settings.rowHoverBackground#DEDCDCfe
  • settings.sashBorder#F2F1F1fe
  • settings.settingsHeaderHoverForeground#57289Ffe
  • settings.textInputBackground#F2F1F1fe
  • settings.textInputBorder#F2F1F1fe
  • settings.textInputForeground#353535ce
  • sideBar.background#DEDCDCfe
  • sideBar.border#F2F1F1fe
  • sideBar.dropBackground#DEDCDCfe
  • sideBar.foreground#544D4Dae
  • sideBarSectionHeader.background#FBFAFA00
  • sideBarSectionHeader.border#F2F1F1fe
  • sideBarSectionHeader.foreground#353535ce
  • sideBarTitle.foreground#353535ce
  • sideBySideEditor.horizontalBorder#F2F1F1fe
  • sideBySideEditor.verticalBorder#F2F1F1fe
  • simpleFindWidget.sashBorder#F2F1F1fe
  • statusBar.background#EEEDEDfe
  • statusBar.border#F2F1F1fe
  • statusBar.debuggingBackground#FFB9FFb8
  • statusBar.debuggingBorder#F2F1F1fe
  • statusBar.debuggingForeground#353535ce
  • statusBar.focusBorder#FAFBFA00
  • statusBar.foreground#A109096e
  • statusBar.noFolderBackground#EEEDEDfe
  • statusBar.noFolderBorder#F2F1F1fe
  • statusBar.noFolderForeground#353535ce
  • statusBarItem.activeBackground#EEEDEDfe
  • statusBarItem.compactHoverBackground#EEEDEDfe
  • statusBarItem.errorBackground#FFB9FFbc
  • statusBarItem.errorForeground#8E008Ece
  • statusBarItem.errorHoverBackground#FFB9FFab
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFBFA00
  • statusBarItem.hoverBackground#EEEDEDfe
  • statusBarItem.hoverForeground#502790fe
  • statusBarItem.offlineBackground#EEEDEDfe
  • statusBarItem.offlineForeground#353535ce
  • statusBarItem.offlineHoverBackground#EEEDEDfe
  • statusBarItem.offlineHoverForeground#532898fe
  • statusBarItem.prominentBackground#EEEDEDfe
  • statusBarItem.prominentForeground#353535ce
  • statusBarItem.prominentHoverBackground#EEEDEDfe
  • statusBarItem.prominentHoverForeground#612AB8fe
  • statusBarItem.remoteBackground#5D29B0fe
  • statusBarItem.remoteForeground#EEEDEDfe
  • statusBarItem.remoteHoverBackground#EEEDEDfe
  • statusBarItem.remoteHoverForeground#642AC0fe
  • statusBarItem.warningBackground#F6CB00fe
  • statusBarItem.warningForeground#5C4C00ce
  • statusBarItem.warningHoverBackground#F6CB00fe
  • statusBarItem.warningHoverForeground#957B00ce
  • symbolIcon.arrayForeground#393149fe
  • symbolIcon.booleanForeground#005858ce
  • symbolIcon.classForeground#40393Efe
  • symbolIcon.colorForeground#3D3239fe
  • symbolIcon.constantForeground#4F2B2Bfe
  • symbolIcon.constructorForeground#283A1Bfe
  • symbolIcon.enumeratorForeground#233C09fe
  • symbolIcon.enumeratorMemberForeground#691616fe
  • symbolIcon.eventForeground#40341Cfe
  • symbolIcon.fieldForeground#3C3520fe
  • symbolIcon.fileForeground#393149fe
  • symbolIcon.folderForeground#3B3434fe
  • symbolIcon.functionForeground#592525fe
  • symbolIcon.interfaceForeground#1B3948fe
  • symbolIcon.keyForeground#193C2Bfe
  • symbolIcon.keywordForeground#353A3Cfe
  • symbolIcon.methodForeground#37353Cfe
  • symbolIcon.moduleForeground#313735fe
  • symbolIcon.namespaceForeground#433302fe
  • symbolIcon.nullForeground#1D3C31fe
  • symbolIcon.numberForeground#3D3239fe
  • symbolIcon.objectForeground#4B1481fe
  • symbolIcon.operatorForeground#4D2F01fe
  • symbolIcon.packageForeground#433302fe
  • symbolIcon.propertyForeground#412767fe
  • symbolIcon.referenceForeground#1E3D00fe
  • symbolIcon.snippetForeground#333731fe
  • symbolIcon.stringForeground#4A0292fe
  • symbolIcon.structForeground#433302fe
  • symbolIcon.textForeground#4D2F01fe
  • symbolIcon.typeParameterForeground#4A0292fe
  • symbolIcon.unitForeground#1E3D00fe
  • symbolIcon.variableForeground#3C3940fe
  • tab.activeBackground#EAE9E9fe
  • tab.activeBorder#FAFAFB00
  • tab.activeBorderTop#4C11A5fe
  • tab.activeForeground#4C1E97fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FAFAFB00
  • tab.hoverBackground#703D5Fa7
  • tab.hoverBorder#F2F1F1fe
  • tab.hoverForeground#642AC0fe
  • tab.inactiveBackground#D1CECE97
  • tab.inactiveForeground#48434365
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F2F1F1fe
  • tab.unfocusedActiveBackground#D2CFCF36
  • tab.unfocusedActiveBorder#FAFAFB00
  • tab.unfocusedActiveBorderTop#D2CECE65
  • tab.unfocusedActiveForeground#4C474765
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#7341413c
  • tab.unfocusedHoverBorder#D2CFCF3c
  • tab.unfocusedHoverForeground#514B4B65
  • tab.unfocusedInactiveBackground#CECACA9a
  • tab.unfocusedInactiveForeground#48434365
  • 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#670067a3
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec2
  • terminal.ansiYellow#c4a200fe
  • terminal.background#DEDCDCfe
  • terminal.border#F2F1F1fe
  • terminal.dropBackground#DEDCDCfe
  • terminal.findMatchBackground#DEDCDCfe
  • terminal.findMatchBorder#F2F1F1fe
  • terminal.findMatchHighlightBackground#DEDCDCfe
  • terminal.findMatchHighlightBorder#F2F1F1fe
  • terminal.foreground#544D4Dae
  • terminal.hoverHighlightBackground#DEDCDCfe
  • terminal.inactiveSelectionBackground#CECACA97
  • terminal.selectionBackground#AFB4B788
  • terminal.selectionForeground#233C09ca
  • terminal.tab.activeBorder#4601B5fe
  • terminalCommandDecoration.defaultBackground#3D5430a8
  • terminalCommandDecoration.errorBackground#A30000cb
  • terminalCommandDecoration.successBackground#1F5921cb
  • terminalCursor.background#DEDCDCfe
  • terminalCursor.foreground#502790fe
  • terminalOverviewRuler.cursorForeground#353535ce
  • terminalOverviewRuler.findMatchForeground#005858ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a2
  • testing.iconUnset#8080809f
  • testing.message.error.decorationForeground#492580fe
  • testing.message.error.lineBackground#FFB9FFa0
  • testing.message.info.decorationForeground#4C2688fe
  • testing.message.info.lineBackground#CACAFFfe
  • testing.peekBorder#F2F1F1fe
  • testing.peekHeaderBackground#DEDCDCfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#DEDCDCfe
  • textBlockQuote.border#F2F1F1fe
  • textCodeBlock.background#DEDCDCfe
  • textLink.activeForeground#4D2688fe
  • textLink.foreground#3C00F8ce
  • textPreformat.foreground#353535ce
  • textSeparator.foreground#353535ce
  • titleBar.activeBackground#EEEDEDfe
  • titleBar.activeForeground#7F0808ae
  • titleBar.border#F6F6F600
  • titleBar.inactiveBackground#D2CFCFd9
  • titleBar.inactiveForeground#48434365
  • toolbar.activeBackground#CACFCE8c
  • toolbar.hoverBackground#DEDCDCfe
  • toolbar.hoverOutline#FAFAFB00
  • tree.inactiveIndentGuidesStroke#50564D35
  • tree.indentGuidesStroke#492580fe
  • tree.tableColumnsBorder#F2F1F1fe
  • tree.tableOddRowsBackground#DEDCDCfe
  • walkThrough.embeddedEditorBackground#DEDCDCfe
  • walkthrough.stepTitle.foreground#353535ce
  • welcomePage.background#DEDCDCfe
  • welcomePage.progress.background#DEDCDCfe
  • welcomePage.progress.foreground#353535ce
  • welcomePage.tileBackground#DEDCDCfe
  • welcomePage.tileBorder#F2F1F1fe
  • welcomePage.tileHoverBackground#DEDCDCfe
  • widget.border#F2F1F1fe
  • widget.shadow#FAFAFB00
  • window.activeBorder#F2F1F1fe
  • window.inactiveBorder#D1CDCD91

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#5C12126e—
comment.block.html#5A14146e—
comment.block.java#5A14146e—
comment.block.javadoc.java#5B12126e—
comment.block.powershell#5C12126e—
comment.block.xml#5B12126e—
comment.line.double-slash.c#5B13136e—
comment.line.double-slash.cpp#5B13136e—
comment.line.double-slash.java#5B12126e—
comment.line.double-slash.js#5B13136e—
comment.line.number-sign.makefile#5A14146e—
comment.line.number-sign.python#5B13136e—
comment.line.number-sign.yaml#5A14146e—
comment.line.percentage.erlang#5C12126e—
comment.line.powershell#5C12126e—
comment.source.cmake#5B13136e—
comment.source.cmakecache#5A14146e—
constant.character#0F4E39de—
constant.character.character-class.regexp#4E1C40de—
constant.character.escape#3B186Fde—
constant.character.set.regexp#2E2E2Ede—
constant.language#13500Bde—
constant.numeric#143511de—
constant.numeric.dec.python#143511de—
constant.other.caps.python#214E1Cde—
constant.other.character-class.regexp#16500Ede—
constant.other.character-class.set.regexp#3E3E3Ede—
constant.other.color.rgb-value#541B18de—
constant.other.placeholder#4F1940de—
constant.other.rgb-value#391D68de—
constant.regexp#1A4738de—
constant.sha.git-rebase#6A2256de—
emphasis#5B120Ede—
entity.name.class#103428de—
entity.name.function#511841de—
entity.name.function.preprocessor#591613de—
entity.name.function.python#3A0585de—
entity.name.label#5B130Fde—
entity.name.namespace#390E7Ede—
entity.name.operator#391E64de—
entity.name.operator.custom-literal#14500Cde—
entity.name.scope-resolution#412371de—
entity.name.tag#521C1Ade—
entity.name.tag.css#3B186Fde—
entity.name.type#5B120Edebold
entity.name.variable#2E2E2Ede—
entity.other.attribute#37018Bde—
entity.other.attribute-name#113427de—
entity.other.attribute-name.class.css#0E2E55de—
entity.other.attribute-name.class.mixin.css#521640de—
entity.other.attribute-name.id#5B0442de—
entity.other.attribute-name.id.css#541D45de—
entity.other.attribute-name.parent-selector.css#103428de—
entity.other.attribute-name.pseudo-class.css#16392Ede—
entity.other.attribute-name.pseudo-element.css#54201Dde—
entity.other.attribute-name.scss#093603de—
entity.other.document.begin.yaml#5A14146e—
entity.other.inherited-class#2E2E2Ede—
header#103428de—
invalid#541D45de—
keyword#13500Bdebold
keyword.codetag.notation.python#2E2E2Edebold
keyword.control#102E53debold
keyword.control.anchor.regexp#3E3E3Edebold
keyword.control.import.python#6A2622debold
keyword.operator#214E1Cdebold
keyword.operator.alignas#234671debold
keyword.operator.alignof#143510debold
keyword.operator.cast#3E3E3Edebold
keyword.operator.delete#115009debold
keyword.operator.documentation.powershell#5A14146ebold
keyword.operator.expression#083525debold
keyword.operator.instanceof#3A2063debold
keyword.operator.logical.python#712723debold
keyword.operator.minus.exponent#632420debold
keyword.operator.negation.regexp#551042debold
keyword.operator.new#2E2E2Edebold
keyword.operator.noexcept#103428debold
keyword.operator.or.regexp#5C221Fdebold
keyword.operator.plus.exponent#360689debold
keyword.operator.quantifier.regexp#0C3607debold
keyword.operator.sizeof#381F62debold
keyword.operator.typeid#103428debold
keyword.operator.wordlike#192F4Adebold
keyword.other.operator#1A4738debold
keyword.other.package.java#600903debold
keyword.other.unit#424242debold
keyword.other.using#511D1Bdebold
markup.bold#0C3607de—
markup.changed#3A1E64de—
markup.deleted#1D3654de—
markup.fenced_code.block.markdown#103428de—
markup.heading#0F4E39de—
markup.inline.raw#353535de—
markup.inserted#203E63de—
markup.italic#16392Ede—
markup.raw.block.markdown#424242de—
markup.strikethrough#3A0585de—
markup.underline#13500Bde—
meta.block.c#1A2F4Ade—
meta.block.c#511D1Bde—
meta.class.java#541B18de—
meta.definition.variable.name#3B186Fde—
meta.diff.header#2E2E2Ede—
meta.embedded#032D5Fde—
meta.embedded.assembly#0E2D59de—
meta.function-call.arguments.python#551A16de—
meta.function-call.python#093603de—
meta.member.access.python#184033de—
meta.method.java#6A2622de—
meta.object-literal.key#6A2622de—
meta.paragraph.markdown#521C1Ade—
meta.preprocessor#16392Ede—
meta.preprocessor.numeric#6A2622de—
meta.preprocessor.string#102E53de—
meta.scope.prerequisites.makefile#303030de—
meta.structure.dictionary.json.comments#5B12126e—
meta.structure.dictionary.key.python#531342de—
meta.structure.dictionary.value.json.comments#5A14146e—
meta.template.expression#391E64de—
meta.type.cast.expr#153511debold
meta.type.new.expr#103428debold
parameter#6A2622de—
punctuation.character.set.begin.regexp#511D1Bde—
punctuation.character.set.end.regexp#3B186Fde—
punctuation.definition.array.begin.json#71235Cde—
punctuation.definition.character-class.regexp#1C4018de—
punctuation.definition.comment#5B13136e—
punctuation.definition.comment.json.comments#5A14146e—
punctuation.definition.comment.python#5B13136e—
punctuation.definition.dictionary.begin.json#17500Fde—
punctuation.definition.dictionary.end.json#1A4738de—
punctuation.definition.group.assertion.regexp#2E2E2Ede—
punctuation.definition.group.regexp#5C221Fde—
punctuation.definition.list.begin.json#0E2D59de—
punctuation.definition.list.begin.markdown#1A3916de—
punctuation.definition.list.begin.python#103428de—
punctuation.definition.list.end.json#551A16de—
punctuation.definition.list.end.markdown#1D3654de—
punctuation.definition.list.end.python#1F3A5Cde—
punctuation.definition.parameters.begin.python#2E2E2Ede—
punctuation.definition.parameters.end.bracket.round.java#2E2E2Ede—
punctuation.definition.quote.begin.markdown#71235Cde—
punctuation.definition.tag#0F4E39de—
punctuation.definition.template-expression.begin#2E2E2Ede—
punctuation.definition.template-expression.end#192F4Ade—
punctuation.section.class.begin.bracket.curly.java#5B0343de—
punctuation.section.embedded#102E53de—
punctuation.section.embedded.begin.php#600903de—
punctuation.section.embedded.end.php#0C3607de—
punctuation.terminator.java#3A1476de—
source.cmake#632050de—
source.coffee.embedded#083525de—
source.cpp#16500Ede—
source.css.less#1C324Ede—
source.groovy.embedded#1C324Ede—
source.java#393939de—
source.java-properties#2E2E2Ede—
source.json.comments#5B13136e—
source.makefile#412371de—
source.powershell#162F4Ede—
source.powershell.variable.other.member#3B186Fde—
source.python#632420de—
storage#5B120Ede—
storage.modifier#632420de—
storage.modifier.import.java#3A1E64de—
storage.modifier.package.java#16392Ede—
storage.type#3B1A6Cdebold
storage.type.annotation.groovy#71235Cdebold
storage.type.annotation.java#032D5Fdebold
storage.type.boolean.go#5B120Edebold
storage.type.byte.go#094F38debold
storage.type.cs#184033debold
storage.type.error.go#541B18debold
storage.type.generic.cs#632050debold
storage.type.generic.groovy#632050debold
storage.type.generic.java#0E2E55debold
storage.type.groovy#632420debold
storage.type.java#1A4738debold
storage.type.modifier.cs#5B0442debold
storage.type.numeric.go#16392Edebold
storage.type.object.array.groovy#162F4Edebold
storage.type.object.array.java#2E2E2Edebold
storage.type.parameters.groovy#192F4Adebold
storage.type.primitive.array.groovy#551A16debold
storage.type.primitive.array.java#424242debold
storage.type.primitive.groovy#102E53debold
storage.type.primitive.java#4F1940debold
storage.type.rune.go#14500Cdebold
storage.type.string.go#1D3654debold
storage.type.token.java#4F1940debold
storage.type.uintptr.go#580E42debold
storage.type.variable.cs#0C3607debold
string#14500Cde—
string.quoted.docstring.multi.python#5B12126e—
string.regexp#3B1A6Cde—
string.tag#4F1940de—
string.value#71235Cde—
strong#032D5Fde—
support.class#1F3A5Cde—
support.constant.color#2E2E2Ede—
support.constant.dom#360689de—
support.constant.font-name#5D0F0Cde—
support.constant.handlebars#14500Cde—
support.constant.json#084F37de—
support.constant.math#6A2622de—
support.constant.media#4E1C40de—
support.constant.media-type#182F4Bdebold
support.constant.property-value#2E2E2Ede—
support.function#5C1F4Bde—
support.function.git-rebase#0E2D59de—
support.other.parenthesis.regexp#093603de—
support.type#0B4F38debold
support.type.property-name#142F4Edebold
support.type.vendored.property-name#712723debold
support.variable#712723de—
token.debug-token#192F4Ade—
token.error-token#3E3E3Ede—
token.info-token#3B1A6Cde—
token.warn-token#123428de—
variable#570E43de—
variable.css#0E2D59de—
variable.language#16500Ede—
variable.language.wildcard.java#0F4E39de—
variable.other.constant#2E2E2Ede—
variable.other.definition.java#551A16de—
variable.other.enummember#22426Ade—
variable.other.less#6A2256de—
variable.other.object.java#142F4Ede—
variable.other.object.property.java#580E42de—
variable.parameter.c#103428de—
variable.parameter.function.language.python#541D45de—
variable.parameter.java#032D5Fde—
variable.scss#142F4Ede—