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#DCDCDCfe
  • activityBar.activeBackground#DCDCDCfe
  • activityBar.activeBorder#0C1CC1fe
  • activityBar.activeFocusBorder#80804600
  • activityBar.background#EDEDEDfe
  • activityBar.border#7777B400
  • activityBar.dropBorder#0C1CC1fe
  • activityBar.foreground#0A13C6fe
  • activityBar.inactiveForeground#3D3D3D65
  • activityBarBadge.background#333B90fe
  • activityBarBadge.foreground#EDEDEDfe
  • badge.background#333B90fe
  • badge.foreground#EDEDEDfe
  • banner.background#DCDCDCfe
  • banner.foreground#353535ce
  • banner.iconForeground#432F3Cfe
  • breadcrumb.activeSelectionForeground#4A1480ca
  • breadcrumb.background#E9E9E9fe
  • breadcrumb.focusForeground#343C98fe
  • breadcrumb.foreground#353535ae
  • breadcrumbPicker.background#DCDCDCfe
  • button.background#B5B5B5ae
  • button.border#FBFAFA00
  • button.foreground#353535ce
  • button.hoverBackground#8F8F8F6e
  • button.secondaryBackground#DCDCDCfe
  • button.secondaryForeground#353535ce
  • button.secondaryHoverBackground#DCDCDCfe
  • button.separator#FBFBFA00
  • charts.blue#1b1bfffe
  • charts.foreground#353535ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b3
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F2F2F2fe
  • chat.slashCommandBackground#DCDCDCfe
  • chat.slashCommandForeground#353535ce
  • checkbox.background#F2F2F2fe
  • checkbox.border#F2F2F2fe
  • checkbox.foreground#353535ce
  • checkbox.selectBackground#F2F2F2fe
  • checkbox.selectBorder#F2F2F2fe
  • commandCenter.activeBackground#C8C9D186
  • commandCenter.activeBorder#F2F2F2fe
  • commandCenter.activeForeground#333B90fe
  • commandCenter.background#DCDCDCfe
  • commandCenter.border#F2F2F2fe
  • commandCenter.foreground#353535ce
  • commandCenter.inactiveBorder#CACACA99
  • commandCenter.inactiveForeground#3D3D3D65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FAFBFB00
  • contrastBorder#FBFBFA00
  • debugConsole.errorForeground#8E008Ece
  • debugConsole.infoForeground#353535ce
  • debugConsole.sourceForeground#353535ce
  • debugConsole.warningForeground#5C4C00ce
  • debugConsoleInputIcon.foreground#33371Afe
  • debugExceptionWidget.background#FFB1FE9d
  • debugExceptionWidget.border#F2F2F2fe
  • debugIcon.breakpointCurrentStackframeForeground#353535fe
  • debugIcon.breakpointDisabledForeground#46464665
  • debugIcon.breakpointForeground#4A0292fe
  • debugIcon.breakpointStackframeForeground#353535fe
  • debugIcon.breakpointUnverifiedForeground#313544fe
  • debugIcon.continueForeground#353535fe
  • debugIcon.disconnectForeground#353535fe
  • debugIcon.pauseForeground#32381Cfe
  • debugIcon.restartForeground#1D3A33fe
  • debugIcon.startForeground#4F283Efe
  • debugIcon.stepBackForeground#2D390Dfe
  • debugIcon.stepIntoForeground#012694fe
  • debugIcon.stepOutForeground#353535fe
  • debugIcon.stepOverForeground#32381Cfe
  • debugIcon.stopForeground#2F3937fe
  • debugTokenExpression.boolean#151918ca
  • debugTokenExpression.error#24252Bca
  • debugTokenExpression.name#24252Bca
  • debugTokenExpression.number#151918ca
  • debugTokenExpression.value#1C2221ca
  • debugToolBar.background#FFB1FEa3
  • debugToolBar.border#F2F2F2fe
  • debugView.exceptionLabelBackground#C9CCC2ca
  • debugView.exceptionLabelForeground#1B3B35ca
  • debugView.stateLabelBackground#CFC8C6ca
  • debugView.stateLabelForeground#4F283Eca
  • debugView.valueChangedHighlight#1E1A19ca
  • descriptionForeground#353535ce
  • diffEditor.border#FAFAFB00
  • diffEditor.diagonalFill#000000f1
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#A3D7A5fb
  • diffEditor.insertedTextBorder#FAFAFB00
  • diffEditor.move.border#FBFAFA00
  • diffEditor.moveActive.border#FBFAFA00
  • diffEditor.removedLineBackground#FFB8B831
  • diffEditor.removedTextBackground#FFB8B8fb
  • diffEditor.removedTextBorder#FBFAFA00
  • diffEditor.unchangedCodeBackground#DCDCDCfe
  • diffEditor.unchangedRegionBackground#DCDCDCfe
  • diffEditor.unchangedRegionForeground#353535ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#4A4A4A65
  • dropdown.background#F2F2F2fe
  • dropdown.border#F2F2F2fe
  • dropdown.foreground#353535ce
  • dropdown.listBackground#F2F2F2fe
  • editor.background#DCDCDCfe
  • editor.findMatchBackground#979797a6
  • editor.findMatchBorder#F2F2F2fe
  • editor.findMatchHighlightBackground#B5B7C1a6
  • editor.findMatchHighlightBorder#F2F2F2fe
  • editor.findRangeHighlightBackground#B5B7C1aa
  • editor.findRangeHighlightBorder#F2F2F2fe
  • editor.focusedStackFrameHighlightBackground#A7B6B384
  • editor.foldBackground#4E4E4Eaa
  • editor.foreground#353535ce
  • editor.hoverHighlightBackground#9C95A6a3
  • editor.inactiveSelectionBackground#BEBEBE9e
  • editor.inlineValuesBackground#DCDCDCfe
  • editor.inlineValuesForeground#353535ce
  • editor.lineHighlightBackground#C2C2C2b5
  • editor.lineHighlightBorder#FAFBFB00
  • editor.linkedEditingBackground#DCDCDCfe
  • editor.rangeHighlightBackground#A9A9A9a7
  • editor.rangeHighlightBorder#F2F2F2fe
  • editor.selectionBackground#C3C5BAaa
  • editor.selectionForeground#5A2513ca
  • editor.selectionHighlightBackground#9EAEAB84
  • editor.selectionHighlightBorder#F2F2F2fe
  • editor.snippetFinalTabstopHighlightBackground#979797ad
  • editor.snippetFinalTabstopHighlightBorder#F2F2F2fe
  • editor.snippetTabstopHighlightBackground#9F8F8Ca4
  • editor.snippetTabstopHighlightBorder#F2F2F2fe
  • editor.stackFrameHighlightBackground#A3A6B2a9
  • editor.symbolHighlightBackground#AEA19Eaa
  • editor.symbolHighlightBorder#F2F2F2fe
  • editor.wordHighlightBackground#A9A9A9a6
  • editor.wordHighlightBorder#FAFAFB00
  • editor.wordHighlightStrongBackground#A3B2AFa9
  • editor.wordHighlightStrongBorder#FBFAFA00
  • editor.wordHighlightTextBackground#B5C1BFa8
  • editor.wordHighlightTextBorder#FAFAFB00
  • editorBracketHighlight.foreground1#0B0B0Bce
  • editorBracketHighlight.foreground2#0B0B0Bce
  • editorBracketHighlight.foreground3#0B0B0Bce
  • editorBracketHighlight.foreground4#0B0B0Bce
  • editorBracketHighlight.foreground5#0B0B0Bce
  • editorBracketHighlight.foreground6#0B0B0Bce
  • editorBracketHighlight.unexpectedBracket.foreground#353535ce
  • editorBracketMatch.background#364A8Ba4
  • editorBracketMatch.border#F2F2F2fe
  • editorBracketPairGuide.activeBackground1#49512C86
  • editorBracketPairGuide.activeBackground2#63465786
  • editorBracketPairGuide.activeBackground3#4B513086
  • editorBracketPairGuide.activeBackground4#5F3D8F82
  • editorBracketPairGuide.activeBackground5#60379A8c
  • editorBracketPairGuide.activeBackground6#4A513288
  • editorBracketPairGuide.background1#CDC9D2fe
  • editorBracketPairGuide.background2#D1C9C8fe
  • editorBracketPairGuide.background3#C3CDCBfe
  • editorBracketPairGuide.background4#CCC9D2fe
  • editorBracketPairGuide.background5#CBCBCBfe
  • editorBracketPairGuide.background6#CDC9D2fe
  • editorCodeLens.foreground#4E4E4E6e
  • editorCommentsWidget.rangeActiveBackground#4E4E4Efe
  • editorCommentsWidget.rangeBackground#DCDCDCfe
  • editorCommentsWidget.resolvedBorder#F2F2F2fe
  • editorCommentsWidget.unresolvedBorder#FFB8B8cb
  • editorCursor.background#DCDCDCfe
  • editorCursor.foreground#343C98fe
  • editorError.background#F6F6F600
  • editorError.border#FBFAFA00
  • editorError.foreground#8E008Ece
  • editorGhostText.background#DCDCDCfe
  • editorGhostText.border#FAFBFB00
  • editorGhostText.foreground#4E4E4E6e
  • editorGroup.border#F2F2F2fe
  • editorGroup.dropBackground#DCDCDCfe
  • editorGroup.dropIntoPromptBackground#DCDCDCfe
  • editorGroup.dropIntoPromptBorder#F2F2F2fe
  • editorGroup.dropIntoPromptForeground#353535ce
  • editorGroup.emptyBackground#DCDCDCfe
  • editorGroup.focusedEmptyBorder#F2F2F2fe
  • editorGroupHeader.border#FAFAFB00
  • editorGroupHeader.noTabsBackground#EDEDEDae
  • editorGroupHeader.tabsBackground#DCDCDCa1
  • editorGroupHeader.tabsBorder#FBFAFA00
  • editorGutter.addedBackground#1A5A1Efb
  • editorGutter.background#DCDCDCfe
  • editorGutter.commentGlyphForeground#353535ce
  • editorGutter.commentRangeForeground#353535ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5921cb
  • editorGutter.deletedBackground#A00000cb
  • editorGutter.foldingControlForeground#353535ce
  • editorGutter.modifiedBackground#5C4C00ce
  • editorHint.border#FAFBFB00
  • editorHint.foreground#3C00F8ce
  • editorHoverWidget.background#F2F2F2fe
  • editorHoverWidget.border#F2F2F2fe
  • editorHoverWidget.foreground#353535ce
  • editorHoverWidget.highlightForeground#333816ca
  • editorHoverWidget.statusBarBackground#DCDCDCfe
  • editorIndentGuide.activeBackground1#2E3774fe
  • editorIndentGuide.activeBackground2#1E2CA0fe
  • editorIndentGuide.activeBackground3#29318Ffe
  • editorIndentGuide.activeBackground4#2E3774fe
  • editorIndentGuide.activeBackground5#0218C3fe
  • editorIndentGuide.activeBackground6#0A13C6fe
  • editorIndentGuide.background1#67595635
  • editorIndentGuide.background2#504A5935
  • editorIndentGuide.background3#5E514E35
  • editorIndentGuide.background4#52625F35
  • editorIndentGuide.background5#43455035
  • editorIndentGuide.background6#4D504335
  • editorInfo.background#FBFBFA00
  • editorInfo.border#FBFBFA00
  • editorInfo.foreground#3C00F8ce
  • editorInlayHint.background#DCDCDCfe
  • editorInlayHint.foreground#353535ce
  • editorInlayHint.parameterBackground#DCDCDCfe
  • editorInlayHint.parameterForeground#353535ce
  • editorInlayHint.typeBackground#DCDCDCfe
  • editorInlayHint.typeForeground#353535ce
  • editorLightBulb.foreground#5C4C00ce
  • editorLightBulbAutoFix.foreground#1F5921cb
  • editorLineNumber.activeForeground#2F3677fe
  • editorLineNumber.dimmedForeground#4E4E4E6e
  • editorLineNumber.foreground#4E4E4E6e
  • editorLink.activeForeground#333B90fe
  • editorMarkerNavigation.background#F2F2F2fe
  • editorMarkerNavigationError.background#FFB1FEa6
  • editorMarkerNavigationError.headerBackground#FFB1FEcb
  • editorMarkerNavigationInfo.background#C5C5FEfe
  • editorMarkerNavigationInfo.headerBackground#C5C5FEfe
  • editorMarkerNavigationWarning.background#EFC600fe
  • editorMarkerNavigationWarning.headerBackground#EFC600fe
  • editorOverviewRuler.addedForeground#1F5921cb
  • editorOverviewRuler.background#DCDCDCfe
  • editorOverviewRuler.border#CACACAfe
  • editorOverviewRuler.bracketMatchForeground#353535ce
  • editorOverviewRuler.commentForeground#4E4E4E6e
  • editorOverviewRuler.commentUnresolvedForeground#1F5921cb
  • editorOverviewRuler.commonContentForeground#353535ce
  • editorOverviewRuler.currentContentForeground#4E4E4E9f
  • editorOverviewRuler.deletedForeground#A00000cb
  • editorOverviewRuler.errorForeground#8E008Ece
  • editorOverviewRuler.findMatchForeground#005858ce
  • editorOverviewRuler.incomingContentForeground#1F5921cb
  • editorOverviewRuler.infoForeground#3C00F8ce
  • editorOverviewRuler.modifiedForeground#5C4C00ce
  • editorOverviewRuler.rangeHighlightForeground#451D7Aca
  • editorOverviewRuler.selectionHighlightForeground#3C00F8ce
  • editorOverviewRuler.warningForeground#5C4C00ce
  • editorOverviewRuler.wordHighlightForeground#012694ca
  • editorOverviewRuler.wordHighlightStrongForeground#353535ce
  • editorOverviewRuler.wordHighlightTextForeground#353535ce
  • editorPane.background#DCDCDCfe
  • editorRuler.foreground#4E4E4E21
  • editorStickyScroll.background#DCDCDCfe
  • editorStickyScrollHover.background#CACACA6e
  • editorSuggestWidget.background#F2F2F2fe
  • editorSuggestWidget.border#F6F6F600
  • editorSuggestWidget.focusHighlightForeground#30403Dfe
  • editorSuggestWidget.foreground#432F3Cfe
  • editorSuggestWidget.highlightForeground#303818ca
  • editorSuggestWidget.selectedBackground#B5C1BF84
  • editorSuggestWidget.selectedForeground#4F283Eca
  • editorSuggestWidget.selectedIconForeground#5A2517ca
  • editorSuggestWidgetStatus.foreground#373942fe
  • editorUnicodeHighlight.background#9EA1AEaa
  • editorUnicodeHighlight.border#F2F2F2fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FBFAFA00
  • editorWarning.border#FAFAFB00
  • editorWarning.foreground#5C4C00ce
  • editorWhitespace.foreground#353535ce
  • editorWidget.background#F2F2F2fe
  • editorWidget.border#F2F2F2fe
  • editorWidget.foreground#353535ce
  • editorWidget.resizeBorder#F2F2F2fe
  • errorForeground#8E008Ece
  • extensionBadge.remoteBackground#3641B8fe
  • extensionBadge.remoteForeground#EDEDEDfe
  • extensionButton.background#CACACAae
  • extensionButton.foreground#353535ce
  • extensionButton.hoverBackground#CACACA6e
  • extensionButton.prominentBackground#DCDCDCfe
  • extensionButton.prominentForeground#353535ce
  • extensionButton.prominentHoverBackground#DCDCDCfe
  • extensionButton.separator#FAFAFB00
  • extensionIcon.preReleaseForeground#353535fe
  • extensionIcon.sponsorForeground#353535fe
  • extensionIcon.starForeground#3A304Afe
  • extensionIcon.verifiedForeground#41313Afe
  • focusBorder#F6F6F600
  • foreground#353535ce
  • gitDecoration.addedResourceForeground#1F5921cb
  • gitDecoration.deletedResourceForeground#A00000cb
  • gitDecoration.modifiedResourceForeground#5C4C00ce
  • gitDecoration.renamedResourceForeground#3C00F8ce
  • gitDecoration.stageDeletedResourceForeground#A00000cb
  • gitDecoration.stageModifiedResourceForeground#1F5921cb
  • gitDecoration.untrackedResourceForeground#005858ce
  • icon.foreground#4E4E4Eae
  • inlineChat.background#C9CBD3ca
  • inlineChat.border#CACCC1ca
  • inlineChat.regionHighlight#1D1E19ca
  • inlineChat.shadow#252720ca
  • inlineChatDiff.inserted#191615ca
  • inlineChatDiff.removed#1B1B1Bca
  • inlineChatInput.background#191615ca
  • inlineChatInput.border#D1C9CEca
  • inlineChatInput.focusBorder#F6F6F600
  • inlineChatInput.placeholderForeground#412765ca
  • input.background#F2F2F2fe
  • input.border#F2F2F2fe
  • input.foreground#353535ce
  • input.placeholderForeground#39393965
  • inputOption.activeBackground#F2F2F2fe
  • inputOption.activeBorder#F2F2F2fe
  • inputOption.activeForeground#313881fe
  • inputOption.hoverBackground#F2F2F2fe
  • inputValidation.errorBackground#670067a3
  • inputValidation.errorBorder#FFB1FEaa
  • inputValidation.errorForeground#8E008Ece
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F2F2F2fe
  • inputValidation.infoForeground#353535ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F2F2F2fe
  • inputValidation.warningForeground#5C4C00ce
  • interactive.activeCodeBorder#F2F2F2fe
  • interactive.inactiveCodeBorder#CACACA95
  • keybindingLabel.background#DCDCDCfe
  • keybindingLabel.border#F2F2F2fe
  • keybindingLabel.bottomBorder#F2F2F2fe
  • keybindingLabel.foreground#353535ce
  • keybindingTable.headerBackground#DCDCDCfe
  • keybindingTable.rowsBackground#DCDCDCfe
  • list.activeSelectionBackground#A3A6B288
  • list.activeSelectionForeground#303904ca
  • list.activeSelectionIconForeground#353535ca
  • list.deemphasizedForeground#353535ce
  • list.dropBackground#DCDCDCfe
  • list.errorForeground#8E008Ece
  • list.filterMatchBackground#DCDCDCfe
  • list.filterMatchBorder#F2F2F2fe
  • list.focusAndSelectionOutline#FBFAFA00
  • list.focusBackground#C7C7C796
  • list.focusForeground#2F3677fe
  • list.focusHighlightForeground#3D3D3Dfe
  • list.focusOutline#FAFBFB00
  • list.highlightForeground#5A2517ca
  • list.hoverBackground#C9CBC0a6
  • list.hoverForeground#353FA7fe
  • list.inactiveFocusBackground#C2C2C299
  • list.inactiveFocusOutline#FAFBFB00
  • list.inactiveSelectionBackground#EDEDEDae
  • list.inactiveSelectionForeground#3D3D3D65
  • list.inactiveSelectionIconForeground#39393965
  • list.invalidItemForeground#353535ce
  • list.warningForeground#5C4C00ce
  • listFilterWidget.background#DCDCDCfe
  • listFilterWidget.noMatchesOutline#FAFAFB00
  • listFilterWidget.outline#FAFAFB00
  • listFilterWidget.shadow#FAFAFB00
  • menu.background#EDEDEDfe
  • menu.border#FBFBFA00
  • menu.foreground#353535ae
  • menu.selectionBackground#C3C5BAa3
  • menu.selectionBorder#FBFBFA00
  • menu.selectionForeground#2F3677fe
  • menu.separatorBackground#CBCBCB65
  • menubar.selectionBackground#CFD1C7a9
  • menubar.selectionBorder#FBFBFA00
  • menubar.selectionForeground#30367Afe
  • merge.border#F2F2F2fe
  • merge.commonContentBackground#DCDCDCfe
  • merge.commonHeaderBackground#DCDCDCfe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#A3D7A5fb
  • merge.incomingContentBackground#A2D7A4cb
  • merge.incomingHeaderBackground#A3D7A5fb
  • mergeEditor.change.background#DCDCDCfe
  • mergeEditor.change.word.background#DCDCDCfe
  • mergeEditor.changeBase.background#DCDCDCfe
  • mergeEditor.changeBase.word.background#DCDCDCfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F2F2F2fe
  • mergeEditor.conflict.handledUnfocused.border#D4D4D425
  • mergeEditor.conflict.input1.background#F2F2F2fe
  • mergeEditor.conflict.input2.background#F2F2F2fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c1
  • mergeEditor.conflict.unhandledFocused.border#F2F2F2fe
  • mergeEditor.conflict.unhandledUnfocused.border#D4D4D427
  • mergeEditor.conflictingLines.background#DCDCDCfe
  • minimap.background#DCDCDCfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0B0B0Bce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5A1Efb
  • minimapGutter.deletedBackground#A20000fb
  • minimapGutter.modifiedBackground#5C4C00ce
  • minimapSlider.activeBackground#868686fe
  • minimapSlider.background#A9A9A9ae
  • minimapSlider.hoverBackground#8F8F8F6e
  • notebook.cellBorderColor#F2F2F2fe
  • notebook.cellEditorBackground#DCDCDCfe
  • notebook.cellHoverBackground#DCDCDCfe
  • notebook.cellInsertionIndicator#2B2428ca
  • notebook.cellStatusBarItemHoverBackground#DCDCDCfe
  • notebook.cellToolbarSeparator#2B2428ca
  • notebook.editorBackground#DCDCDCfe
  • notebook.focusedCellBackground#DCDCDCfe
  • notebook.focusedCellBorder#3641B8fe
  • notebook.focusedEditorBorder#F2F2F2fe
  • notebook.inactiveFocusedCellBorder#8A8A8A8e
  • notebook.inactiveSelectedCellBorder#8A8A8A8e
  • notebook.outputContainerBackgroundColor#DCDCDCfe
  • notebook.outputContainerBorderColor#F2F2F2fe
  • notebook.selectedCellBackground#DCDCDCfe
  • notebook.selectedCellBorder#F2F2F2fe
  • notebook.symbolHighlightBackground#DCDCDCfe
  • notebookEditorOverviewRuler.runningCellForeground#353535ce
  • notebookScrollbarSlider.activeBackground#828282fe
  • notebookScrollbarSlider.background#B1B1B1ae
  • notebookScrollbarSlider.hoverBackground#8F8F8F6e
  • notebookStatusErrorIcon.foreground#8E008Ece
  • notebookStatusRunningIcon.foreground#5A2517fe
  • notebookStatusSuccessIcon.foreground#1F5921cb
  • notificationCenter.border#F2F2F2fe
  • notificationCenterHeader.background#DCDCDCfe
  • notificationCenterHeader.foreground#353535ce
  • notificationLink.foreground#353535ce
  • notifications.background#DCDCDCfe
  • notifications.border#F2F2F2fe
  • notifications.foreground#353535ce
  • notificationsErrorIcon.foreground#8E008Ece
  • notificationsInfoIcon.foreground#353535fe
  • notificationsWarningIcon.foreground#5C4C00ce
  • notificationToast.border#F2F2F2fe
  • panel.background#DCDCDCfe
  • panel.border#F2F2F2fe
  • panel.dropBorder#F2F2F2fe
  • panelInput.border#F2F2F2fe
  • panelSection.border#F2F2F2fe
  • panelSection.dropBackground#DCDCDCfe
  • panelSectionHeader.background#DCDCDCfe
  • panelSectionHeader.border#F2F2F2fe
  • panelSectionHeader.foreground#353535ce
  • panelTitle.activeBorder#FBFAFA00
  • panelTitle.activeForeground#2E3774fe
  • panelTitle.inactiveForeground#3D3D3D65
  • peekView.border#2F357Ffe
  • peekViewEditor.background#F2F2F2fe
  • peekViewEditor.matchHighlightBackground#B5B7C184
  • peekViewEditor.matchHighlightBorder#FBFAFA00
  • peekViewEditorGutter.background#F2F2F2fe
  • peekViewEditorStickyScroll.background#DCDCDCfe
  • peekViewResult.background#EDEDEDfe
  • peekViewResult.fileForeground#353535ce
  • peekViewResult.lineForeground#353535ce
  • peekViewResult.matchHighlightBackground#A3A69584
  • peekViewResult.selectionBackground#A49EAE8a
  • peekViewResult.selectionForeground#5C1C47ca
  • peekViewTitle.background#EDEDEDfe
  • peekViewTitleDescription.foreground#353535ce
  • peekViewTitleLabel.foreground#353535ce
  • pickerGroup.border#F2F2F2fe
  • pickerGroup.foreground#353535ce
  • ports.iconRunningProcessForeground#5A2517fe
  • problemsErrorIcon.foreground#8E008Ece
  • problemsInfoIcon.foreground#3C00F8ce
  • problemsWarningIcon.foreground#5C4C00ce
  • profileBadge.background#353EA0fe
  • profileBadge.foreground#EDEDEDfe
  • progressBar.background#DCDCDCfe
  • quickInput.background#EDEDEDfe
  • quickInput.foreground#353535ae
  • quickInputList.focusBackground#979797a9
  • quickInputList.focusForeground#3641B8fe
  • quickInputList.focusIconForeground#2F3677fe
  • quickInputTitle.background#F2F2F2fe
  • sash.hoverBorder#F2F2F2fe
  • scrollbar.shadow#FBFAFA00
  • scrollbarSlider.activeBackground#8A8A8Afe
  • scrollbarSlider.background#ADADADae
  • scrollbarSlider.hoverBackground#9393936e
  • search.resultsInfoForeground#353535ce
  • searchEditor.findMatchBackground#AFB2A3a1
  • searchEditor.findMatchBorder#F2F2F2fe
  • searchEditor.textInputBorder#F2F2F2fe
  • selection.background#DCDCDCfe
  • settings.checkboxBackground#F2F2F2fe
  • settings.checkboxBorder#F2F2F2fe
  • settings.checkboxForeground#353535ce
  • settings.dropdownBackground#F2F2F2fe
  • settings.dropdownBorder#F2F2F2fe
  • settings.dropdownForeground#353535ce
  • settings.dropdownListBorder#F2F2F2fe
  • settings.focusedRowBackground#BDB0B88b
  • settings.focusedRowBorder#F2F2F2fe
  • settings.headerBorder#F2F2F2fe
  • settings.headerForeground#353535ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F2F2F2fe
  • settings.numberInputBorder#F2F2F2fe
  • settings.numberInputForeground#353535ce
  • settings.rowHoverBackground#DCDCDCfe
  • settings.sashBorder#F2F2F2fe
  • settings.settingsHeaderHoverForeground#3640B0fe
  • settings.textInputBackground#F2F2F2fe
  • settings.textInputBorder#F2F2F2fe
  • settings.textInputForeground#353535ce
  • sideBar.background#DCDCDCfe
  • sideBar.border#F2F2F2fe
  • sideBar.dropBackground#DCDCDCfe
  • sideBar.foreground#4E4E4Eae
  • sideBarSectionHeader.background#FBFAFA00
  • sideBarSectionHeader.border#F2F2F2fe
  • sideBarSectionHeader.foreground#353535ce
  • sideBarTitle.foreground#353535ce
  • sideBySideEditor.horizontalBorder#F2F2F2fe
  • sideBySideEditor.verticalBorder#F2F2F2fe
  • simpleFindWidget.sashBorder#F2F2F2fe
  • statusBar.background#EDEDEDfe
  • statusBar.border#F2F2F2fe
  • statusBar.debuggingBackground#FFB1FE9f
  • statusBar.debuggingBorder#F2F2F2fe
  • statusBar.debuggingForeground#353535ce
  • statusBar.focusBorder#FBFBFA00
  • statusBar.foreground#4E4E4E6e
  • statusBar.noFolderBackground#EDEDEDfe
  • statusBar.noFolderBorder#F2F2F2fe
  • statusBar.noFolderForeground#353535ce
  • statusBarItem.activeBackground#EDEDEDfe
  • statusBarItem.compactHoverBackground#EDEDEDfe
  • statusBarItem.errorBackground#FFB1FEba
  • statusBarItem.errorForeground#8E008Ece
  • statusBarItem.errorHoverBackground#FFB1FEb6
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFBFB00
  • statusBarItem.hoverBackground#EDEDEDfe
  • statusBarItem.hoverForeground#3641B8fe
  • statusBarItem.offlineBackground#EDEDEDfe
  • statusBarItem.offlineForeground#353535ce
  • statusBarItem.offlineHoverBackground#EDEDEDfe
  • statusBarItem.offlineHoverForeground#333B90fe
  • statusBarItem.prominentBackground#EDEDEDfe
  • statusBarItem.prominentForeground#353535ce
  • statusBarItem.prominentHoverBackground#EDEDEDfe
  • statusBarItem.prominentHoverForeground#30367Afe
  • statusBarItem.remoteBackground#333B90fe
  • statusBarItem.remoteForeground#EDEDEDfe
  • statusBarItem.remoteHoverBackground#EDEDEDfe
  • statusBarItem.remoteHoverForeground#3640B0fe
  • statusBarItem.warningBackground#EFC600fe
  • statusBarItem.warningForeground#5C4C00ce
  • statusBarItem.warningHoverBackground#EFC600fe
  • statusBarItem.warningHoverForeground#947A00ce
  • symbolIcon.arrayForeground#4C2D28fe
  • symbolIcon.booleanForeground#005858ce
  • symbolIcon.classForeground#42373Efe
  • symbolIcon.colorForeground#451D7Afe
  • symbolIcon.constantForeground#353535fe
  • symbolIcon.constructorForeground#3C3E33fe
  • symbolIcon.enumeratorForeground#3E333Afe
  • symbolIcon.enumeratorMemberForeground#3E3533fe
  • symbolIcon.eventForeground#353535fe
  • symbolIcon.fieldForeground#3E3533fe
  • symbolIcon.fileForeground#3E333Afe
  • symbolIcon.folderForeground#58261Dfe
  • symbolIcon.functionForeground#303818fe
  • symbolIcon.interfaceForeground#41313Afe
  • symbolIcon.keyForeground#2C3258fe
  • symbolIcon.keywordForeground#1B3B35fe
  • symbolIcon.methodForeground#3D3330fe
  • symbolIcon.moduleForeground#423937fe
  • symbolIcon.namespaceForeground#3C3E33fe
  • symbolIcon.nullForeground#353535fe
  • symbolIcon.numberForeground#012694fe
  • symbolIcon.objectForeground#412765fe
  • symbolIcon.operatorForeground#5A2517fe
  • symbolIcon.packageForeground#273836fe
  • symbolIcon.propertyForeground#0C2397fe
  • symbolIcon.referenceForeground#492C3Efe
  • symbolIcon.snippetForeground#333816fe
  • symbolIcon.stringForeground#2F3937fe
  • symbolIcon.structForeground#492C3Efe
  • symbolIcon.textForeground#02219Efe
  • symbolIcon.typeParameterForeground#33353Efe
  • symbolIcon.unitForeground#353535fe
  • symbolIcon.variableForeground#4C2D28fe
  • tab.activeBackground#E9E9E9fe
  • tab.activeBorder#FBFAFA00
  • tab.activeBorderTop#242B9Ffe
  • tab.activeForeground#1522B5fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FBFBFA00
  • tab.hoverBackground#4B5136a9
  • tab.hoverBorder#F2F2F2fe
  • tab.hoverForeground#353EA0fe
  • tab.inactiveBackground#CACACA93
  • tab.inactiveForeground#4A4A4A65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F2F2F2fe
  • tab.unfocusedActiveBackground#CFCFCF33
  • tab.unfocusedActiveBorder#FAFBFB00
  • tab.unfocusedActiveBorderTop#CACACA65
  • tab.unfocusedActiveForeground#4A4A4A65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#4D4D4D36
  • tab.unfocusedHoverBorder#D4D4D42d
  • tab.unfocusedHoverForeground#3D3D3D65
  • tab.unfocusedInactiveBackground#BEBEBE99
  • tab.unfocusedInactiveForeground#4A4A4A65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#3333339b
  • 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#670067a0
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecece9e
  • terminal.ansiYellow#c4a200fe
  • terminal.background#DCDCDCfe
  • terminal.border#F2F2F2fe
  • terminal.dropBackground#DCDCDCfe
  • terminal.findMatchBackground#DCDCDCfe
  • terminal.findMatchBorder#F2F2F2fe
  • terminal.findMatchHighlightBackground#DCDCDCfe
  • terminal.findMatchHighlightBorder#F2F2F2fe
  • terminal.foreground#4E4E4Eae
  • terminal.hoverHighlightBackground#DCDCDCfe
  • terminal.inactiveSelectionBackground#C2C2C29d
  • terminal.selectionBackground#8C8F9F8e
  • terminal.selectionForeground#4A0292ca
  • terminal.tab.activeBorder#0218C3fe
  • terminalCommandDecoration.defaultBackground#2E554Eab
  • terminalCommandDecoration.errorBackground#A00000cb
  • terminalCommandDecoration.successBackground#1F5921cb
  • terminalCursor.background#DCDCDCfe
  • terminalCursor.foreground#2F3677fe
  • terminalOverviewRuler.cursorForeground#353535ce
  • terminalOverviewRuler.findMatchForeground#005858ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0be
  • testing.iconUnset#808080a0
  • testing.message.error.decorationForeground#30367Afe
  • testing.message.error.lineBackground#FFB1FEbf
  • testing.message.info.decorationForeground#333B90fe
  • testing.message.info.lineBackground#C5C5FEfe
  • testing.peekBorder#F2F2F2fe
  • testing.peekHeaderBackground#DCDCDCfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#DCDCDCfe
  • textBlockQuote.border#F2F2F2fe
  • textCodeBlock.background#DCDCDCfe
  • textLink.activeForeground#353FA7fe
  • textLink.foreground#3C00F8ce
  • textPreformat.foreground#353535ce
  • textSeparator.foreground#353535ce
  • titleBar.activeBackground#EDEDEDfe
  • titleBar.activeForeground#3D3D3Dae
  • titleBar.border#F6F6F600
  • titleBar.inactiveBackground#CFCFCFde
  • titleBar.inactiveForeground#41414165
  • toolbar.activeBackground#CCC8D189
  • toolbar.hoverBackground#DCDCDCfe
  • toolbar.hoverOutline#FBFAFA00
  • tree.inactiveIndentGuidesStroke#686C5A35
  • tree.indentGuidesStroke#353FA7fe
  • tree.tableColumnsBorder#F2F2F2fe
  • tree.tableOddRowsBackground#DCDCDCfe
  • walkThrough.embeddedEditorBackground#DCDCDCfe
  • walkthrough.stepTitle.foreground#353535ce
  • welcomePage.background#DCDCDCfe
  • welcomePage.progress.background#DCDCDCfe
  • welcomePage.progress.foreground#353535ce
  • welcomePage.tileBackground#DCDCDCfe
  • welcomePage.tileBorder#F2F2F2fe
  • welcomePage.tileHoverBackground#DCDCDCfe
  • widget.border#F2F2F2fe
  • widget.shadow#FBFAFA00
  • window.activeBorder#F2F2F2fe
  • window.inactiveBorder#CBCBCB94

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#2E2E2E6e
comment.block.html#2E2E2E6e
comment.block.java#2E2E2E6e
comment.block.javadoc.java#2E2E2E6e
comment.block.powershell#2E2E2E6e
comment.block.xml#2E2E2E6e
comment.line.double-slash.c#2E2E2E6e
comment.line.double-slash.cpp#2E2E2E6e
comment.line.double-slash.java#2E2E2E6e
comment.line.double-slash.js#2E2E2E6e
comment.line.number-sign.makefile#2E2E2E6e
comment.line.number-sign.python#2E2E2E6e
comment.line.number-sign.yaml#2E2E2E6e
comment.line.percentage.erlang#2E2E2E6e
comment.line.powershell#2E2E2E6e
comment.source.cmake#2E2E2E6e
comment.source.cmakecache#2E2E2E6e
constant.character#772E0Bde
constant.character.character-class.regexp#411F52de
constant.character.escape#105017de
constant.character.set.regexp#2A2F5Dde
constant.language#642C43de
constant.numeric#374B10de
constant.numeric.dec.python#5D3B2Ade
constant.other.caps.python#134C4Cde
constant.other.character-class.regexp#063434de
constant.other.character-class.set.regexp#0D5012de
constant.other.color.rgb-value#573829de
constant.other.placeholder#125018de
constant.other.rgb-value#501B30de
constant.regexp#59112Dde
constant.sha.git-rebase#4C1F30de
emphasis#4A2534de
entity.name.class#3F291Ede
entity.name.function#59112Dde
entity.name.function.preprocessor#394A15de
entity.name.function.python#772E08de
entity.name.label#153417de
entity.name.namespace#1E3737de
entity.name.operator#04360Ade
entity.name.operator.custom-literal#501B30de
entity.name.scope-resolution#57132Fde
entity.name.tag#154C4Cde
entity.name.tag.css#573829de
entity.name.type#472957debold
entity.name.variable#23295Ade
entity.other.attribute#481064de
entity.other.attribute-name#163232de
entity.other.attribute-name.class.css#0B1694de
entity.other.attribute-name.class.mixin.css#4A2534de
entity.other.attribute-name.id#2A2F5Dde
entity.other.attribute-name.id.css#384323de
entity.other.attribute-name.parent-selector.css#163232de
entity.other.attribute-name.pseudo-class.css#1E3720de
entity.other.attribute-name.pseudo-element.css#541B00de
entity.other.attribute-name.scss#4C1F30de
entity.other.document.begin.yaml#2E2E2E6e
entity.other.inherited-class#384323de
header#153232de
invalid#262A53de
keyword#772E08debold
keyword.codetag.notation.python#234325debold
keyword.control#5D2A40debold
keyword.control.anchor.regexp#172277debold
keyword.control.import.python#432E23debold
keyword.operator#57132Fdebold
keyword.operator.alignas#254A28debold
keyword.operator.alignof#134C4Cdebold
keyword.operator.cast#272A50debold
keyword.operator.delete#243208debold
keyword.operator.documentation.powershell#2E2E2E6ebold
keyword.operator.expression#3D2A20debold
keyword.operator.instanceof#384A13debold
keyword.operator.logical.python#6B2E47debold
keyword.operator.minus.exponent#501B30debold
keyword.operator.negation.regexp#481064debold
keyword.operator.new#642C43debold
keyword.operator.noexcept#063434debold
keyword.operator.or.regexp#212766debold
keyword.operator.plus.exponent#0D1D85debold
keyword.operator.quantifier.regexp#4C2A5Ddebold
keyword.operator.sizeof#254A28debold
keyword.operator.typeid#5D3B2Adebold
keyword.operator.wordlike#384323debold
keyword.other.operator#3F291Edebold
keyword.other.package.java#273111debold
keyword.other.unit#3D254Adebold
keyword.other.using#254A4Adebold
markup.bold#2F371Ede
markup.changed#5D3B2Ade
markup.deleted#254A28de
markup.fenced_code.block.markdown#442718de
markup.heading#432E23de
markup.inline.raw#333D20de
markup.inserted#384B11de
markup.italic#23295Ade
markup.raw.block.markdown#501B30de
markup.strikethrough#23295Ade
markup.underline#482414de
meta.block.c#0D4D4Dde
meta.block.c#422750de
meta.class.java#0F3333de
meta.definition.variable.name#4C036Ede
meta.diff.header#263115de
meta.embedded#3E224Cde
meta.embedded.assembly#3C2449de
meta.function-call.arguments.python#59112Dde
meta.function-call.python#5D082Ade
meta.member.access.python#481064de
meta.method.java#431B57de
meta.object-literal.key#2C3164de
meta.paragraph.markdown#1C3131de
meta.preprocessor#364B0Ede
meta.preprocessor.numeric#2E336Bde
meta.preprocessor.string#0F3333de
meta.scope.prerequisites.makefile#572E6Bde
meta.structure.dictionary.json.comments#2E2E2E6e
meta.structure.dictionary.key.python#04360Ade
meta.structure.dictionary.value.json.comments#2E2E2E6e
meta.template.expression#384A13de
meta.type.cast.expr#772E08debold
meta.type.new.expr#772E08debold
parameter#384A13de
punctuation.character.set.begin.regexp#2E336Bde
punctuation.character.set.end.regexp#2E336Bde
punctuation.definition.array.begin.json#134C4Cde
punctuation.definition.character-class.regexp#125018de
punctuation.definition.comment#2E2E2E6e
punctuation.definition.comment.json.comments#2E2E2E6e
punctuation.definition.comment.python#2E2E2E6e
punctuation.definition.dictionary.begin.json#333D20de
punctuation.definition.dictionary.end.json#3D254Ade
punctuation.definition.group.assertion.regexp#0D1D85de
punctuation.definition.group.regexp#3C2449de
punctuation.definition.list.begin.json#212766de
punctuation.definition.list.begin.markdown#57132Fde
punctuation.definition.list.begin.python#40281Bde
punctuation.definition.list.end.json#154C4Cde
punctuation.definition.list.end.markdown#3D254Ade
punctuation.definition.list.end.python#203D3Dde
punctuation.definition.parameters.begin.python#364B0Ede
punctuation.definition.parameters.end.bracket.round.java#503527de
punctuation.definition.quote.begin.markdown#384323de
punctuation.definition.tag#0D3512de
punctuation.definition.template-expression.begin#3D254Ade
punctuation.definition.template-expression.end#2E336Bde
punctuation.section.class.begin.bracket.curly.java#59112Dde
punctuation.section.embedded#501B30de
punctuation.section.embedded.begin.php#2A2F5Dde
punctuation.section.embedded.end.php#04360Ade
punctuation.terminator.java#1E3737de
source.cmake#0F3333de
source.coffee.embedded#4A2031de
source.cpp#234343de
source.css.less#384A13de
source.groovy.embedded#262A53de
source.java#04360Ade
source.java-properties#043434de
source.json.comments#2E2E2E6e
source.makefile#243208de
source.powershell#481064de
source.powershell.variable.other.member#481064de
source.python#482131de
storage#043608de
storage.modifier#0D5012de
storage.modifier.import.java#153417de
storage.modifier.package.java#40281Bde
storage.type#134C4Cdebold
storage.type.annotation.groovy#442718debold
storage.type.annotation.java#203D3Ddebold
storage.type.boolean.go#2A311Cdebold
storage.type.byte.go#0D4D4Ddebold
storage.type.cs#0B1694debold
storage.type.error.go#490F63debold
storage.type.generic.cs#0B1694debold
storage.type.generic.groovy#2C3164debold
storage.type.generic.java#59112Ddebold
storage.type.groovy#272A50debold
storage.type.java#4C2A5Ddebold
storage.type.modifier.cs#4A2534debold
storage.type.numeric.go#0B1694debold
storage.type.object.array.groovy#4A2534debold
storage.type.object.array.java#2F371Edebold
storage.type.parameters.groovy#1C3131debold
storage.type.primitive.array.groovy#153232debold
storage.type.primitive.array.java#063434debold
storage.type.primitive.groovy#272A51debold
storage.type.primitive.java#223300debold
storage.type.rune.go#364B0Edebold
storage.type.string.go#431B57debold
storage.type.token.java#2A311Cdebold
storage.type.uintptr.go#4A3125debold
storage.type.variable.cs#272A51debold
string#5F042Bde
string.quoted.docstring.multi.python#2E2E2E6e
string.regexp#2A311Cde
string.tag#0D1D85de
string.value#432E23de
strong#4C1F30de
support.class#1E3720de
support.constant.color#481064de
support.constant.dom#1E3737de
support.constant.font-name#183419de
support.constant.handlebars#273111de
support.constant.json#40281Bde
support.constant.math#3F214Dde
support.constant.media#3F214Dde
support.constant.media-type#203D3Ddebold
support.constant.property-value#262A53de
support.function#1E3720de
support.function.git-rebase#1C2178de
support.other.parenthesis.regexp#2E336Bde
support.type#0D5012debold
support.type.property-name#364B0Edebold
support.type.vendored.property-name#0F5013debold
support.variable#172277de
token.debug-token#472957de
token.error-token#272A51de
token.info-token#482131de
token.warn-token#125018de
variable#263115de
variable.css#223300de
variable.language#172277de
variable.language.wildcard.java#254A4Ade
variable.other.constant#134C4Cde
variable.other.definition.java#40281Bde
variable.other.enummember#043608de
variable.other.less#153232de
variable.other.object.java#501B30de
variable.other.object.property.java#374B10de
variable.parameter.c#0F5013de
variable.parameter.function.language.python#462615de
variable.parameter.java#511F04de
variable.scss#203D3Dde