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#D8DAE2fe
  • activityBar.activeBackground#D8DAE2fe
  • activityBar.activeBorder#620488fe
  • activityBar.activeFocusBorder#46848400
  • activityBar.background#EBECF0fe
  • activityBar.border#A06F6F00
  • activityBar.dropBorder#600B86fe
  • activityBar.foreground#5E177Cfe
  • activityBar.inactiveForeground#3A404F65
  • activityBarBadge.background#7D24A3fe
  • activityBarBadge.foreground#EBECF0fe
  • badge.background#712293fe
  • badge.foreground#EBECF0fe
  • banner.background#D8DAE2fe
  • banner.foreground#092E78ce
  • banner.iconForeground#572515fe
  • breadcrumb.activeSelectionForeground#62143Bca
  • breadcrumb.background#E6E8EDfe
  • breadcrumb.focusForeground#712293fe
  • breadcrumb.foreground#062A85ae
  • breadcrumbPicker.background#D8DAE2fe
  • button.background#999FB3ae
  • button.border#F6F5F700
  • button.foreground#092E78ce
  • button.hoverBackground#858DA56e
  • button.secondaryBackground#D8DAE2fe
  • button.secondaryForeground#092E78ce
  • button.secondaryHoverBackground#D8DAE2fe
  • button.separator#F7F7F500
  • charts.blue#1b1bfffe
  • charts.foreground#092E78ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067af
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F0F1F4fe
  • chat.slashCommandBackground#D8DAE2fe
  • chat.slashCommandForeground#092E78ce
  • checkbox.background#F0F1F4fe
  • checkbox.border#F0F1F4fe
  • checkbox.foreground#092E78ce
  • checkbox.selectBackground#F0F1F4fe
  • checkbox.selectBorder#F0F1F4fe
  • commandCenter.activeBackground#BBCCC78d
  • commandCenter.activeBorder#F0F1F4fe
  • commandCenter.activeForeground#77239Bfe
  • commandCenter.background#D8DAE2fe
  • commandCenter.border#F0F1F4fe
  • commandCenter.foreground#092E78ce
  • commandCenter.inactiveBorder#C4C8D393
  • commandCenter.inactiveForeground#3A404F65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F5F7F500
  • contrastBorder#F6F5F700
  • debugConsole.errorForeground#8C008Cce
  • debugConsole.infoForeground#092E78ce
  • debugConsole.sourceForeground#092E78ce
  • debugConsole.warningForeground#5C4C00ce
  • debugConsoleInputIcon.foreground#482D24fe
  • debugExceptionWidget.background#FFADFFc8
  • debugExceptionWidget.border#F0F1F4fe
  • debugIcon.breakpointCurrentStackframeForeground#51253Bfe
  • debugIcon.breakpointDisabledForeground#3A404F65
  • debugIcon.breakpointForeground#482D24fe
  • debugIcon.breakpointStackframeForeground#163C16fe
  • debugIcon.breakpointUnverifiedForeground#163C16fe
  • debugIcon.continueForeground#163C16fe
  • debugIcon.disconnectForeground#113C11fe
  • debugIcon.pauseForeground#442465fe
  • debugIcon.restartForeground#471D71fe
  • debugIcon.startForeground#313620fe
  • debugIcon.stepBackForeground#383C2Cfe
  • debugIcon.stepIntoForeground#4E2A21fe
  • debugIcon.stepOutForeground#471D71fe
  • debugIcon.stepOverForeground#4E2A21fe
  • debugIcon.stopForeground#442D39fe
  • debugTokenExpression.boolean#16131Aca
  • debugTokenExpression.error#131A18ca
  • debugTokenExpression.name#171F1Dca
  • debugTokenExpression.number#171F17ca
  • debugTokenExpression.value#1A1C23ca
  • debugToolBar.background#FFADFFc5
  • debugToolBar.border#F0F1F4fe
  • debugView.exceptionLabelBackground#D3C5CCca
  • debugView.exceptionLabelForeground#0A3B31ca
  • debugView.stateLabelBackground#BBCDC8ca
  • debugView.stateLabelForeground#471D71ca
  • debugView.valueChangedHighlight#26281Eca
  • descriptionForeground#092E78ce
  • diffEditor.border#F7F7F500
  • diffEditor.diagonalFill#000000fb
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#A0D6A3fb
  • diffEditor.insertedTextBorder#F5F7F500
  • diffEditor.move.border#F7F7F500
  • diffEditor.moveActive.border#F7F5F600
  • diffEditor.removedLineBackground#FFB6B631
  • diffEditor.removedTextBackground#FEB6B6fb
  • diffEditor.removedTextBorder#F7F5F500
  • diffEditor.unchangedCodeBackground#D8DAE2fe
  • diffEditor.unchangedRegionBackground#D8DAE2fe
  • diffEditor.unchangedRegionForeground#092E78ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#42475965
  • dropdown.background#F0F1F4fe
  • dropdown.border#F0F1F4fe
  • dropdown.foreground#092E78ce
  • dropdown.listBackground#F0F1F4fe
  • editor.background#D8DAE2fe
  • editor.findMatchBackground#B39F99ab
  • editor.findMatchBorder#F0F1F4fe
  • editor.findMatchHighlightBackground#A7BEA7ad
  • editor.findMatchHighlightBorder#F0F1F4fe
  • editor.findRangeHighlightBackground#B0B79Eae
  • editor.findRangeHighlightBorder#F0F1F4fe
  • editor.focusedStackFrameHighlightBackground#8FAC8F85
  • editor.foldBackground#2A562Aa6
  • editor.foreground#092E78ce
  • editor.hoverHighlightBackground#A7BEB8a4
  • editor.inactiveSelectionBackground#B1B6C592
  • editor.inlineValuesBackground#D8DAE2fe
  • editor.inlineValuesForeground#092E78ce
  • editor.lineHighlightBackground#B1B6C5b4
  • editor.lineHighlightBorder#F7F5F600
  • editor.linkedEditingBackground#D8DAE2fe
  • editor.rangeHighlightBackground#8A92A8aa
  • editor.rangeHighlightBorder#F0F1F4fe
  • editor.selectionBackground#C4D3D0aa
  • editor.selectionForeground#49088Aca
  • editor.selectionHighlightBackground#B4BAA28b
  • editor.selectionHighlightBorder#F0F1F4fe
  • editor.snippetFinalTabstopHighlightBackground#A8AF94a8
  • editor.snippetFinalTabstopHighlightBorder#F0F1F4fe
  • editor.snippetTabstopHighlightBackground#BEADA7a1
  • editor.snippetTabstopHighlightBorder#F0F1F4fe
  • editor.stackFrameHighlightBackground#BEADA7a6
  • editor.symbolHighlightBackground#B2A7BEa1
  • editor.symbolHighlightBorder#F0F1F4fe
  • editor.wordHighlightBackground#99B3ACa3
  • editor.wordHighlightBorder#F5F5F700
  • editor.wordHighlightStrongBackground#9EB79Eae
  • editor.wordHighlightStrongBorder#F5F5F700
  • editor.wordHighlightTextBackground#B2A7BEa6
  • editor.wordHighlightTextBorder#F5F7F700
  • editorBracketHighlight.foreground1#0B0C0Ece
  • editorBracketHighlight.foreground2#0B0C0Ece
  • editorBracketHighlight.foreground3#0B0C0Ece
  • editorBracketHighlight.foreground4#0B0C0Ece
  • editorBracketHighlight.foreground5#0B0C0Ece
  • editorBracketHighlight.foreground6#0B0C0Ece
  • editorBracketHighlight.unexpectedBracket.foreground#092E78ce
  • editorBracketMatch.background#58466Aa1
  • editorBracketMatch.border#F0F1F4fe
  • editorBracketPairGuide.activeBackground1#30544B87
  • editorBracketPairGuide.activeBackground2#63473E8a
  • editorBracketPairGuide.activeBackground3#6E41338b
  • editorBracketPairGuide.activeBackground4#5E484082
  • editorBracketPairGuide.activeBackground5#80305687
  • editorBracketPairGuide.activeBackground6#46502B8e
  • editorBracketPairGuide.background1#D3C8C4fe
  • editorBracketPairGuide.background2#C5C9D4fe
  • editorBracketPairGuide.background3#C7CBBAfe
  • editorBracketPairGuide.background4#D4C6CDfe
  • editorBracketPairGuide.background5#BBCCC9fe
  • editorBracketPairGuide.background6#D4C8C4fe
  • editorCodeLens.foreground#012FB86e
  • editorCommentsWidget.rangeActiveBackground#3D4A80fe
  • editorCommentsWidget.rangeBackground#D8DAE2fe
  • editorCommentsWidget.resolvedBorder#F0F1F4fe
  • editorCommentsWidget.unresolvedBorder#FFB7B7cb
  • editorCursor.background#D8DAE2fe
  • editorCursor.foreground#7D24A3fe
  • editorError.background#F7F5F600
  • editorError.border#F7F5F500
  • editorError.foreground#8C008Cce
  • editorGhostText.background#D8DAE2fe
  • editorGhostText.border#F6F5F700
  • editorGhostText.foreground#0129A76e
  • editorGroup.border#F0F1F4fe
  • editorGroup.dropBackground#D8DAE2fe
  • editorGroup.dropIntoPromptBackground#D8DAE2fe
  • editorGroup.dropIntoPromptBorder#F0F1F4fe
  • editorGroup.dropIntoPromptForeground#092E78ce
  • editorGroup.emptyBackground#D8DAE2fe
  • editorGroup.focusedEmptyBorder#F0F1F4fe
  • editorGroupHeader.border#F7F7F500
  • editorGroupHeader.noTabsBackground#EBECF0ae
  • editorGroupHeader.tabsBackground#D8DAE2a1
  • editorGroupHeader.tabsBorder#F5F5F700
  • editorGutter.addedBackground#1A591Efb
  • editorGutter.background#D8DAE2fe
  • editorGutter.commentGlyphForeground#092E78ce
  • editorGutter.commentRangeForeground#092E78ce
  • editorGutter.commentUnresolvedGlyphForeground#1E5721cb
  • editorGutter.deletedBackground#A00000cb
  • editorGutter.foldingControlForeground#092E78ce
  • editorGutter.modifiedBackground#5C4C00ce
  • editorHint.border#F5F7F500
  • editorHint.foreground#3B00F5ce
  • editorHoverWidget.background#F0F1F4fe
  • editorHoverWidget.border#F0F1F4fe
  • editorHoverWidget.foreground#092E78ce
  • editorHoverWidget.highlightForeground#092986ca
  • editorHoverWidget.statusBarBackground#D8DAE2fe
  • editorIndentGuide.activeBackground1#60137Ffe
  • editorIndentGuide.activeBackground2#601083fe
  • editorIndentGuide.activeBackground3#601083fe
  • editorIndentGuide.activeBackground4#60137Ffe
  • editorIndentGuide.activeBackground5#601083fe
  • editorIndentGuide.activeBackground6#620488fe
  • editorIndentGuide.background1#4F403A35
  • editorIndentGuide.background2#40374A35
  • editorIndentGuide.background3#5E506C35
  • editorIndentGuide.background4#42594235
  • editorIndentGuide.background5#54715435
  • editorIndentGuide.background6#374A3735
  • editorInfo.background#F5F7F500
  • editorInfo.border#F7F5F600
  • editorInfo.foreground#3B00F5ce
  • editorInlayHint.background#D8DAE2fe
  • editorInlayHint.foreground#092E78ce
  • editorInlayHint.parameterBackground#D8DAE2fe
  • editorInlayHint.parameterForeground#092E78ce
  • editorInlayHint.typeBackground#D8DAE2fe
  • editorInlayHint.typeForeground#092E78ce
  • editorLightBulb.foreground#5C4C00ce
  • editorLightBulbAutoFix.foreground#1E5721cb
  • editorLineNumber.activeForeground#8E25BBfe
  • editorLineNumber.dimmedForeground#012EAF6e
  • editorLineNumber.foreground#0129A76e
  • editorLink.activeForeground#6B228Bfe
  • editorMarkerNavigation.background#F0F1F4fe
  • editorMarkerNavigationError.background#FFADFFc4
  • editorMarkerNavigationError.headerBackground#FFADFF9b
  • editorMarkerNavigationInfo.background#C3C3FFfe
  • editorMarkerNavigationInfo.headerBackground#C3C3FFfe
  • editorMarkerNavigationWarning.background#EFC600fe
  • editorMarkerNavigationWarning.headerBackground#EFC600fe
  • editorOverviewRuler.addedForeground#1E5721cb
  • editorOverviewRuler.background#D8DAE2fe
  • editorOverviewRuler.border#C4C8D3fe
  • editorOverviewRuler.bracketMatchForeground#092E78ce
  • editorOverviewRuler.commentForeground#012FC16e
  • editorOverviewRuler.commentUnresolvedForeground#1E5721cb
  • editorOverviewRuler.commonContentForeground#092E78ce
  • editorOverviewRuler.currentContentForeground#4D4D4Dc8
  • editorOverviewRuler.deletedForeground#A00000cb
  • editorOverviewRuler.errorForeground#8C008Cce
  • editorOverviewRuler.findMatchForeground#005757ce
  • editorOverviewRuler.incomingContentForeground#1E5721cb
  • editorOverviewRuler.infoForeground#3B00F5ce
  • editorOverviewRuler.modifiedForeground#5C4C00ce
  • editorOverviewRuler.rangeHighlightForeground#092986ca
  • editorOverviewRuler.selectionHighlightForeground#3B00F5ce
  • editorOverviewRuler.warningForeground#5C4C00ce
  • editorOverviewRuler.wordHighlightForeground#05278Dca
  • editorOverviewRuler.wordHighlightStrongForeground#092E78ce
  • editorOverviewRuler.wordHighlightTextForeground#092E78ce
  • editorPane.background#D8DAE2fe
  • editorRuler.foreground#394C7B22
  • editorStickyScroll.background#D8DAE2fe
  • editorStickyScrollHover.background#C4C8D36e
  • editorSuggestWidget.background#F0F1F4fe
  • editorSuggestWidget.border#F5F7F700
  • editorSuggestWidget.focusHighlightForeground#493162fe
  • editorSuggestWidget.foreground#601D06fe
  • editorSuggestWidget.highlightForeground#53281Bca
  • editorSuggestWidget.selectedBackground#A88A9982
  • editorSuggestWidget.selectedForeground#072A84ca
  • editorSuggestWidget.selectedIconForeground#2F3719ca
  • editorSuggestWidgetStatus.foreground#243259fe
  • editorUnicodeHighlight.background#85A59Da5
  • editorUnicodeHighlight.border#F0F1F4fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F6F5F700
  • editorWarning.border#F5F7F700
  • editorWarning.foreground#5C4C00ce
  • editorWhitespace.foreground#092E78ce
  • editorWidget.background#F0F1F4fe
  • editorWidget.border#F0F1F4fe
  • editorWidget.foreground#092E78ce
  • editorWidget.resizeBorder#F0F1F4fe
  • errorForeground#8C008Cce
  • extensionBadge.remoteBackground#9A25CCfe
  • extensionBadge.remoteForeground#EBECF0fe
  • extensionButton.background#C4C8D3ae
  • extensionButton.foreground#092E78ce
  • extensionButton.hoverBackground#C4C8D36e
  • extensionButton.prominentBackground#D8DAE2fe
  • extensionButton.prominentForeground#092E78ce
  • extensionButton.prominentHoverBackground#D8DAE2fe
  • extensionButton.separator#F6F5F700
  • extensionIcon.preReleaseForeground#1D3A1Dfe
  • extensionIcon.sponsorForeground#003C2Ffe
  • extensionIcon.starForeground#092986fe
  • extensionIcon.verifiedForeground#403430fe
  • focusBorder#F5F7F700
  • foreground#092E78ce
  • gitDecoration.addedResourceForeground#1E5721cb
  • gitDecoration.deletedResourceForeground#A00000cb
  • gitDecoration.modifiedResourceForeground#5C4C00ce
  • gitDecoration.renamedResourceForeground#3B00F5ce
  • gitDecoration.stageDeletedResourceForeground#A00000cb
  • gitDecoration.stageModifiedResourceForeground#1E5721cb
  • gitDecoration.untrackedResourceForeground#005757ce
  • icon.foreground#444D67ae
  • inlineChat.background#D4C5CEca
  • inlineChat.border#BBCCC8ca
  • inlineChat.regionHighlight#1F171Bca
  • inlineChat.shadow#1F171Bca
  • inlineChatDiff.inserted#1E281Eca
  • inlineChatDiff.removed#1E281Eca
  • inlineChatInput.background#1F171Bca
  • inlineChatInput.border#BECEBEca
  • inlineChatInput.focusBorder#F5F7F500
  • inlineChatInput.placeholderForeground#183A32ca
  • input.background#F0F1F4fe
  • input.border#F0F1F4fe
  • input.foreground#092E78ce
  • input.placeholderForeground#373C4A65
  • inputOption.activeBackground#F0F1F4fe
  • inputOption.activeBorder#F0F1F4fe
  • inputOption.activeForeground#9425C4fe
  • inputOption.hoverBackground#F0F1F4fe
  • inputValidation.errorBackground#670067c6
  • inputValidation.errorBorder#FFADFFa9
  • inputValidation.errorForeground#8C008Cce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F0F1F4fe
  • inputValidation.infoForeground#092E78ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F0F1F4fe
  • inputValidation.warningForeground#5C4C00ce
  • interactive.activeCodeBorder#F0F1F4fe
  • interactive.inactiveCodeBorder#C4C8D398
  • keybindingLabel.background#D8DAE2fe
  • keybindingLabel.border#F0F1F4fe
  • keybindingLabel.bottomBorder#F0F1F4fe
  • keybindingLabel.foreground#092E78ce
  • keybindingTable.headerBackground#D8DAE2fe
  • keybindingTable.rowsBackground#D8DAE2fe
  • list.activeSelectionBackground#9585A586
  • list.activeSelectionForeground#1D3A1Dca
  • list.activeSelectionIconForeground#5D1A3Fca
  • list.deemphasizedForeground#092E78ce
  • list.dropBackground#D8DAE2fe
  • list.errorForeground#8C008Cce
  • list.filterMatchBackground#D8DAE2fe
  • list.filterMatchBorder#F0F1F4fe
  • list.focusAndSelectionOutline#F7F5F500
  • list.focusBackground#BFC4D097
  • list.focusForeground#6B228Bfe
  • list.focusHighlightForeground#563043fe
  • list.focusOutline#F7F7F500
  • list.highlightForeground#552613ca
  • list.hoverBackground#BBCCC8a8
  • list.hoverForeground#712293fe
  • list.inactiveFocusBackground#BFC4D093
  • list.inactiveFocusOutline#F7F5F500
  • list.inactiveSelectionBackground#EBECF0ae
  • list.inactiveSelectionForeground#33384565
  • list.inactiveSelectionIconForeground#33384565
  • list.invalidItemForeground#092E78ce
  • list.warningForeground#5C4C00ce
  • listFilterWidget.background#D8DAE2fe
  • listFilterWidget.noMatchesOutline#F7F5F600
  • listFilterWidget.outline#F6F5F700
  • listFilterWidget.shadow#F7F7F500
  • menu.background#EBECF0fe
  • menu.border#F7F5F600
  • menu.foreground#062A85ae
  • menu.selectionBackground#BFD0CCa2
  • menu.selectionBorder#F7F5F600
  • menu.selectionForeground#77239Bfe
  • menu.separatorBackground#C4C9D465
  • menubar.selectionBackground#C4D3D0aa
  • menubar.selectionBorder#F6F5F700
  • menubar.selectionForeground#8825B3fe
  • merge.border#F0F1F4fe
  • merge.commonContentBackground#D8DAE2fe
  • merge.commonHeaderBackground#D8DAE2fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#A0D6A3fb
  • merge.incomingContentBackground#A0D6A2cb
  • merge.incomingHeaderBackground#A0D6A3fb
  • mergeEditor.change.background#D8DAE2fe
  • mergeEditor.change.word.background#D8DAE2fe
  • mergeEditor.changeBase.background#D8DAE2fe
  • mergeEditor.changeBase.word.background#D8DAE2fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F0F1F4fe
  • mergeEditor.conflict.handledUnfocused.border#C9CDD73e
  • mergeEditor.conflict.input1.background#F0F1F4fe
  • mergeEditor.conflict.input2.background#F0F1F4fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c6
  • mergeEditor.conflict.unhandledFocused.border#F0F1F4fe
  • mergeEditor.conflict.unhandledUnfocused.border#CED1DB26
  • mergeEditor.conflictingLines.background#D8DAE2fe
  • minimap.background#D8DAE2fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0B0C0Ece
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A591Efb
  • minimapGutter.deletedBackground#A00000fb
  • minimapGutter.modifiedBackground#5C4C00ce
  • minimapSlider.activeBackground#69728Efe
  • minimapSlider.background#A7ADBEae
  • minimapSlider.hoverBackground#949BAF6e
  • notebook.cellBorderColor#F0F1F4fe
  • notebook.cellEditorBackground#D8DAE2fe
  • notebook.cellHoverBackground#D8DAE2fe
  • notebook.cellInsertionIndicator#16131Aca
  • notebook.cellStatusBarItemHoverBackground#D8DAE2fe
  • notebook.cellToolbarSeparator#1D1F17ca
  • notebook.editorBackground#D8DAE2fe
  • notebook.focusedCellBackground#D8DAE2fe
  • notebook.focusedCellBorder#6B228Bfe
  • notebook.focusedEditorBorder#F0F1F4fe
  • notebook.inactiveFocusedCellBorder#69728E8e
  • notebook.inactiveSelectedCellBorder#69728E8e
  • notebook.outputContainerBackgroundColor#D8DAE2fe
  • notebook.outputContainerBorderColor#F0F1F4fe
  • notebook.selectedCellBackground#D8DAE2fe
  • notebook.selectedCellBorder#F0F1F4fe
  • notebook.symbolHighlightBackground#D8DAE2fe
  • notebookEditorOverviewRuler.runningCellForeground#092E78ce
  • notebookScrollbarSlider.activeBackground#6D7693fe
  • notebookScrollbarSlider.background#999FB3ae
  • notebookScrollbarSlider.hoverBackground#858DA56e
  • notebookStatusErrorIcon.foreground#8C008Cce
  • notebookStatusRunningIcon.foreground#562616fe
  • notebookStatusSuccessIcon.foreground#1E5721cb
  • notificationCenter.border#F0F1F4fe
  • notificationCenterHeader.background#D8DAE2fe
  • notificationCenterHeader.foreground#092E78ce
  • notificationLink.foreground#092E78ce
  • notifications.background#D8DAE2fe
  • notifications.border#F0F1F4fe
  • notifications.foreground#092E78ce
  • notificationsErrorIcon.foreground#8C008Cce
  • notificationsInfoIcon.foreground#482D24fe
  • notificationsWarningIcon.foreground#5C4C00ce
  • notificationToast.border#F0F1F4fe
  • panel.background#D8DAE2fe
  • panel.border#F0F1F4fe
  • panel.dropBorder#F0F1F4fe
  • panelInput.border#F0F1F4fe
  • panelSection.border#F0F1F4fe
  • panelSection.dropBackground#D8DAE2fe
  • panelSectionHeader.background#D8DAE2fe
  • panelSectionHeader.border#F0F1F4fe
  • panelSectionHeader.foreground#092E78ce
  • panelTitle.activeBorder#F7F5F500
  • panelTitle.activeForeground#5D1A79fe
  • panelTitle.inactiveForeground#3E445465
  • peekView.border#610389fe
  • peekViewEditor.background#F0F1F4fe
  • peekViewEditor.matchHighlightBackground#99B3AC8d
  • peekViewEditor.matchHighlightBorder#F7F5F600
  • peekViewEditorGutter.background#F0F1F4fe
  • peekViewEditorStickyScroll.background#D8DAE2fe
  • peekViewResult.background#EBECF0fe
  • peekViewResult.fileForeground#092E78ce
  • peekViewResult.lineForeground#092E78ce
  • peekViewResult.matchHighlightBackground#A180918c
  • peekViewResult.selectionBackground#80A1808e
  • peekViewResult.selectionForeground#48068Bca
  • peekViewTitle.background#EBECF0fe
  • peekViewTitleDescription.foreground#092E78ce
  • peekViewTitleLabel.foreground#092E78ce
  • pickerGroup.border#F0F1F4fe
  • pickerGroup.foreground#092E78ce
  • ports.iconRunningProcessForeground#393041fe
  • problemsErrorIcon.foreground#8C008Cce
  • problemsInfoIcon.foreground#3B00F5ce
  • problemsWarningIcon.foreground#5C4C00ce
  • profileBadge.background#9425C4fe
  • profileBadge.foreground#EBECF0fe
  • progressBar.background#D8DAE2fe
  • quickInput.background#EBECF0fe
  • quickInput.foreground#2A3357ae
  • quickInputList.focusBackground#AEA2BAaa
  • quickInputList.focusForeground#77239Bfe
  • quickInputList.focusIconForeground#712293fe
  • quickInputTitle.background#F0F1F4fe
  • sash.hoverBorder#F0F1F4fe
  • scrollbar.shadow#F5F7F700
  • scrollbarSlider.activeBackground#69728Efe
  • scrollbarSlider.background#A2A8BAae
  • scrollbarSlider.hoverBackground#8F96AC6e
  • search.resultsInfoForeground#092E78ce
  • searchEditor.findMatchBackground#949BAFaa
  • searchEditor.findMatchBorder#F0F1F4fe
  • searchEditor.textInputBorder#F0F1F4fe
  • selection.background#D8DAE2fe
  • settings.checkboxBackground#F0F1F4fe
  • settings.checkboxBorder#F0F1F4fe
  • settings.checkboxForeground#092E78ce
  • settings.dropdownBackground#F0F1F4fe
  • settings.dropdownBorder#F0F1F4fe
  • settings.dropdownForeground#092E78ce
  • settings.dropdownListBorder#F0F1F4fe
  • settings.focusedRowBackground#A294AF8a
  • settings.focusedRowBorder#F0F1F4fe
  • settings.headerBorder#F0F1F4fe
  • settings.headerForeground#092E78ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F0F1F4fe
  • settings.numberInputBorder#F0F1F4fe
  • settings.numberInputForeground#092E78ce
  • settings.rowHoverBackground#D8DAE2fe
  • settings.sashBorder#F0F1F4fe
  • settings.settingsHeaderHoverForeground#9425C4fe
  • settings.textInputBackground#F0F1F4fe
  • settings.textInputBorder#F0F1F4fe
  • settings.textInputForeground#092E78ce
  • sideBar.background#D8DAE2fe
  • sideBar.border#F0F1F4fe
  • sideBar.dropBackground#D8DAE2fe
  • sideBar.foreground#444D67ae
  • sideBarSectionHeader.background#F7F5F600
  • sideBarSectionHeader.border#F0F1F4fe
  • sideBarSectionHeader.foreground#092E78ce
  • sideBarTitle.foreground#092E78ce
  • sideBySideEditor.horizontalBorder#F0F1F4fe
  • sideBySideEditor.verticalBorder#F0F1F4fe
  • simpleFindWidget.sashBorder#F0F1F4fe
  • statusBar.background#EBECF0fe
  • statusBar.border#F0F1F4fe
  • statusBar.debuggingBackground#FFADFFc4
  • statusBar.debuggingBorder#F0F1F4fe
  • statusBar.debuggingForeground#092E78ce
  • statusBar.focusBorder#F5F7F700
  • statusBar.foreground#012FC16e
  • statusBar.noFolderBackground#EBECF0fe
  • statusBar.noFolderBorder#F0F1F4fe
  • statusBar.noFolderForeground#092E78ce
  • statusBarItem.activeBackground#EBECF0fe
  • statusBarItem.compactHoverBackground#EBECF0fe
  • statusBarItem.errorBackground#FFADFFae
  • statusBarItem.errorForeground#8C008Cce
  • statusBarItem.errorHoverBackground#FFADFFc7
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F5F7F700
  • statusBarItem.hoverBackground#EBECF0fe
  • statusBarItem.hoverForeground#9425C4fe
  • statusBarItem.offlineBackground#EBECF0fe
  • statusBarItem.offlineForeground#092E78ce
  • statusBarItem.offlineHoverBackground#EBECF0fe
  • statusBarItem.offlineHoverForeground#8E25BBfe
  • statusBarItem.prominentBackground#EBECF0fe
  • statusBarItem.prominentForeground#092E78ce
  • statusBarItem.prominentHoverBackground#EBECF0fe
  • statusBarItem.prominentHoverForeground#6B228Bfe
  • statusBarItem.remoteBackground#9425C4fe
  • statusBarItem.remoteForeground#EBECF0fe
  • statusBarItem.remoteHoverBackground#EBECF0fe
  • statusBarItem.remoteHoverForeground#9425C4fe
  • statusBarItem.warningBackground#EFC600fe
  • statusBarItem.warningForeground#5C4C00ce
  • statusBarItem.warningHoverBackground#EFC600fe
  • statusBarItem.warningHoverForeground#927900ce
  • symbolIcon.arrayForeground#2C3804fe
  • symbolIcon.booleanForeground#005757ce
  • symbolIcon.classForeground#313620fe
  • symbolIcon.colorForeground#4B2938fe
  • symbolIcon.constantForeground#58203Cfe
  • symbolIcon.constructorForeground#3E2C4Ffe
  • symbolIcon.enumeratorForeground#30403Cfe
  • symbolIcon.enumeratorMemberForeground#2F370Efe
  • symbolIcon.eventForeground#3C2E49fe
  • symbolIcon.fieldForeground#183B18fe
  • symbolIcon.fileForeground#163A30fe
  • symbolIcon.folderForeground#3E2C4Ffe
  • symbolIcon.functionForeground#2B334Afe
  • symbolIcon.interfaceForeground#3C2E49fe
  • symbolIcon.keyForeground#3C2E49fe
  • symbolIcon.keywordForeground#2C3804fe
  • symbolIcon.methodForeground#63123Afe
  • symbolIcon.moduleForeground#62143Bfe
  • symbolIcon.namespaceForeground#442465fe
  • symbolIcon.nullForeground#092986fe
  • symbolIcon.numberForeground#30403Cfe
  • symbolIcon.objectForeground#49088Afe
  • symbolIcon.operatorForeground#333728fe
  • symbolIcon.packageForeground#51253Bfe
  • symbolIcon.propertyForeground#1B3B1Bfe
  • symbolIcon.referenceForeground#1D3A1Dfe
  • symbolIcon.snippetForeground#313620fe
  • symbolIcon.stringForeground#3E2C4Ffe
  • symbolIcon.structForeground#2C3C38fe
  • symbolIcon.textForeground#30403Cfe
  • symbolIcon.typeParameterForeground#2F3716fe
  • symbolIcon.unitForeground#58203Cfe
  • symbolIcon.variableForeground#442D39fe
  • tab.activeBackground#E6E8EDfe
  • tab.activeBorder#F6F5F700
  • tab.activeBorderTop#601083fe
  • tab.activeForeground#5D1C79fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F6F5F700
  • tab.hoverBackground#30534Aa8
  • tab.hoverBorder#F0F1F4fe
  • tab.hoverForeground#8825B3fe
  • tab.inactiveBackground#C5C8D393
  • tab.inactiveForeground#42475965
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F0F1F4fe
  • tab.unfocusedActiveBackground#C9CDD728
  • tab.unfocusedActiveBorder#F5F5F700
  • tab.unfocusedActiveBorderTop#C4C8D365
  • tab.unfocusedActiveForeground#3E445465
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#3B4A7E3c
  • tab.unfocusedHoverBorder#CED1DB30
  • tab.unfocusedHoverForeground#353C4E65
  • tab.unfocusedInactiveBackground#BFC4D094
  • tab.unfocusedInactiveForeground#373C4A65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b4
  • 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#670067b9
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecece9f
  • terminal.ansiYellow#c4a200fe
  • terminal.background#D8DAE2fe
  • terminal.border#F0F1F4fe
  • terminal.dropBackground#D8DAE2fe
  • terminal.findMatchBackground#D8DAE2fe
  • terminal.findMatchBorder#F0F1F4fe
  • terminal.findMatchHighlightBackground#D8DAE2fe
  • terminal.findMatchHighlightBorder#F0F1F4fe
  • terminal.foreground#444D67ae
  • terminal.hoverHighlightBackground#D8DAE2fe
  • terminal.inactiveSelectionBackground#B1B6C59d
  • terminal.selectionBackground#A699B38e
  • terminal.selectionForeground#49088Aca
  • terminal.tab.activeBorder#610389fe
  • terminalCommandDecoration.defaultBackground#49512Fa7
  • terminalCommandDecoration.errorBackground#A00000cb
  • terminalCommandDecoration.successBackground#1E5721cb
  • terminalCursor.background#D8DAE2fe
  • terminalCursor.foreground#77239Bfe
  • terminalOverviewRuler.cursorForeground#092E78ce
  • terminalOverviewRuler.findMatchForeground#005757ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0bc
  • testing.iconUnset#80808099
  • testing.message.error.decorationForeground#7B0DAAfe
  • testing.message.error.lineBackground#FFADFFc5
  • testing.message.info.decorationForeground#7C09ADfe
  • testing.message.info.lineBackground#C3C3FFfe
  • testing.peekBorder#F0F1F4fe
  • testing.peekHeaderBackground#D8DAE2fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#D8DAE2fe
  • textBlockQuote.border#F0F1F4fe
  • textCodeBlock.background#D8DAE2fe
  • textLink.activeForeground#9425C4fe
  • textLink.foreground#3B00F5ce
  • textPreformat.foreground#092E78ce
  • textSeparator.foreground#092E78ce
  • titleBar.activeBackground#EBECF0fe
  • titleBar.activeForeground#2E3966ae
  • titleBar.border#F7F5F500
  • titleBar.inactiveBackground#CED1DBda
  • titleBar.inactiveForeground#373C4A65
  • toolbar.activeBackground#BBCCC883
  • toolbar.hoverBackground#D8DAE2fe
  • toolbar.hoverOutline#F5F7F700
  • tree.inactiveIndentGuidesStroke#5E506C35
  • tree.indentGuidesStroke#7C07AFfe
  • tree.tableColumnsBorder#F0F1F4fe
  • tree.tableOddRowsBackground#D8DAE2fe
  • walkThrough.embeddedEditorBackground#D8DAE2fe
  • walkthrough.stepTitle.foreground#092E78ce
  • welcomePage.background#D8DAE2fe
  • welcomePage.progress.background#D8DAE2fe
  • welcomePage.progress.foreground#092E78ce
  • welcomePage.tileBackground#D8DAE2fe
  • welcomePage.tileBorder#F0F1F4fe
  • welcomePage.tileHoverBackground#D8DAE2fe
  • widget.border#F0F1F4fe
  • widget.shadow#F5F5F700
  • window.activeBorder#F0F1F4fe
  • window.inactiveBorder#C5C8D39e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#09207C6e—
comment.block.html#071F7E6e—
comment.block.java#09207C6e—
comment.block.javadoc.java#0F28666e—
comment.block.powershell#071F7E6e—
comment.block.xml#0F28666e—
comment.line.double-slash.c#09207C6e—
comment.line.double-slash.cpp#081F7F6e—
comment.line.double-slash.java#081F7F6e—
comment.line.double-slash.js#071F7E6e—
comment.line.number-sign.makefile#071F7E6e—
comment.line.number-sign.python#081F7F6e—
comment.line.number-sign.yaml#0F28666e—
comment.line.percentage.erlang#0F28666e—
comment.line.powershell#09207C6e—
comment.source.cmake#071F7E6e—
comment.source.cmakecache#09207C6e—
constant.character#1A2665de—
constant.character.character-class.regexp#722F04de—
constant.character.escape#0D4F13de—
constant.character.set.regexp#461559de—
constant.language#192569de—
constant.numeric#46145Dde—
constant.numeric.dec.python#5E1B36de—
constant.other.caps.python#123333de—
constant.other.character-class.regexp#192569de—
constant.other.character-class.set.regexp#142372de—
constant.other.color.rgb-value#0D4F13de—
constant.other.placeholder#703208de—
constant.other.rgb-value#4A026Ade—
constant.regexp#123333de—
constant.sha.git-rebase#5A1F74de—
emphasis#0E4F14de—
entity.name.class#142372de—
entity.name.function#590C2Bde—
entity.name.function.preprocessor#0E3232de—
entity.name.function.python#4A026Ade—
entity.name.label#5A1F74de—
entity.name.namespace#482A17de—
entity.name.operator#023608de—
entity.name.operator.custom-literal#03178Cde—
entity.name.scope-resolution#4A1B5Ede—
entity.name.tag#0D4F13de—
entity.name.tag.css#422613de—
entity.name.type#1C2765debold
entity.name.variable#490B63de—
entity.other.attribute#0F3232de—
entity.other.attribute-name#0E3412de—
entity.other.attribute-name.class.css#123315de—
entity.other.attribute-name.class.mixin.css#713106de—
entity.other.attribute-name.id#25300Cde—
entity.other.attribute-name.id.css#293312de—
entity.other.attribute-name.parent-selector.css#590C27de—
entity.other.attribute-name.pseudo-class.css#374A0Bde—
entity.other.attribute-name.pseudo-element.css#03178Cde—
entity.other.attribute-name.scss#580E29de—
entity.other.document.begin.yaml#09207C6e—
entity.other.inherited-class#1C2765de—
header#133A3Ade—
invalid#0C1C83de—
keyword#03178Cdebold
keyword.codetag.notation.python#5E1B36debold
keyword.control#6C1E3Ddebold
keyword.control.anchor.regexp#53142Ddebold
keyword.control.import.python#064F0Edebold
keyword.operator#154141debold
keyword.operator.alignas#293312debold
keyword.operator.alignof#192569debold
keyword.operator.cast#1B2664debold
keyword.operator.delete#1F2C74debold
keyword.operator.documentation.powershell#071F7E6ebold
keyword.operator.expression#174848debold
keyword.operator.instanceof#580E29debold
keyword.operator.logical.python#38490Fdebold
keyword.operator.minus.exponent#461559debold
keyword.operator.negation.regexp#46240Fdebold
keyword.operator.new#123333debold
keyword.operator.noexcept#580E29debold
keyword.operator.or.regexp#374A0Bdebold
keyword.operator.plus.exponent#0A4B4Bdebold
keyword.operator.quantifier.regexp#064F0Edebold
keyword.operator.sizeof#0B4B4Bdebold
keyword.operator.typeid#590C27debold
keyword.operator.wordlike#17256Cdebold
keyword.other.operator#4A1B5Edebold
keyword.other.package.java#490C61debold
keyword.other.unit#6C1E3Ddebold
keyword.other.using#1A2665debold
markup.bold#064F0Ede—
markup.changed#133A17de—
markup.deleted#1B2664de—
markup.fenced_code.block.markdown#46145Dde—
markup.heading#46240Fde—
markup.inline.raw#094B4Bde—
markup.inserted#021491de—
markup.italic#0B4B4Bde—
markup.raw.block.markdown#741F41de—
markup.strikethrough#441A56de—
markup.underline#703208de—
meta.block.c#394817de—
meta.block.c#432613de—
meta.class.java#441857de—
meta.definition.variable.name#0F3232de—
meta.diff.header#56112Bde—
meta.embedded#142372de—
meta.embedded.assembly#53142Dde—
meta.function-call.arguments.python#0B4F12de—
meta.function-call.python#451758de—
meta.member.access.python#56321Ade—
meta.method.java#0A4F11de—
meta.object-literal.key#094B4Bde—
meta.paragraph.markdown#0D4F13de—
meta.preprocessor#1B2664de—
meta.preprocessor.numeric#03178Cde—
meta.preprocessor.string#590C2Bde—
meta.scope.prerequisites.makefile#133A17de—
meta.structure.dictionary.json.comments#081F7F6e—
meta.structure.dictionary.key.python#4F1C65de—
meta.structure.dictionary.value.json.comments#0F28666e—
meta.template.expression#4D2002de—
meta.type.cast.expr#133A17debold
meta.type.new.expr#4A1B5Edebold
parameter#56321Ade—
punctuation.character.set.begin.regexp#580E29de—
punctuation.character.set.end.regexp#123315de—
punctuation.definition.array.begin.json#0D4F13de—
punctuation.definition.character-class.regexp#45240Ede—
punctuation.definition.comment#09207C6e—
punctuation.definition.comment.json.comments#09207C6e—
punctuation.definition.comment.python#09207C6e—
punctuation.definition.dictionary.begin.json#0F3412de—
punctuation.definition.dictionary.end.json#442511de—
punctuation.definition.group.assertion.regexp#4F2E18de—
punctuation.definition.group.regexp#590C2Bde—
punctuation.definition.list.begin.json#344115de—
punctuation.definition.list.begin.markdown#0F3232de—
punctuation.definition.list.begin.python#2F3A13de—
punctuation.definition.list.end.json#6C1E3Dde—
punctuation.definition.list.end.markdown#722F04de—
punctuation.definition.list.end.python#46145Dde—
punctuation.definition.parameters.begin.python#741F41de—
punctuation.definition.parameters.end.bracket.round.java#344115de—
punctuation.definition.quote.begin.markdown#713106de—
punctuation.definition.tag#38490Dde—
punctuation.definition.template-expression.begin#580E29de—
punctuation.definition.template-expression.end#442511de—
punctuation.section.class.begin.bracket.curly.java#1C2765de—
punctuation.section.embedded#0B4F12de—
punctuation.section.embedded.begin.php#37490Ede—
punctuation.section.embedded.end.php#45240Ede—
punctuation.terminator.java#53142Dde—
source.cmake#56102Cde—
source.coffee.embedded#1B2664de—
source.cpp#0D4B4Bde—
source.css.less#064F0Ede—
source.groovy.embedded#46145Dde—
source.java#561A32de—
source.java-properties#441857de—
source.json.comments#0F28666e—
source.makefile#5A1F74de—
source.powershell#1A2665de—
source.powershell.variable.other.member#0D4B4Bde—
source.python#53152Ede—
storage#482A17de—
storage.modifier#293312de—
storage.modifier.import.java#0A3232de—
storage.modifier.package.java#441A56de—
storage.type#741F41debold
storage.type.annotation.groovy#56321Adebold
storage.type.annotation.java#133A17debold
storage.type.boolean.go#422613debold
storage.type.byte.go#590C27debold
storage.type.cs#713106debold
storage.type.error.go#123315debold
storage.type.generic.cs#38490Ddebold
storage.type.generic.groovy#1E296Cdebold
storage.type.generic.java#561A32debold
storage.type.groovy#154141debold
storage.type.java#6F320Adebold
storage.type.modifier.cs#133A3Adebold
storage.type.numeric.go#202E7Bdebold
storage.type.object.array.groovy#0E3232debold
storage.type.object.array.java#60207Bdebold
storage.type.parameters.groovy#38490Fdebold
storage.type.primitive.array.groovy#0A4F11debold
storage.type.primitive.array.java#344115debold
storage.type.primitive.groovy#53152Edebold
storage.type.primitive.java#0A4B4Bdebold
storage.type.rune.go#441856debold
storage.type.string.go#451758debold
storage.type.token.java#1A2665debold
storage.type.uintptr.go#023608debold
storage.type.variable.cs#021491debold
string#2F3A13de—
string.quoted.docstring.multi.python#071F7E6e—
string.regexp#53142Dde—
string.tag#56112Bde—
string.value#1B2664de—
strong#0E4F14de—
support.class#441856de—
support.constant.color#03178Cde—
support.constant.dom#651C39de—
support.constant.font-name#0B4B4Bde—
support.constant.handlebars#590C2Bde—
support.constant.json#52162Fde—
support.constant.math#233101de—
support.constant.media#37490Ede—
support.constant.media-type#38490Ddebold
support.constant.property-value#5A1F74de—
support.function#0E4B4Bde—
support.function.git-rebase#46145Dde—
support.other.parenthesis.regexp#56321Ade—
support.type#0F3412debold
support.type.property-name#023608debold
support.type.vendored.property-name#1B2664debold
support.variable#17481Cde—
token.debug-token#0B4F12de—
token.error-token#56321Ade—
token.info-token#17256Cde—
token.warn-token#064F0Ede—
variable#0E3232de—
variable.css#482A17de—
variable.language#50182Dde—
variable.language.wildcard.java#074C4Cde—
variable.other.constant#5E0226de—
variable.other.definition.java#442511de—
variable.other.enummember#17256Cde—
variable.other.less#722F04de—
variable.other.object.java#4A1B5Ede—
variable.other.object.property.java#52162Fde—
variable.parameter.c#432613de—
variable.parameter.function.language.python#0B4F12de—
variable.parameter.java#1A2665de—
variable.scss#0E3232de—