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#D8E1E1fe
  • activityBar.activeBackground#D8E1E1fe
  • activityBar.activeBorder#20425Dfe
  • activityBar.activeFocusBorder#A26F8900
  • activityBar.background#EBF0F0fe
  • activityBar.border#9072AE00
  • activityBar.dropBorder#093F75fe
  • activityBar.foreground#0D416Bfe
  • activityBar.inactiveForeground#33434365
  • activityBarBadge.background#2A5D82fe
  • activityBarBadge.foreground#EBF0F0fe
  • badge.background#285373fe
  • badge.foreground#EBF0F0fe
  • banner.background#D8E1E1fe
  • banner.foreground#123D3Dce
  • banner.iconForeground#3A3E2Ffe
  • breadcrumb.activeSelectionForeground#183F18ca
  • breadcrumb.background#E6ECECfe
  • breadcrumb.focusForeground#285373fe
  • breadcrumb.foreground#133D3Dae
  • breadcrumbPicker.background#D8E1E1fe
  • button.background#ACC0C0ae
  • button.border#F7F5F600
  • button.foreground#123D3Dce
  • button.hoverBackground#8FAAAA6e
  • button.secondaryBackground#D8E1E1fe
  • button.secondaryForeground#123D3Dce
  • button.secondaryHoverBackground#D8E1E1fe
  • button.separator#F6F5F700
  • charts.blue#1b1bfffe
  • charts.foreground#123D3Dce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#6700679e
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F0F3F3fe
  • chat.slashCommandBackground#D8E1E1fe
  • chat.slashCommandForeground#123D3Dce
  • checkbox.background#F0F3F3fe
  • checkbox.border#F0F3F3fe
  • checkbox.foreground#123D3Dce
  • checkbox.selectBackground#F0F3F3fe
  • checkbox.selectBorder#F0F3F3fe
  • commandCenter.activeBackground#CCD8CC87
  • commandCenter.activeBorder#F0F3F3fe
  • commandCenter.activeForeground#285373fe
  • commandCenter.background#D8E1E1fe
  • commandCenter.border#F0F3F3fe
  • commandCenter.foreground#123D3Dce
  • commandCenter.inactiveBorder#CAD7D792
  • commandCenter.inactiveForeground#3A4D4D65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FBFAFA00
  • contrastBorder#F5F7F700
  • debugConsole.errorForeground#910091ce
  • debugConsole.infoForeground#123D3Dce
  • debugConsole.sourceForeground#123D3Dce
  • debugConsole.warningForeground#604F00ce
  • debugConsoleInputIcon.foreground#333646fe
  • debugExceptionWidget.background#FEC1FEb9
  • debugExceptionWidget.border#F0F3F3fe
  • debugIcon.breakpointCurrentStackframeForeground#2C345Efe
  • debugIcon.breakpointDisabledForeground#17595965
  • debugIcon.breakpointForeground#2C345Efe
  • debugIcon.breakpointStackframeForeground#52048Dfe
  • debugIcon.breakpointUnverifiedForeground#4B3128fe
  • debugIcon.continueForeground#303659fe
  • debugIcon.disconnectForeground#2F3B18fe
  • debugIcon.pauseForeground#621E3Cfe
  • debugIcon.restartForeground#163D3Dfe
  • debugIcon.startForeground#4F197Bfe
  • debugIcon.stepBackForeground#2F3E2Ffe
  • debugIcon.stepIntoForeground#35392Bfe
  • debugIcon.stepOutForeground#402F56fe
  • debugIcon.stepOverForeground#452C5Afe
  • debugIcon.stopForeground#592A12fe
  • debugTokenExpression.boolean#19161Dca
  • debugTokenExpression.error#16171Dca
  • debugTokenExpression.name#1F2119ca
  • debugTokenExpression.number#19161Dca
  • debugTokenExpression.value#23261Dca
  • debugToolBar.background#FEC1FEb6
  • debugToolBar.border#F0F3F3fe
  • debugView.exceptionLabelBackground#CBD8D8ca
  • debugView.exceptionLabelForeground#043E3Eca
  • debugView.stateLabelBackground#CBD8CBca
  • debugView.stateLabelForeground#1C3C3Cca
  • debugView.valueChangedHighlight#1D1E26ca
  • descriptionForeground#123D3Dce
  • diffEditor.border#FAFBFA00
  • diffEditor.diagonalFill#000000f9
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#B5DFB7fb
  • diffEditor.insertedTextBorder#FAFBFA00
  • diffEditor.move.border#FAFBFA00
  • diffEditor.moveActive.border#F5F7F700
  • diffEditor.removedLineBackground#FFC7C731
  • diffEditor.removedTextBackground#FFC9C9fb
  • diffEditor.removedTextBorder#FAFAFB00
  • diffEditor.unchangedCodeBackground#D8E1E1fe
  • diffEditor.unchangedRegionBackground#D8E1E1fe
  • diffEditor.unchangedRegionForeground#123D3Dce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#17595965
  • dropdown.background#F0F3F3fe
  • dropdown.border#F0F3F3fe
  • dropdown.foreground#123D3Dce
  • dropdown.listBackground#F0F3F3fe
  • editor.background#D8E1E1fe
  • editor.findMatchBackground#8AA6A6a6
  • editor.findMatchBorder#F0F3F3fe
  • editor.findMatchHighlightBackground#BCADA7ae
  • editor.findMatchHighlightBorder#F0F3F3fe
  • editor.findRangeHighlightBackground#AA8F9Bab
  • editor.findRangeHighlightBorder#F0F3F3fe
  • editor.focusedStackFrameHighlightBackground#9AA3868b
  • editor.foldBackground#49552Daa
  • editor.foreground#123D3Dce
  • editor.hoverHighlightBackground#8AA6A6aa
  • editor.inactiveSelectionBackground#C4D2D292
  • editor.inlineValuesBackground#D8E1E1fe
  • editor.inlineValuesForeground#123D3Dce
  • editor.lineHighlightBackground#B6C7C7b5
  • editor.lineHighlightBorder#FAFAFB00
  • editor.linkedEditingBackground#D8E1E1fe
  • editor.rangeHighlightBackground#C0B2ACa2
  • editor.rangeHighlightBorder#F0F3F3fe
  • editor.selectionBackground#C4D2C4aa
  • editor.selectionForeground#6C0E3Dca
  • editor.selectionHighlightBackground#AFA3B981
  • editor.selectionHighlightBorder#F0F3F3fe
  • editor.snippetFinalTabstopHighlightBackground#B9A3ACa9
  • editor.snippetFinalTabstopHighlightBorder#F0F3F3fe
  • editor.snippetTabstopHighlightBackground#8AA68Aab
  • editor.snippetTabstopHighlightBorder#F0F3F3fe
  • editor.stackFrameHighlightBackground#AE949Fa8
  • editor.symbolHighlightBackground#B1C4B1ab
  • editor.symbolHighlightBorder#F0F3F3fe
  • editor.wordHighlightBackground#B1B4C4a2
  • editor.wordHighlightBorder#F6F5F700
  • editor.wordHighlightStrongBackground#AAB199aa
  • editor.wordHighlightStrongBorder#FBFAFA00
  • editor.wordHighlightTextBackground#9AA386ae
  • editor.wordHighlightTextBorder#F7F5F600
  • editorBracketHighlight.foreground1#0A0E0Ece
  • editorBracketHighlight.foreground2#0A0E0Ece
  • editorBracketHighlight.foreground3#0A0E0Ece
  • editorBracketHighlight.foreground4#0A0E0Ece
  • editorBracketHighlight.foreground5#0A0E0Ece
  • editorBracketHighlight.foreground6#0A0E0Ece
  • editorBracketHighlight.unexpectedBracket.foreground#123D3Dce
  • editorBracketMatch.background#49552Da8
  • editorBracketMatch.border#F0F3F3fe
  • editorBracketPairGuide.activeBackground1#2D592D85
  • editorBracketPairGuide.activeBackground2#634A408c
  • editorBracketPairGuide.activeBackground3#61457588
  • editorBracketPairGuide.activeBackground4#72415783
  • editorBracketPairGuide.activeBackground5#5E4D478a
  • editorBracketPairGuide.activeBackground6#664A3F8c
  • editorBracketPairGuide.background1#CCD8CCfe
  • editorBracketPairGuide.background2#DDD2D7fe
  • editorBracketPairGuide.background3#CAD7D7fe
  • editorBracketPairGuide.background4#CBD7D7fe
  • editorBracketPairGuide.background5#D3D4DDfe
  • editorBracketPairGuide.background6#D3D6CAfe
  • editorCodeLens.foreground#2658586e
  • editorCommentsWidget.rangeActiveBackground#375656fe
  • editorCommentsWidget.rangeBackground#D8E1E1fe
  • editorCommentsWidget.resolvedBorder#F0F3F3fe
  • editorCommentsWidget.unresolvedBorder#FFC7C7cb
  • editorCursor.background#D8E1E1fe
  • editorCursor.foreground#2E79B2fe
  • editorError.background#F6F5F700
  • editorError.border#FAFBFA00
  • editorError.foreground#910091ce
  • editorGhostText.background#D8E1E1fe
  • editorGhostText.border#F5F7F700
  • editorGhostText.foreground#2658586e
  • editorGroup.border#F0F3F3fe
  • editorGroup.dropBackground#D8E1E1fe
  • editorGroup.dropIntoPromptBackground#D8E1E1fe
  • editorGroup.dropIntoPromptBorder#F0F3F3fe
  • editorGroup.dropIntoPromptForeground#123D3Dce
  • editorGroup.emptyBackground#D8E1E1fe
  • editorGroup.focusedEmptyBorder#F0F3F3fe
  • editorGroupHeader.border#FAFBFA00
  • editorGroupHeader.noTabsBackground#EBF0F0ae
  • editorGroupHeader.tabsBackground#D8E1E1a1
  • editorGroupHeader.tabsBorder#FBFAFA00
  • editorGutter.addedBackground#1A5D1Dfb
  • editorGutter.background#D8E1E1fe
  • editorGutter.commentGlyphForeground#123D3Dce
  • editorGutter.commentRangeForeground#123D3Dce
  • editorGutter.commentUnresolvedGlyphForeground#1F5C22cb
  • editorGutter.deletedBackground#A50000cb
  • editorGutter.foldingControlForeground#123D3Dce
  • editorGutter.modifiedBackground#604F00ce
  • editorHint.border#F5F7F700
  • editorHint.foreground#3C00FCce
  • editorHoverWidget.background#F0F3F3fe
  • editorHoverWidget.border#F0F3F3fe
  • editorHoverWidget.foreground#123D3Dce
  • editorHoverWidget.highlightForeground#6C0E3Dca
  • editorHoverWidget.statusBarBackground#D8E1E1fe
  • editorIndentGuide.activeBackground1#0C4169fe
  • editorIndentGuide.activeBackground2#093F75fe
  • editorIndentGuide.activeBackground3#20425Dfe
  • editorIndentGuide.activeBackground4#1A425Efe
  • editorIndentGuide.activeBackground5#134265fe
  • editorIndentGuide.activeBackground6#0D416Bfe
  • editorIndentGuide.background1#654C5735
  • editorIndentGuide.background2#57735735
  • editorIndentGuide.background3#453A4D35
  • editorIndentGuide.background4#49604935
  • editorIndentGuide.background5#65534C35
  • editorIndentGuide.background6#56474135
  • editorInfo.background#FAFBFA00
  • editorInfo.border#FAFAFB00
  • editorInfo.foreground#3C00FCce
  • editorInlayHint.background#D8E1E1fe
  • editorInlayHint.foreground#123D3Dce
  • editorInlayHint.parameterBackground#D8E1E1fe
  • editorInlayHint.parameterForeground#123D3Dce
  • editorInlayHint.typeBackground#D8E1E1fe
  • editorInlayHint.typeForeground#123D3Dce
  • editorLightBulb.foreground#604F00ce
  • editorLightBulbAutoFix.foreground#1F5C22cb
  • editorLineNumber.activeForeground#2E75AAfe
  • editorLineNumber.dimmedForeground#2058586e
  • editorLineNumber.foreground#2358586e
  • editorLink.activeForeground#2E75AAfe
  • editorMarkerNavigation.background#F0F3F3fe
  • editorMarkerNavigationError.background#FEC1FEc1
  • editorMarkerNavigationError.headerBackground#FEC1FEa9
  • editorMarkerNavigationInfo.background#D1D1FFfe
  • editorMarkerNavigationInfo.headerBackground#D1D1FFfe
  • editorMarkerNavigationWarning.background#FED200fe
  • editorMarkerNavigationWarning.headerBackground#FED200fe
  • editorOverviewRuler.addedForeground#1F5C22cb
  • editorOverviewRuler.background#D8E1E1fe
  • editorOverviewRuler.border#CBD7D7fe
  • editorOverviewRuler.bracketMatchForeground#123D3Dce
  • editorOverviewRuler.commentForeground#1D59596e
  • editorOverviewRuler.commentUnresolvedForeground#1F5C22cb
  • editorOverviewRuler.commonContentForeground#123D3Dce
  • editorOverviewRuler.currentContentForeground#505050a4
  • editorOverviewRuler.deletedForeground#A50000cb
  • editorOverviewRuler.errorForeground#910091ce
  • editorOverviewRuler.findMatchForeground#005A5Ace
  • editorOverviewRuler.incomingContentForeground#1F5C22cb
  • editorOverviewRuler.infoForeground#3C00FCce
  • editorOverviewRuler.modifiedForeground#604F00ce
  • editorOverviewRuler.rangeHighlightForeground#163F16ca
  • editorOverviewRuler.selectionHighlightForeground#3C00FCce
  • editorOverviewRuler.warningForeground#604F00ce
  • editorOverviewRuler.wordHighlightForeground#55107Eca
  • editorOverviewRuler.wordHighlightStrongForeground#123D3Dce
  • editorOverviewRuler.wordHighlightTextForeground#123D3Dce
  • editorPane.background#D8E1E1fe
  • editorRuler.foreground#3556562a
  • editorStickyScroll.background#D8E1E1fe
  • editorStickyScrollHover.background#CBD7D76e
  • editorSuggestWidget.background#F0F3F3fe
  • editorSuggestWidget.border#F5F7F700
  • editorSuggestWidget.focusHighlightForeground#1B4545fe
  • editorSuggestWidget.foreground#043E3Efe
  • editorSuggestWidget.highlightForeground#0B1DA9ca
  • editorSuggestWidget.selectedBackground#A3B9A38b
  • editorSuggestWidget.selectedForeground#014101ca
  • editorSuggestWidget.selectedIconForeground#163D3Dca
  • editorSuggestWidgetStatus.foreground#592A12fe
  • editorUnicodeHighlight.background#A7BCBCa4
  • editorUnicodeHighlight.border#F0F3F3fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F5F7F700
  • editorWarning.border#F7F5F600
  • editorWarning.foreground#604F00ce
  • editorWhitespace.foreground#123D3Dce
  • editorWidget.background#F0F3F3fe
  • editorWidget.border#F0F3F3fe
  • editorWidget.foreground#123D3Dce
  • editorWidget.resizeBorder#F0F3F3fe
  • errorForeground#910091ce
  • extensionBadge.remoteBackground#2A5D82fe
  • extensionBadge.remoteForeground#EBF0F0fe
  • extensionButton.background#CBD7D7ae
  • extensionButton.foreground#123D3Dce
  • extensionButton.hoverBackground#CAD7D76e
  • extensionButton.prominentBackground#D8E1E1fe
  • extensionButton.prominentForeground#123D3Dce
  • extensionButton.prominentHoverBackground#D8E1E1fe
  • extensionButton.separator#FAFBFA00
  • extensionIcon.preReleaseForeground#502C3Afe
  • extensionIcon.sponsorForeground#183F18fe
  • extensionIcon.starForeground#5B2813fe
  • extensionIcon.verifiedForeground#303659fe
  • focusBorder#FAFAFB00
  • foreground#123D3Dce
  • gitDecoration.addedResourceForeground#1F5C22cb
  • gitDecoration.deletedResourceForeground#A50000cb
  • gitDecoration.modifiedResourceForeground#604F00ce
  • gitDecoration.renamedResourceForeground#3C00FCce
  • gitDecoration.stageDeletedResourceForeground#A50000cb
  • gitDecoration.stageModifiedResourceForeground#1F5C22cb
  • gitDecoration.untrackedResourceForeground#005A5Ace
  • icon.foreground#2C5757ae
  • inlineChat.background#D2D4DDca
  • inlineChat.border#CCD8CCca
  • inlineChat.regionHighlight#211B19ca
  • inlineChat.shadow#1D2626ca
  • inlineChatDiff.inserted#23261Dca
  • inlineChatDiff.removed#261D21ca
  • inlineChatInput.background#261D21ca
  • inlineChatInput.border#CCD8D8ca
  • inlineChatInput.focusBorder#F6F5F700
  • inlineChatInput.placeholderForeground#621E3Cca
  • input.background#F0F3F3fe
  • input.border#F0F3F3fe
  • input.foreground#123D3Dce
  • input.placeholderForeground#3E525265
  • inputOption.activeBackground#F0F3F3fe
  • inputOption.activeBorder#F0F3F3fe
  • inputOption.activeForeground#285373fe
  • inputOption.hoverBackground#F0F3F3fe
  • inputValidation.errorBackground#670067ad
  • inputValidation.errorBorder#FEC1FEbe
  • inputValidation.errorForeground#910091ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F0F3F3fe
  • inputValidation.infoForeground#123D3Dce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F0F3F3fe
  • inputValidation.warningForeground#604F00ce
  • interactive.activeCodeBorder#F0F3F3fe
  • interactive.inactiveCodeBorder#CBD7D798
  • keybindingLabel.background#D8E1E1fe
  • keybindingLabel.border#F0F3F3fe
  • keybindingLabel.bottomBorder#F0F3F3fe
  • keybindingLabel.foreground#123D3Dce
  • keybindingTable.headerBackground#D8E1E1fe
  • keybindingTable.rowsBackground#D8E1E1fe
  • list.activeSelectionBackground#9EB59E89
  • list.activeSelectionForeground#1C3E1Cca
  • list.activeSelectionIconForeground#6D0F37ca
  • list.deemphasizedForeground#123D3Dce
  • list.dropBackground#D8E1E1fe
  • list.errorForeground#910091ce
  • list.filterMatchBackground#D8E1E1fe
  • list.filterMatchBorder#F0F3F3fe
  • list.focusAndSelectionOutline#F5F7F700
  • list.focusBackground#C4D2D297
  • list.focusForeground#285373fe
  • list.focusHighlightForeground#0D4646fe
  • list.focusOutline#FAFBFA00
  • list.highlightForeground#52048Dca
  • list.hoverBackground#CCD8CCa6
  • list.hoverForeground#29587Bfe
  • list.inactiveFocusBackground#B6C7C79c
  • list.inactiveFocusOutline#FAFBFA00
  • list.inactiveSelectionBackground#EBF0F0ae
  • list.inactiveSelectionForeground#17595965
  • list.inactiveSelectionIconForeground#36484865
  • list.invalidItemForeground#123D3Dce
  • list.warningForeground#604F00ce
  • listFilterWidget.background#D8E1E1fe
  • listFilterWidget.noMatchesOutline#FAFBFA00
  • listFilterWidget.outline#FBFAFA00
  • listFilterWidget.shadow#FAFBFA00
  • menu.background#EBF0F0fe
  • menu.border#FAFBFA00
  • menu.foreground#143D3Dae
  • menu.selectionBackground#C0CFC0a7
  • menu.selectionBorder#FBFAFA00
  • menu.selectionForeground#285373fe
  • menu.separatorBackground#CAD7D765
  • menubar.selectionBackground#BBCBBBa3
  • menubar.selectionBorder#FAFBFA00
  • menubar.selectionForeground#2F7EBAfe
  • merge.border#F0F3F3fe
  • merge.commonContentBackground#D8E1E1fe
  • merge.commonHeaderBackground#D8E1E1fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#B5DFB7fb
  • merge.incomingContentBackground#B5DFB7cb
  • merge.incomingHeaderBackground#B5DFB7fb
  • mergeEditor.change.background#D8E1E1fe
  • mergeEditor.change.word.background#D8E1E1fe
  • mergeEditor.changeBase.background#D8E1E1fe
  • mergeEditor.changeBase.word.background#D8E1E1fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F0F3F3fe
  • mergeEditor.conflict.handledUnfocused.border#CAD7D72c
  • mergeEditor.conflict.input1.background#F0F3F3fe
  • mergeEditor.conflict.input2.background#F0F3F3fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067ac
  • mergeEditor.conflict.unhandledFocused.border#F0F3F3fe
  • mergeEditor.conflict.unhandledUnfocused.border#CEDADA21
  • mergeEditor.conflictingLines.background#D8E1E1fe
  • minimap.background#D8E1E1fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0E0Ece
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5D1Dfb
  • minimapGutter.deletedBackground#A60000fb
  • minimapGutter.modifiedBackground#604F00ce
  • minimapSlider.activeBackground#779898fe
  • minimapSlider.background#99B1B1ae
  • minimapSlider.hoverBackground#819F9F6e
  • notebook.cellBorderColor#F0F3F3fe
  • notebook.cellEditorBackground#D8E1E1fe
  • notebook.cellHoverBackground#D8E1E1fe
  • notebook.cellInsertionIndicator#1D1618ca
  • notebook.cellStatusBarItemHoverBackground#D8E1E1fe
  • notebook.cellToolbarSeparator#211B19ca
  • notebook.editorBackground#D8E1E1fe
  • notebook.focusedCellBackground#D8E1E1fe
  • notebook.focusedCellBorder#2D70A2fe
  • notebook.focusedEditorBorder#F0F3F3fe
  • notebook.inactiveFocusedCellBorder#7798988e
  • notebook.inactiveSelectedCellBorder#7C9B9B8e
  • notebook.outputContainerBackgroundColor#D8E1E1fe
  • notebook.outputContainerBorderColor#F0F3F3fe
  • notebook.selectedCellBackground#D8E1E1fe
  • notebook.selectedCellBorder#F0F3F3fe
  • notebook.symbolHighlightBackground#D8E1E1fe
  • notebookEditorOverviewRuler.runningCellForeground#123D3Dce
  • notebookScrollbarSlider.activeBackground#6D9090fe
  • notebookScrollbarSlider.background#9EB5B5ae
  • notebookScrollbarSlider.hoverBackground#86A3A36e
  • notebookStatusErrorIcon.foreground#910091ce
  • notebookStatusRunningIcon.foreground#163D3Dfe
  • notebookStatusSuccessIcon.foreground#1F5C22cb
  • notificationCenter.border#F0F3F3fe
  • notificationCenterHeader.background#D8E1E1fe
  • notificationCenterHeader.foreground#123D3Dce
  • notificationLink.foreground#123D3Dce
  • notifications.background#D8E1E1fe
  • notifications.border#F0F3F3fe
  • notifications.foreground#123D3Dce
  • notificationsErrorIcon.foreground#910091ce
  • notificationsInfoIcon.foreground#433733fe
  • notificationsWarningIcon.foreground#604F00ce
  • notificationToast.border#F0F3F3fe
  • panel.background#D8E1E1fe
  • panel.border#F0F3F3fe
  • panel.dropBorder#F0F3F3fe
  • panelInput.border#F0F3F3fe
  • panelSection.border#F0F3F3fe
  • panelSection.dropBackground#D8E1E1fe
  • panelSectionHeader.background#D8E1E1fe
  • panelSectionHeader.border#F0F3F3fe
  • panelSectionHeader.foreground#123D3Dce
  • panelTitle.activeBorder#F6F5F700
  • panelTitle.activeForeground#174264fe
  • panelTitle.inactiveForeground#3A4D4D65
  • peekView.border#0C4169fe
  • peekViewEditor.background#F0F3F3fe
  • peekViewEditor.matchHighlightBackground#9F818E81
  • peekViewEditor.matchHighlightBorder#FAFBFA00
  • peekViewEditorGutter.background#F0F3F3fe
  • peekViewEditorStickyScroll.background#D8E1E1fe
  • peekViewResult.background#EBF0F0fe
  • peekViewResult.fileForeground#123D3Dce
  • peekViewResult.lineForeground#123D3Dce
  • peekViewResult.matchHighlightBackground#C0B2AC88
  • peekViewResult.selectionBackground#A394AE86
  • peekViewResult.selectionForeground#402F56ca
  • peekViewTitle.background#EBF0F0fe
  • peekViewTitleDescription.foreground#123D3Dce
  • peekViewTitleLabel.foreground#123D3Dce
  • pickerGroup.border#F0F3F3fe
  • pickerGroup.foreground#123D3Dce
  • ports.iconRunningProcessForeground#163D3Dfe
  • problemsErrorIcon.foreground#910091ce
  • problemsInfoIcon.foreground#3C00FCce
  • problemsWarningIcon.foreground#604F00ce
  • profileBadge.background#2A5D82fe
  • profileBadge.foreground#EBF0F0fe
  • progressBar.background#D8E1E1fe
  • quickInput.background#EBF0F0fe
  • quickInput.foreground#143D3Dae
  • quickInputList.focusBackground#C4B6B1a8
  • quickInputList.focusForeground#2C6692fe
  • quickInputList.focusIconForeground#2E75AAfe
  • quickInputTitle.background#F0F3F3fe
  • sash.hoverBorder#F0F3F3fe
  • scrollbar.shadow#FAFBFA00
  • scrollbarSlider.activeBackground#6A8C8Cfe
  • scrollbarSlider.background#9EB5B5ae
  • scrollbarSlider.hoverBackground#8AA6A66e
  • search.resultsInfoForeground#123D3Dce
  • searchEditor.findMatchBackground#86A386a2
  • searchEditor.findMatchBorder#F0F3F3fe
  • searchEditor.textInputBorder#F0F3F3fe
  • selection.background#D8E1E1fe
  • settings.checkboxBackground#F0F3F3fe
  • settings.checkboxBorder#F0F3F3fe
  • settings.checkboxForeground#123D3Dce
  • settings.dropdownBackground#F0F3F3fe
  • settings.dropdownBorder#F0F3F3fe
  • settings.dropdownForeground#123D3Dce
  • settings.dropdownListBorder#F0F3F3fe
  • settings.focusedRowBackground#A394AE8d
  • settings.focusedRowBorder#F0F3F3fe
  • settings.headerBorder#F0F3F3fe
  • settings.headerForeground#123D3Dce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F0F3F3fe
  • settings.numberInputBorder#F0F3F3fe
  • settings.numberInputForeground#123D3Dce
  • settings.rowHoverBackground#D8E1E1fe
  • settings.sashBorder#F0F3F3fe
  • settings.settingsHeaderHoverForeground#2F7EBAfe
  • settings.textInputBackground#F0F3F3fe
  • settings.textInputBorder#F0F3F3fe
  • settings.textInputForeground#123D3Dce
  • sideBar.background#D8E1E1fe
  • sideBar.border#F0F3F3fe
  • sideBar.dropBackground#D8E1E1fe
  • sideBar.foreground#2C5757ae
  • sideBarSectionHeader.background#FBFAFA00
  • sideBarSectionHeader.border#F0F3F3fe
  • sideBarSectionHeader.foreground#123D3Dce
  • sideBarTitle.foreground#123D3Dce
  • sideBySideEditor.horizontalBorder#F0F3F3fe
  • sideBySideEditor.verticalBorder#F0F3F3fe
  • simpleFindWidget.sashBorder#F0F3F3fe
  • statusBar.background#EBF0F0fe
  • statusBar.border#F0F3F3fe
  • statusBar.debuggingBackground#FEC1FEa1
  • statusBar.debuggingBorder#F0F3F3fe
  • statusBar.debuggingForeground#123D3Dce
  • statusBar.focusBorder#FAFBFA00
  • statusBar.foreground#1B59596e
  • statusBar.noFolderBackground#EBF0F0fe
  • statusBar.noFolderBorder#F0F3F3fe
  • statusBar.noFolderForeground#123D3Dce
  • statusBarItem.activeBackground#EBF0F0fe
  • statusBarItem.compactHoverBackground#EBF0F0fe
  • statusBarItem.errorBackground#FEC1FEc7
  • statusBarItem.errorForeground#910091ce
  • statusBarItem.errorHoverBackground#FEC1FE99
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFBFA00
  • statusBarItem.hoverBackground#EBF0F0fe
  • statusBarItem.hoverForeground#2D6B9Afe
  • statusBarItem.offlineBackground#EBF0F0fe
  • statusBarItem.offlineForeground#123D3Dce
  • statusBarItem.offlineHoverBackground#EBF0F0fe
  • statusBarItem.offlineHoverForeground#2F7EBAfe
  • statusBarItem.prominentBackground#EBF0F0fe
  • statusBarItem.prominentForeground#123D3Dce
  • statusBarItem.prominentHoverBackground#EBF0F0fe
  • statusBarItem.prominentHoverForeground#2C6692fe
  • statusBarItem.remoteBackground#29587Bfe
  • statusBarItem.remoteForeground#EBF0F0fe
  • statusBarItem.remoteHoverBackground#EBF0F0fe
  • statusBarItem.remoteHoverForeground#2B618Afe
  • statusBarItem.warningBackground#FED200fe
  • statusBarItem.warningForeground#604F00ce
  • statusBarItem.warningHoverBackground#FED200fe
  • statusBarItem.warningHoverForeground#967C00ce
  • symbolIcon.arrayForeground#333646fe
  • symbolIcon.booleanForeground#005A5Ace
  • symbolIcon.classForeground#40314Afe
  • symbolIcon.colorForeground#502C3Afe
  • symbolIcon.constantForeground#163F16fe
  • symbolIcon.constructorForeground#422F50fe
  • symbolIcon.enumeratorForeground#273C27fe
  • symbolIcon.enumeratorMemberForeground#183D3Dfe
  • symbolIcon.eventForeground#592A12fe
  • symbolIcon.fieldForeground#6C0E3Dfe
  • symbolIcon.fileForeground#57283Bfe
  • symbolIcon.folderForeground#592A12fe
  • symbolIcon.functionForeground#502C3Afe
  • symbolIcon.interfaceForeground#183D3Dfe
  • symbolIcon.keyForeground#163D3Dfe
  • symbolIcon.keywordForeground#183D3Dfe
  • symbolIcon.methodForeground#44342Dfe
  • symbolIcon.moduleForeground#163F16fe
  • symbolIcon.namespaceForeground#2A3D05fe
  • symbolIcon.nullForeground#592919fe
  • symbolIcon.numberForeground#6D0F37fe
  • symbolIcon.objectForeground#6D0F37fe
  • symbolIcon.operatorForeground#1E2F7Dfe
  • symbolIcon.packageForeground#134013fe
  • symbolIcon.propertyForeground#163F16fe
  • symbolIcon.referenceForeground#5C233Dfe
  • symbolIcon.snippetForeground#014101fe
  • symbolIcon.stringForeground#3E4333fe
  • symbolIcon.structForeground#452C5Afe
  • symbolIcon.textForeground#55107Efe
  • symbolIcon.typeParameterForeground#313B18fe
  • symbolIcon.unitForeground#2E3559fe
  • symbolIcon.variableForeground#2C345Efe
  • tab.activeBackground#E6ECECfe
  • tab.activeBorder#F5F7F700
  • tab.activeBorderTop#03416Dfe
  • tab.activeForeground#134265fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FAFAFB00
  • tab.hoverBackground#335833a5
  • tab.hoverBorder#F0F3F3fe
  • tab.hoverForeground#2C6692fe
  • tab.inactiveBackground#CBD7D795
  • tab.inactiveForeground#41565665
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F0F3F3fe
  • tab.unfocusedActiveBackground#CEDADA25
  • tab.unfocusedActiveBorder#F5F7F700
  • tab.unfocusedActiveBorderTop#CBD8D865
  • tab.unfocusedActiveForeground#3A4D4D65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#3556563c
  • tab.unfocusedHoverBorder#CEDADA25
  • tab.unfocusedHoverForeground#3E525265
  • tab.unfocusedInactiveBackground#BBCBCB96
  • tab.unfocusedInactiveForeground#3E525265
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b6
  • 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#670067ae
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec7
  • terminal.ansiYellow#c4a200fe
  • terminal.background#D8E1E1fe
  • terminal.border#F0F3F3fe
  • terminal.dropBackground#D8E1E1fe
  • terminal.findMatchBackground#D8E1E1fe
  • terminal.findMatchBorder#F0F3F3fe
  • terminal.findMatchHighlightBackground#D8E1E1fe
  • terminal.findMatchHighlightBorder#F0F3F3fe
  • terminal.foreground#2C5757ae
  • terminal.hoverHighlightBackground#D8E1E1fe
  • terminal.inactiveSelectionBackground#B1C4C492
  • terminal.selectionBackground#C4B6B18e
  • terminal.selectionForeground#163F16ca
  • terminal.tab.activeBorder#03416Dfe
  • terminalCommandDecoration.defaultBackground#49532Fa1
  • terminalCommandDecoration.errorBackground#A50000cb
  • terminalCommandDecoration.successBackground#1F5C22cb
  • terminalCursor.background#D8E1E1fe
  • terminalCursor.foreground#2B618Afe
  • terminalOverviewRuler.cursorForeground#123D3Dce
  • terminalOverviewRuler.findMatchForeground#005A5Ace
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c09d
  • testing.iconUnset#8080809b
  • testing.message.error.decorationForeground#115385fe
  • testing.message.error.lineBackground#FEC1FE9e
  • testing.message.info.decorationForeground#07538Cfe
  • testing.message.info.lineBackground#D1D1FFfe
  • testing.peekBorder#F0F3F3fe
  • testing.peekHeaderBackground#D8E1E1fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#D8E1E1fe
  • textBlockQuote.border#F0F3F3fe
  • textCodeBlock.background#D8E1E1fe
  • textLink.activeForeground#29587Bfe
  • textLink.foreground#3C00FCce
  • textPreformat.foreground#123D3Dce
  • textSeparator.foreground#123D3Dce
  • titleBar.activeBackground#EBF0F0fe
  • titleBar.activeForeground#134646ae
  • titleBar.border#F7F5F600
  • titleBar.inactiveBackground#CEDADAd8
  • titleBar.inactiveForeground#36484865
  • toolbar.activeBackground#D9D3DD8a
  • toolbar.hoverBackground#D8E1E1fe
  • toolbar.hoverOutline#FAFBFA00
  • tree.inactiveIndentGuidesStroke#49604935
  • tree.indentGuidesStroke#0A5389fe
  • tree.tableColumnsBorder#F0F3F3fe
  • tree.tableOddRowsBackground#D8E1E1fe
  • walkThrough.embeddedEditorBackground#D8E1E1fe
  • walkthrough.stepTitle.foreground#123D3Dce
  • welcomePage.background#D8E1E1fe
  • welcomePage.progress.background#D8E1E1fe
  • welcomePage.progress.foreground#123D3Dce
  • welcomePage.tileBackground#D8E1E1fe
  • welcomePage.tileBorder#F0F3F3fe
  • welcomePage.tileHoverBackground#D8E1E1fe
  • widget.border#F0F3F3fe
  • widget.shadow#FAFAFB00
  • window.activeBorder#F0F3F3fe
  • window.inactiveBorder#CBD7D794

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#1335356e
comment.block.html#1636366e
comment.block.java#1335356e
comment.block.javadoc.java#1535356e
comment.block.powershell#1535356e
comment.block.xml#1335356e
comment.line.double-slash.c#1335356e
comment.line.double-slash.cpp#1335356e
comment.line.double-slash.java#1335356e
comment.line.double-slash.js#1335356e
comment.line.number-sign.makefile#1535356e
comment.line.number-sign.python#1636366e
comment.line.number-sign.yaml#1335356e
comment.line.percentage.erlang#1535356e
comment.line.powershell#1335356e
comment.source.cmake#1535356e
comment.source.cmakecache#1335356e
constant.character#03381Ede
constant.character.character-class.regexp#21510Fde
constant.character.escape#224057de
constant.character.set.regexp#544511de
constant.language#322564de
constant.numeric#732868de
constant.numeric.dec.python#56450Ade
constant.other.caps.python#1C3612de
constant.other.character-class.regexp#103152de
constant.other.character-class.set.regexp#5D0351de
constant.other.color.rgb-value#213518de
constant.other.placeholder#570F4Dde
constant.other.rgb-value#243C1Ade
constant.regexp#5B1818de
constant.sha.git-rebase#56450Cde
emphasis#544510de
entity.name.class#363016de
entity.name.function#382F12de
entity.name.function.preprocessor#2A099Ade
entity.name.function.python#57224Fde
entity.name.label#521849de
entity.name.namespace#5E2424de
entity.name.operator#27421Dde
entity.name.operator.custom-literal#07497Cde
entity.name.scope-resolution#322468de
entity.name.tag#3C351Ade
entity.name.tag.css#570F4Dde
entity.name.type#660303debold
entity.name.variable#630D0Dde
entity.other.attribute#03381Ede
entity.other.attribute-name#35276Cde
entity.other.attribute-name.class.css#332466de
entity.other.attribute-name.class.mixin.css#1E5109de
entity.other.attribute-name.id#54450Ede
entity.other.attribute-name.id.css#2E1787de
entity.other.attribute-name.parent-selector.css#3B2E03de
entity.other.attribute-name.pseudo-class.css#55154Cde
entity.other.attribute-name.pseudo-element.css#57224Fde
entity.other.attribute-name.scss#5E2424de
entity.other.document.begin.yaml#1636366e
entity.other.inherited-class#133624de
header#1C3612de
invalid#1A3243de
keyword#322071debold
keyword.codetag.notation.python#322563debold
keyword.control#5A1A1Adebold
keyword.control.anchor.regexp#544510debold
keyword.control.import.python#125132debold
keyword.operator#332565debold
keyword.operator.alignas#5A1A1Adebold
keyword.operator.alignof#2B491Edebold
keyword.operator.cast#363016debold
keyword.operator.delete#115130debold
keyword.operator.documentation.powershell#1535356ebold
keyword.operator.expression#2A099Adebold
keyword.operator.instanceof#03381Edebold
keyword.operator.logical.python#1C3612debold
keyword.operator.minus.exponent#541F1Fdebold
keyword.operator.negation.regexp#21510Fdebold
keyword.operator.new#0D512Fdebold
keyword.operator.noexcept#103152debold
keyword.operator.or.regexp#1A3612debold
keyword.operator.plus.exponent#57224Fdebold
keyword.operator.quantifier.regexp#1A3C2Bdebold
keyword.operator.sizeof#133803debold
keyword.operator.typeid#1B3244debold
keyword.operator.wordlike#115130debold
keyword.other.operator#115130debold
keyword.other.package.java#183246debold
keyword.other.unit#382F12debold
keyword.other.using#07497Cdebold
markup.bold#24455Ede
markup.changed#56450Ade
markup.deleted#115130de
markup.fenced_code.block.markdown#03381Ede
markup.heading#541F1Fde
markup.inline.raw#630D0Dde
markup.inserted#382F0Cde
markup.italic#630D0Dde
markup.raw.block.markdown#504620de
markup.strikethrough#12324Cde
markup.underline#24455Ede
meta.block.c#24455Ede
meta.block.c#1D3242de
meta.class.java#133803de
meta.definition.variable.name#213518de
meta.diff.header#5D0050de
meta.embedded#12324Cde
meta.embedded.assembly#322468de
meta.function-call.arguments.python#163627de
meta.function-call.python#322468de
meta.member.access.python#123803de
meta.method.java#65255Cde
meta.object-literal.key#1C3612de
meta.paragraph.markdown#32236Cde
meta.preprocessor#363016de
meta.preprocessor.numeric#531F1Fde
meta.preprocessor.string#3C351Ade
meta.scope.prerequisites.makefile#561C1Cde
meta.structure.dictionary.json.comments#1636366e
meta.structure.dictionary.key.python#372F13de
meta.structure.dictionary.value.json.comments#1636366e
meta.template.expression#57224Fde
meta.type.cast.expr#502049debold
meta.type.new.expr#382F0Cdebold
parameter#572222de
punctuation.character.set.begin.regexp#322563de
punctuation.character.set.end.regexp#2A099Ade
punctuation.definition.array.begin.json#1D422Fde
punctuation.definition.character-class.regexp#32236Cde
punctuation.definition.comment#1636366e
punctuation.definition.comment.json.comments#1335356e
punctuation.definition.comment.python#1636366e
punctuation.definition.dictionary.begin.json#382F12de
punctuation.definition.dictionary.end.json#11324Bde
punctuation.definition.group.assertion.regexp#12324Cde
punctuation.definition.group.regexp#133803de
punctuation.definition.list.begin.json#372F15de
punctuation.definition.list.begin.markdown#531F1Fde
punctuation.definition.list.begin.python#183246de
punctuation.definition.list.end.json#630D0Dde
punctuation.definition.list.end.markdown#243C1Ade
punctuation.definition.list.end.python#544510de
punctuation.definition.parameters.begin.python#225111de
punctuation.definition.parameters.end.bracket.round.java#58104Cde
punctuation.definition.quote.begin.markdown#630D0Dde
punctuation.definition.tag#5D0050de
punctuation.definition.template-expression.begin#2A099Ade
punctuation.definition.template-expression.end#5E2424de
punctuation.section.class.begin.bracket.curly.java#56450Cde
punctuation.section.embedded#09512Dde
punctuation.section.embedded.begin.php#321C7Ade
punctuation.section.embedded.end.php#332466de
punctuation.terminator.java#1D422Fde
source.cmake#652525de
source.coffee.embedded#123803de
source.cpp#58104Cde
source.css.less#163627de
source.groovy.embedded#56450Cde
source.java#54450Ede
source.java-properties#58104Cde
source.json.comments#1335356e
source.makefile#0D512Fde
source.powershell#1B3244de
source.powershell.variable.other.member#5E2424de
source.python#19370Dde
storage#20510Dde
storage.modifier#1C3613de
storage.modifier.import.java#521849de
storage.modifier.package.java#5B1818de
storage.type#3C351Adebold
storage.type.annotation.groovy#502049debold
storage.type.annotation.java#5B1818debold
storage.type.boolean.go#133803debold
storage.type.byte.go#183246debold
storage.type.cs#630D0Ddebold
storage.type.error.go#2A1091debold
storage.type.generic.cs#20510Ddebold
storage.type.generic.groovy#332565debold
storage.type.generic.java#620D0Ddebold
storage.type.groovy#4E1C46debold
storage.type.java#27421Ddebold
storage.type.modifier.cs#125132debold
storage.type.numeric.go#20510Ddebold
storage.type.object.array.groovy#203B50debold
storage.type.object.array.java#33216Edebold
storage.type.parameters.groovy#03381Cdebold
storage.type.primitive.array.groovy#224057debold
storage.type.primitive.array.java#620D0Ddebold
storage.type.primitive.groovy#372F13debold
storage.type.primitive.java#570F4Ddebold
storage.type.rune.go#56450Adebold
storage.type.string.go#115130debold
storage.type.token.java#322468debold
storage.type.uintptr.go#12324Cdebold
storage.type.variable.cs#5D0351debold
string#382F0Cde
string.quoted.docstring.multi.python#1335356e
string.regexp#0D3721de
string.tag#382F0Cde
string.value#332466de
strong#732868de
support.class#423A1Dde
support.constant.color#544511de
support.constant.dom#1D3242de
support.constant.font-name#5D0351de
support.constant.handlebars#125132de
support.constant.json#19370Dde
support.constant.math#12324Cde
support.constant.media#5E2455de
support.constant.media-type#332565debold
support.constant.property-value#382F0Cde
support.function#541F1Fde
support.function.git-rebase#363016de
support.other.parenthesis.regexp#1C3613de
support.type#32236Cdebold
support.type.property-name#115130debold
support.type.vendored.property-name#541F1Fdebold
support.variable#502049de
token.debug-token#620F0Fde
token.error-token#521849de
token.info-token#243C1Ade
token.warn-token#5E1414de
variable#0D3721de
variable.css#572222de
variable.language#163247de
variable.language.wildcard.java#3C351Ade
variable.other.constant#630D0Dde
variable.other.definition.java#570F4Dde
variable.other.enummember#5D0351de
variable.other.less#382F0Cde
variable.other.object.java#630D0Dde
variable.other.object.property.java#203B50de
variable.parameter.c#1A3612de
variable.parameter.function.language.python#11324Bde
variable.parameter.java#544510de
variable.scss#203B50de