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