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#DEDDDEfe
  • activityBar.activeBackground#DEDDDEfe
  • activityBar.activeBorder#A866EAfe
  • activityBar.activeFocusBorder#86868600
  • activityBar.background#EEEEEEfe
  • activityBar.border#84848400
  • activityBar.dropBorder#A765EAfe
  • activityBar.foreground#A665EAfe
  • activityBar.inactiveForeground#514F5165
  • activityBarBadge.background#A865EAfe
  • activityBarBadge.foreground#EEEEEEfe
  • badge.background#A965EAfe
  • badge.foreground#EEEEEEfe
  • banner.background#DEDDDEfe
  • banner.foreground#565656ce
  • banner.iconForeground#3E5872fe
  • breadcrumb.activeSelectionForeground#69468Bca
  • breadcrumb.background#EAE9EAfe
  • breadcrumb.focusForeground#702BB5fe
  • breadcrumb.foreground#7C3D7Cae
  • breadcrumbPicker.background#DEDDDEfe
  • button.background#ADAAADae
  • button.border#FAFAFA00
  • button.foreground#565656ce
  • button.hoverBackground#C1BFC16e
  • button.secondaryBackground#DEDDDEfe
  • button.secondaryForeground#565656ce
  • button.secondaryHoverBackground#DEDDDEfe
  • button.separator#FAFAFA00
  • charts.blue#1b1bfffe
  • charts.foreground#565656ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a4
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F2F2F2fe
  • chat.slashCommandBackground#DEDDDEfe
  • chat.slashCommandForeground#565656ce
  • checkbox.background#F2F2F2fe
  • checkbox.border#F2F2F2fe
  • checkbox.foreground#565656ce
  • checkbox.selectBackground#F2F2F2fe
  • checkbox.selectBorder#F2F2F2fe
  • commandCenter.activeBackground#AADDC78c
  • commandCenter.activeBorder#F2F2F2fe
  • commandCenter.activeForeground#632A9Dfe
  • commandCenter.background#DEDDDEfe
  • commandCenter.border#F2F2F2fe
  • commandCenter.foreground#565656ce
  • commandCenter.inactiveBorder#E9C8E99e
  • commandCenter.inactiveForeground#514F5165
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FAFAFA00
  • contrastBorder#FAFAFA00
  • debugConsole.errorForeground#9A009Ace
  • debugConsole.infoForeground#565656ce
  • debugConsole.sourceForeground#565656ce
  • debugConsole.warningForeground#675500ce
  • debugConsoleInputIcon.foreground#405971fe
  • debugExceptionWidget.background#FEC1FEca
  • debugExceptionWidget.border#F2F2F2fe
  • debugIcon.breakpointCurrentStackframeForeground#794079fe
  • debugIcon.breakpointDisabledForeground#49464965
  • debugIcon.breakpointForeground#3F5871fe
  • debugIcon.breakpointStackframeForeground#714A5Efe
  • debugIcon.breakpointUnverifiedForeground#665340fe
  • debugIcon.continueForeground#485868fe
  • debugIcon.disconnectForeground#413D3Ffe
  • debugIcon.pauseForeground#3B5C4Bfe
  • debugIcon.restartForeground#4C593Efe
  • debugIcon.startForeground#635241fe
  • debugIcon.stepBackForeground#3D413Ffe
  • debugIcon.stepIntoForeground#6A4A7Afe
  • debugIcon.stepOutForeground#455B50fe
  • debugIcon.stepOverForeground#3F5B49fe
  • debugIcon.stopForeground#665340fe
  • debugTokenExpression.boolean#232223ca
  • debugTokenExpression.error#2B292Aca
  • debugTokenExpression.name#222321ca
  • debugTokenExpression.number#1E1D1Fca
  • debugTokenExpression.value#1A1B1Cca
  • debugToolBar.background#FEC1FEa7
  • debugToolBar.border#F2F2F2fe
  • debugView.exceptionLabelBackground#FAC3DFca
  • debugView.exceptionLabelForeground#4C593Eca
  • debugView.stateLabelBackground#86E6B6ca
  • debugView.stateLabelForeground#6A4391ca
  • debugView.valueChangedHighlight#1F1E1Dca
  • descriptionForeground#565656ce
  • diffEditor.border#FAFAFA00
  • diffEditor.diagonalFill#000000ef
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#80EA85fb
  • diffEditor.insertedTextBorder#FAFAFA00
  • diffEditor.move.border#F6F6F600
  • diffEditor.moveActive.border#FAFAFA00
  • diffEditor.removedLineBackground#FEC6C631
  • diffEditor.removedTextBackground#FEC4C4fb
  • diffEditor.removedTextBorder#FAFAFA00
  • diffEditor.unchangedCodeBackground#DEDDDEfe
  • diffEditor.unchangedRegionBackground#DEDDDEfe
  • diffEditor.unchangedRegionForeground#565656ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#49464965
  • dropdown.background#F2F2F2fe
  • dropdown.border#F2F2F2fe
  • dropdown.foreground#565656ce
  • dropdown.listBackground#F2F2F2fe
  • editor.background#DEDDDEfe
  • editor.findMatchBackground#A8ABAEa1
  • editor.findMatchBorder#F2F2F2fe
  • editor.findMatchHighlightBackground#9A9396aa
  • editor.findMatchHighlightBorder#F2F2F2fe
  • editor.findRangeHighlightBackground#9BA29Fab
  • editor.findRangeHighlightBorder#F2F2F2fe
  • editor.focusedStackFrameHighlightBackground#9A93968a
  • editor.foldBackground#744E28a6
  • editor.foreground#565656ce
  • editor.hoverHighlightBackground#AEA8ABaa
  • editor.inactiveSelectionBackground#BDBBBD92
  • editor.inlineValuesBackground#DEDDDEfe
  • editor.inlineValuesForeground#565656ce
  • editor.lineHighlightBackground#C5C3C5b2
  • editor.lineHighlightBorder#FAFAFA00
  • editor.linkedEditingBackground#DEDDDEfe
  • editor.rangeHighlightBackground#9F9BA2a7
  • editor.rangeHighlightBorder#F2F2F2fe
  • editor.selectionBackground#9B9E97aa
  • editor.selectionForeground#744474ca
  • editor.selectionHighlightBackground#BAB5B88a
  • editor.selectionHighlightBorder#F2F2F2fe
  • editor.snippetFinalTabstopHighlightBackground#9E9B97a6
  • editor.snippetFinalTabstopHighlightBorder#F2F2F2fe
  • editor.snippetTabstopHighlightBackground#ADAAADae
  • editor.snippetTabstopHighlightBorder#F2F2F2fe
  • editor.stackFrameHighlightBackground#AAA4A7a6
  • editor.symbolHighlightBackground#ADAAADaa
  • editor.symbolHighlightBorder#F2F2F2fe
  • editor.wordHighlightBackground#A9A6A9a6
  • editor.wordHighlightBorder#F6F6F600
  • editor.wordHighlightStrongBackground#93969Aab
  • editor.wordHighlightStrongBorder#FAFAFA00
  • editor.wordHighlightTextBackground#A3A6A0ad
  • editor.wordHighlightTextBorder#FAFAFA00
  • editorBracketHighlight.foreground1#0E0E0Ece
  • editorBracketHighlight.foreground2#0E0E0Ece
  • editorBracketHighlight.foreground3#0E0E0Ece
  • editorBracketHighlight.foreground4#0E0E0Ece
  • editorBracketHighlight.foreground5#0E0E0Ece
  • editorBracketHighlight.foreground6#0E0E0Ece
  • editorBracketHighlight.unexpectedBracket.foreground#565656ce
  • editorBracketMatch.background#7A4A2Ba8
  • editorBracketMatch.border#F2F2F2fe
  • editorBracketPairGuide.activeBackground1#714E2C8e
  • editorBracketPairGuide.activeBackground2#2758888d
  • editorBracketPairGuide.activeBackground3#9A276084
  • editorBracketPairGuide.activeBackground4#7B492483
  • editorBracketPairGuide.activeBackground5#9D24698e
  • editorBracketPairGuide.activeBackground6#7E1EC583
  • editorBracketPairGuide.background1#FAC2FAfe
  • editorBracketPairGuide.background2#AFE37Bfe
  • editorBracketPairGuide.background3#F7CBB5fe
  • editorBracketPairGuide.background4#AEE27Bfe
  • editorBracketPairGuide.background5#ADE279fe
  • editorBracketPairGuide.background6#F3CBA3fe
  • editorCodeLens.foreground#9909996e
  • editorCommentsWidget.rangeActiveBackground#843584fe
  • editorCommentsWidget.rangeBackground#DEDDDEfe
  • editorCommentsWidget.resolvedBorder#F2F2F2fe
  • editorCommentsWidget.unresolvedBorder#FEC9C9cb
  • editorCursor.background#DEDDDEfe
  • editorCursor.foreground#702BB5fe
  • editorError.background#F6F6F600
  • editorError.border#FAFAFA00
  • editorError.foreground#9A009Ace
  • editorGhostText.background#DEDDDEfe
  • editorGhostText.border#FAFAFA00
  • editorGhostText.foreground#9909996e
  • editorGroup.border#F2F2F2fe
  • editorGroup.dropBackground#DEDDDEfe
  • editorGroup.dropIntoPromptBackground#DEDDDEfe
  • editorGroup.dropIntoPromptBorder#F2F2F2fe
  • editorGroup.dropIntoPromptForeground#565656ce
  • editorGroup.emptyBackground#DEDDDEfe
  • editorGroup.focusedEmptyBorder#F2F2F2fe
  • editorGroupHeader.border#FAFAFA00
  • editorGroupHeader.noTabsBackground#EEEEEEae
  • editorGroupHeader.tabsBackground#DAD8DAa1
  • editorGroupHeader.tabsBorder#FAFAFA00
  • editorGutter.addedBackground#0E5C12fb
  • editorGutter.background#DEDDDEfe
  • editorGutter.commentGlyphForeground#565656ce
  • editorGutter.commentRangeForeground#565656ce
  • editorGutter.commentUnresolvedGlyphForeground#17631Bcb
  • editorGutter.deletedBackground#B00000cb
  • editorGutter.foldingControlForeground#565656ce
  • editorGutter.modifiedBackground#675500ce
  • editorHint.border#FAFAFA00
  • editorHint.foreground#4F16FEce
  • editorHoverWidget.background#F2F2F2fe
  • editorHoverWidget.border#F2F2F2fe
  • editorHoverWidget.foreground#565656ce
  • editorHoverWidget.highlightForeground#784278ca
  • editorHoverWidget.statusBarBackground#DEDDDEfe
  • editorIndentGuide.activeBackground1#941B94fe
  • editorIndentGuide.activeBackground2#931D93fe
  • editorIndentGuide.activeBackground3#941E94fe
  • editorIndentGuide.activeBackground4#922092fe
  • editorIndentGuide.activeBackground5#941E94fe
  • editorIndentGuide.activeBackground6#922092fe
  • editorIndentGuide.background1#54515635
  • editorIndentGuide.background2#6C656935
  • editorIndentGuide.background3#4E494B35
  • editorIndentGuide.background4#585B5535
  • editorIndentGuide.background5#64616835
  • editorIndentGuide.background6#43454135
  • editorInfo.background#FAFAFA00
  • editorInfo.border#FAFAFA00
  • editorInfo.foreground#4F16FEce
  • editorInlayHint.background#DEDDDEfe
  • editorInlayHint.foreground#565656ce
  • editorInlayHint.parameterBackground#DEDDDEfe
  • editorInlayHint.parameterForeground#565656ce
  • editorInlayHint.typeBackground#DEDDDEfe
  • editorInlayHint.typeForeground#565656ce
  • editorLightBulb.foreground#675500ce
  • editorLightBulbAutoFix.foreground#17631Bcb
  • editorLineNumber.activeForeground#A866EBfe
  • editorLineNumber.dimmedForeground#9907996e
  • editorLineNumber.foreground#9909996e
  • editorLink.activeForeground#6C2BADfe
  • editorMarkerNavigation.background#F2F2F2fe
  • editorMarkerNavigationError.background#FEC1FEc7
  • editorMarkerNavigationError.headerBackground#FEC1FEaa
  • editorMarkerNavigationInfo.background#CFCFFEfe
  • editorMarkerNavigationInfo.headerBackground#CFCFFEfe
  • editorMarkerNavigationWarning.background#FCD000fe
  • editorMarkerNavigationWarning.headerBackground#FCD000fe
  • editorOverviewRuler.addedForeground#17631Bcb
  • editorOverviewRuler.background#DEDDDEfe
  • editorOverviewRuler.border#EBC7EBfe
  • editorOverviewRuler.bracketMatchForeground#565656ce
  • editorOverviewRuler.commentForeground#9907996e
  • editorOverviewRuler.commentUnresolvedForeground#17631Bcb
  • editorOverviewRuler.commonContentForeground#565656ce
  • editorOverviewRuler.currentContentForeground#565656b7
  • editorOverviewRuler.deletedForeground#B00000cb
  • editorOverviewRuler.errorForeground#9A009Ace
  • editorOverviewRuler.findMatchForeground#006161ce
  • editorOverviewRuler.incomingContentForeground#17631Bcb
  • editorOverviewRuler.infoForeground#4F16FEce
  • editorOverviewRuler.modifiedForeground#675500ce
  • editorOverviewRuler.rangeHighlightForeground#4A5C38ca
  • editorOverviewRuler.selectionHighlightForeground#4F16FEce
  • editorOverviewRuler.warningForeground#675500ce
  • editorOverviewRuler.wordHighlightForeground#6A4391ca
  • editorOverviewRuler.wordHighlightStrongForeground#565656ce
  • editorOverviewRuler.wordHighlightTextForeground#565656ce
  • editorPane.background#DEDDDEfe
  • editorRuler.foreground#8932892a
  • editorStickyScroll.background#DEDDDEfe
  • editorStickyScroll.shadow#FAFAFA00
  • editorStickyScrollHover.background#DECDDE6e
  • editorSuggestWidget.background#F2F2F2fe
  • editorSuggestWidget.border#FAFAFA00
  • editorSuggestWidget.focusHighlightForeground#6A9045fe
  • editorSuggestWidget.foreground#7A4758fe
  • editorSuggestWidget.highlightForeground#3B5C4Bca
  • editorSuggestWidget.selectedBackground#ADAFB288
  • editorSuggestWidget.selectedForeground#4C593Eca
  • editorSuggestWidget.selectedIconForeground#3D5C4Dca
  • editorSuggestWidgetStatus.foreground#724872fe
  • editorUnicodeHighlight.background#AEABA8aa
  • editorUnicodeHighlight.border#F2F2F2fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FAFAFA00
  • editorWarning.border#F6F6F600
  • editorWarning.foreground#675500ce
  • editorWhitespace.foreground#565656ce
  • editorWidget.background#F2F2F2fe
  • editorWidget.border#F2F2F2fe
  • editorWidget.foreground#565656ce
  • editorWidget.resizeBorder#F2F2F2fe
  • errorForeground#9A009Ace
  • extensionBadge.remoteBackground#702BB5fe
  • extensionBadge.remoteForeground#EEEEEEfe
  • extensionButton.background#F0C5F0ae
  • extensionButton.foreground#565656ce
  • extensionButton.hoverBackground#E7C9E76e
  • extensionButton.prominentBackground#DEDDDEfe
  • extensionButton.prominentForeground#565656ce
  • extensionButton.prominentHoverBackground#DEDDDEfe
  • extensionButton.separator#F6F6F600
  • extensionIcon.preReleaseForeground#3B5C4Bfe
  • extensionIcon.sponsorForeground#3D3F41fe
  • extensionIcon.starForeground#714A5Efe
  • extensionIcon.verifiedForeground#425C4Afe
  • focusBorder#FAFAFA00
  • foreground#565656ce
  • gitDecoration.addedResourceForeground#17631Bcb
  • gitDecoration.deletedResourceForeground#B00000cb
  • gitDecoration.modifiedResourceForeground#675500ce
  • gitDecoration.renamedResourceForeground#4F16FEce
  • gitDecoration.stageDeletedResourceForeground#B00000cb
  • gitDecoration.stageModifiedResourceForeground#17631Bcb
  • gitDecoration.untrackedResourceForeground#006161ce
  • icon.foreground#8F278Fae
  • inlineChat.background#81E6B3ca
  • inlineChat.border#80E7B3ca
  • inlineChat.regionHighlight#262527ca
  • inlineChat.shadow#212322ca
  • inlineChatDiff.inserted#1E1F1Dca
  • inlineChatDiff.removed#1F1E1Fca
  • inlineChatInput.background#1D1F1Eca
  • inlineChatInput.border#B7D8F8ca
  • inlineChatInput.focusBorder#FAFAFA00
  • inlineChatInput.placeholderForeground#4A593Cca
  • input.background#F2F2F2fe
  • input.border#F2F2F2fe
  • input.foreground#565656ce
  • input.placeholderForeground#45424565
  • inputOption.activeBackground#F2F2F2fe
  • inputOption.activeBorder#F2F2F2fe
  • inputOption.activeForeground#A865EAfe
  • inputOption.hoverBackground#F2F2F2fe
  • inputValidation.errorBackground#67006799
  • inputValidation.errorBorder#FEC1FEa4
  • inputValidation.errorForeground#9A009Ace
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F2F2F2fe
  • inputValidation.infoForeground#565656ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F2F2F2fe
  • inputValidation.warningForeground#675500ce
  • interactive.activeCodeBorder#F2F2F2fe
  • interactive.inactiveCodeBorder#E2CCE29e
  • keybindingLabel.background#DEDDDEfe
  • keybindingLabel.border#F2F2F2fe
  • keybindingLabel.bottomBorder#F2F2F2fe
  • keybindingLabel.foreground#565656ce
  • keybindingTable.headerBackground#DEDDDEfe
  • keybindingTable.rowsBackground#DEDDDEfe
  • list.activeSelectionBackground#979B9E8d
  • list.activeSelectionForeground#6A4292ca
  • list.activeSelectionIconForeground#4A5C38ca
  • list.deemphasizedForeground#565656ce
  • list.dropBackground#DEDDDEfe
  • list.errorForeground#9A009Ace
  • list.filterMatchBackground#DEDDDEfe
  • list.filterMatchBorder#F2F2F2fe
  • list.focusAndSelectionOutline#FAFAFA00
  • list.focusBackground#CDCCCD97
  • list.focusForeground#6C2BADfe
  • list.focusHighlightForeground#CA56CAfe
  • list.focusOutline#FAFAFA00
  • list.highlightForeground#3B5C4Bca
  • list.hoverBackground#E7C9E76e
  • list.hoverForeground#6C2BADfe
  • list.inactiveFocusBackground#C9C8C99e
  • list.inactiveFocusOutline#FAFAFA00
  • list.inactiveSelectionBackground#EEEEEEae
  • list.inactiveSelectionForeground#4D4A4D65
  • list.inactiveSelectionIconForeground#49464965
  • list.invalidItemForeground#565656ce
  • list.warningForeground#675500ce
  • listFilterWidget.background#DEDDDEfe
  • listFilterWidget.noMatchesOutline#FAFAFA00
  • listFilterWidget.outline#FAFAFA00
  • listFilterWidget.shadow#FAFAFA00
  • menu.background#EEEEEEfe
  • menu.border#FAFAFA00
  • menu.foreground#545454ae
  • menu.selectionBackground#A6A0A3a9
  • menu.selectionBorder#FAFAFA00
  • menu.selectionForeground#A865EAfe
  • menu.separatorBackground#F9C1F965
  • menubar.selectionBackground#928E8Aa6
  • menubar.selectionBorder#FAFAFA00
  • menubar.selectionForeground#5F2995fe
  • merge.border#F2F2F2fe
  • merge.commonContentBackground#DEDDDEfe
  • merge.commonHeaderBackground#DEDDDEfe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#80EA85fb
  • merge.incomingContentBackground#9EE3A1cb
  • merge.incomingHeaderBackground#80EA85fb
  • mergeEditor.change.background#DEDDDEfe
  • mergeEditor.change.word.background#DEDDDEfe
  • mergeEditor.changeBase.background#DEDDDEfe
  • mergeEditor.changeBase.word.background#DEDDDEfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F2F2F2fe
  • mergeEditor.conflict.handledUnfocused.border#D6D4D635
  • mergeEditor.conflict.input1.background#F2F2F2fe
  • mergeEditor.conflict.input2.background#F2F2F2fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a6
  • mergeEditor.conflict.unhandledFocused.border#F2F2F2fe
  • mergeEditor.conflict.unhandledUnfocused.border#D7D0D728
  • mergeEditor.conflictingLines.background#DEDDDEfe
  • minimap.background#DEDDDEfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0E0E0Ece
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#0E5C12fb
  • minimapGutter.deletedBackground#B10000fb
  • minimapGutter.modifiedBackground#675500ce
  • minimapSlider.activeBackground#807C80fe
  • minimapSlider.background#B1AEB1ae
  • minimapSlider.hoverBackground#CDCCCD6e
  • notebook.cellBorderColor#F2F2F2fe
  • notebook.cellEditorBackground#DEDDDEfe
  • notebook.cellHoverBackground#DEDDDEfe
  • notebook.cellInsertionIndicator#262725ca
  • notebook.cellStatusBarItemHoverBackground#DEDDDEfe
  • notebook.cellToolbarSeparator#1A1C1Bca
  • notebook.editorBackground#DEDDDEfe
  • notebook.focusedCellBackground#DEDDDEfe
  • notebook.focusedCellBorder#702BB5fe
  • notebook.focusedEditorBorder#F2F2F2fe
  • notebook.inactiveFocusedCellBorder#8C888C8e
  • notebook.inactiveSelectedCellBorder#807C808e
  • notebook.outputContainerBackgroundColor#DEDDDEfe
  • notebook.outputContainerBorderColor#F2F2F2fe
  • notebook.selectedCellBackground#DEDDDEfe
  • notebook.selectedCellBorder#F2F2F2fe
  • notebook.symbolHighlightBackground#DEDDDEfe
  • notebookEditorOverviewRuler.runningCellForeground#565656ce
  • notebookScrollbarSlider.activeBackground#807C80fe
  • notebookScrollbarSlider.background#A9A6A9ae
  • notebookScrollbarSlider.hoverBackground#C1BFC16e
  • notebookStatusErrorIcon.foreground#9A009Ace
  • notebookStatusRunningIcon.foreground#3D3F41fe
  • notebookStatusSuccessIcon.foreground#17631Bcb
  • notificationCenter.border#F2F2F2fe
  • notificationCenterHeader.background#DEDDDEfe
  • notificationCenterHeader.foreground#565656ce
  • notificationLink.foreground#565656ce
  • notifications.background#DEDDDEfe
  • notifications.border#F2F2F2fe
  • notifications.foreground#565656ce
  • notificationsErrorIcon.foreground#9A009Ace
  • notificationsInfoIcon.foreground#455B50fe
  • notificationsWarningIcon.foreground#675500ce
  • notificationToast.border#F2F2F2fe
  • panel.background#DEDDDEfe
  • panel.border#F2F2F2fe
  • panel.dropBorder#F2F2F2fe
  • panelInput.border#F2F2F2fe
  • panelSection.border#F2F2F2fe
  • panelSection.dropBackground#DEDDDEfe
  • panelSectionHeader.background#DEDDDEfe
  • panelSectionHeader.border#F2F2F2fe
  • panelSectionHeader.foreground#565656ce
  • panelTitle.activeBorder#F6F6F600
  • panelTitle.activeForeground#AC5DFCfe
  • panelTitle.inactiveForeground#514F5165
  • peekView.border#A865EAfe
  • peekViewEditor.background#F2F2F2fe
  • peekViewEditor.matchHighlightBackground#A3A0A687
  • peekViewEditor.matchHighlightBorder#FAFAFA00
  • peekViewEditorGutter.background#F2F2F2fe
  • peekViewEditorStickyScroll.background#DEDDDEfe
  • peekViewResult.background#EEEEEEfe
  • peekViewResult.fileForeground#565656ce
  • peekViewResult.lineForeground#565656ce
  • peekViewResult.matchHighlightBackground#BABCBE8e
  • peekViewResult.selectionBackground#ABA8AE8b
  • peekViewResult.selectionForeground#3D5C4Dca
  • peekViewTitle.background#EEEEEEfe
  • peekViewTitleDescription.foreground#565656ce
  • peekViewTitleLabel.foreground#565656ce
  • pickerGroup.border#F2F2F2fe
  • pickerGroup.foreground#565656ce
  • ports.iconRunningProcessForeground#3F413Dfe
  • problemsErrorIcon.foreground#9A009Ace
  • problemsInfoIcon.foreground#4F16FEce
  • problemsWarningIcon.foreground#675500ce
  • profileBadge.background#742CBDfe
  • profileBadge.foreground#EEEEEEfe
  • progressBar.background#DEDDDEfe
  • quickInput.background#EEEEEEfe
  • quickInput.foreground#7C3D7Cae
  • quickInputList.focusBackground#9FA29Ba3
  • quickInputList.focusForeground#672AA5fe
  • quickInputList.focusIconForeground#A866EBfe
  • quickInputTitle.background#F2F2F2fe
  • sash.hoverBorder#F2F2F2fe
  • scrollbar.shadow#FAFAFA00
  • scrollbarSlider.activeBackground#888488fe
  • scrollbarSlider.background#ADAAADae
  • scrollbarSlider.hoverBackground#C1BFC16e
  • search.resultsInfoForeground#565656ce
  • searchEditor.findMatchBackground#B3B1B6ac
  • searchEditor.findMatchBorder#F2F2F2fe
  • searchEditor.textInputBorder#F2F2F2fe
  • selection.background#DEDDDEfe
  • settings.checkboxBackground#F2F2F2fe
  • settings.checkboxBorder#F2F2F2fe
  • settings.checkboxForeground#565656ce
  • settings.dropdownBackground#F2F2F2fe
  • settings.dropdownBorder#F2F2F2fe
  • settings.dropdownForeground#565656ce
  • settings.dropdownListBorder#F2F2F2fe
  • settings.focusedRowBackground#ABA8AE85
  • settings.focusedRowBorder#F2F2F2fe
  • settings.headerBorder#F2F2F2fe
  • settings.headerForeground#565656ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F2F2F2fe
  • settings.numberInputBorder#F2F2F2fe
  • settings.numberInputForeground#565656ce
  • settings.rowHoverBackground#DEDDDEfe
  • settings.sashBorder#F2F2F2fe
  • settings.settingsHeaderHoverForeground#A866EBfe
  • settings.textInputBackground#F2F2F2fe
  • settings.textInputBorder#F2F2F2fe
  • settings.textInputForeground#565656ce
  • sideBar.background#DEDDDEfe
  • sideBar.border#F2F2F2fe
  • sideBar.dropBackground#DEDDDEfe
  • sideBar.foreground#8F278Fae
  • sideBarSectionHeader.background#FAFAFA00
  • sideBarSectionHeader.border#F2F2F2fe
  • sideBarSectionHeader.foreground#565656ce
  • sideBarTitle.foreground#565656ce
  • sideBySideEditor.horizontalBorder#F2F2F2fe
  • sideBySideEditor.verticalBorder#F2F2F2fe
  • simpleFindWidget.sashBorder#F2F2F2fe
  • statusBar.background#EEEEEEfe
  • statusBar.border#F2F2F2fe
  • statusBar.debuggingBackground#FEC1FEaf
  • statusBar.debuggingBorder#F2F2F2fe
  • statusBar.debuggingForeground#565656ce
  • statusBar.focusBorder#FAFAFA00
  • statusBar.foreground#9907996e
  • statusBar.noFolderBackground#EEEEEEfe
  • statusBar.noFolderBorder#F2F2F2fe
  • statusBar.noFolderForeground#565656ce
  • statusBarItem.activeBackground#EEEEEEfe
  • statusBarItem.compactHoverBackground#EEEEEEfe
  • statusBarItem.errorBackground#FEC1FEc8
  • statusBarItem.errorForeground#9A009Ace
  • statusBarItem.errorHoverBackground#FEC1FEa2
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFAFA00
  • statusBarItem.hoverBackground#EEEEEEfe
  • statusBarItem.hoverForeground#742CBDfe
  • statusBarItem.offlineBackground#EEEEEEfe
  • statusBarItem.offlineForeground#565656ce
  • statusBarItem.offlineHoverBackground#EEEEEEfe
  • statusBarItem.offlineHoverForeground#A865EAfe
  • statusBarItem.prominentBackground#EEEEEEfe
  • statusBarItem.prominentForeground#565656ce
  • statusBarItem.prominentHoverBackground#EEEEEEfe
  • statusBarItem.prominentHoverForeground#A866EBfe
  • statusBarItem.remoteBackground#6C2BADfe
  • statusBarItem.remoteForeground#EEEEEEfe
  • statusBarItem.remoteHoverBackground#EEEEEEfe
  • statusBarItem.remoteHoverForeground#A866EBfe
  • statusBarItem.warningBackground#FCD000fe
  • statusBarItem.warningForeground#675500ce
  • statusBarItem.warningHoverBackground#FCD000fe
  • statusBarItem.warningHoverForeground#9D8200ce
  • symbolIcon.arrayForeground#724872fe
  • symbolIcon.booleanForeground#006161ce
  • symbolIcon.classForeground#455B50fe
  • symbolIcon.colorForeground#714771fe
  • symbolIcon.constantForeground#724872fe
  • symbolIcon.constructorForeground#385C4Afe
  • symbolIcon.enumeratorForeground#5C5444fe
  • symbolIcon.enumeratorMemberForeground#525943fe
  • symbolIcon.eventForeground#4E5844fe
  • symbolIcon.fieldForeground#41576Dfe
  • symbolIcon.fileForeground#43586Efe
  • symbolIcon.folderForeground#794179fe
  • symbolIcon.functionForeground#6D4B6Dfe
  • symbolIcon.interfaceForeground#724872fe
  • symbolIcon.keyForeground#4C593Efe
  • symbolIcon.keywordForeground#49583Afe
  • symbolIcon.methodForeground#78455Ffe
  • symbolIcon.moduleForeground#525943fe
  • symbolIcon.namespaceForeground#744674fe
  • symbolIcon.nullForeground#395B4Afe
  • symbolIcon.numberForeground#7C4460fe
  • symbolIcon.objectForeground#67513Bfe
  • symbolIcon.operatorForeground#7C4460fe
  • symbolIcon.packageForeground#3D413Ffe
  • symbolIcon.propertyForeground#7A4758fe
  • symbolIcon.referenceForeground#3F5D4Efe
  • symbolIcon.snippetForeground#475673fe
  • symbolIcon.stringForeground#674787fe
  • symbolIcon.structForeground#714A5Efe
  • symbolIcon.textForeground#495B3Ffe
  • symbolIcon.typeParameterForeground#684F43fe
  • symbolIcon.unitForeground#405971fe
  • symbolIcon.variableForeground#66523Efe
  • tab.activeBackground#EAE9EAfe
  • tab.activeBorder#FAFAFA00
  • tab.activeBorderTop#A765EAfe
  • tab.activeForeground#AC5DFCfe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FAFAFA00
  • tab.hoverBackground#892E896e
  • tab.hoverBorder#F2F2F2fe
  • tab.hoverForeground#702BB5fe
  • tab.inactiveBackground#E2CCE29c
  • tab.inactiveForeground#BF61BF65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F2F2F2fe
  • tab.unfocusedActiveBackground#D2D0D237
  • tab.unfocusedActiveBorder#FAFAFA00
  • tab.unfocusedActiveBorderTop#F9C2F965
  • tab.unfocusedActiveForeground#4D4A4D65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#8932896e
  • tab.unfocusedHoverBorder#D6D4D629
  • tab.unfocusedHoverForeground#C161C165
  • tab.unfocusedInactiveBackground#C9C8C99a
  • tab.unfocusedInactiveForeground#514F5165
  • 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#cececea8
  • terminal.ansiYellow#c4a200fe
  • terminal.background#DEDDDEfe
  • terminal.border#F2F2F2fe
  • terminal.dropBackground#DEDDDEfe
  • terminal.findMatchBackground#DEDDDEfe
  • terminal.findMatchBorder#F2F2F2fe
  • terminal.findMatchHighlightBackground#DEDDDEfe
  • terminal.findMatchHighlightBorder#F2F2F2fe
  • terminal.foreground#8F278Fae
  • terminal.hoverHighlightBackground#DEDDDEfe
  • terminal.inactiveSelectionBackground#C5C3C594
  • terminal.selectionBackground#979B9E8c
  • terminal.selectionForeground#67513Bca
  • terminal.tab.activeBorder#A865EAfe
  • terminalCommandDecoration.defaultBackground#7E1CC7a8
  • terminalCommandDecoration.errorBackground#B00000cb
  • terminalCommandDecoration.successBackground#17631Bcb
  • terminalCursor.background#DEDDDEfe
  • terminalCursor.foreground#632A9Dfe
  • terminalOverviewRuler.cursorForeground#565656ce
  • terminalOverviewRuler.findMatchForeground#006161ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b9
  • testing.iconUnset#808080b3
  • testing.message.error.decorationForeground#52267Dfe
  • testing.message.error.lineBackground#FEC1FEb6
  • testing.message.info.decorationForeground#52267Dfe
  • testing.message.info.lineBackground#CFCFFEfe
  • testing.peekBorder#F2F2F2fe
  • testing.peekHeaderBackground#DEDDDEfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#DEDDDEfe
  • textBlockQuote.border#F2F2F2fe
  • textCodeBlock.background#DEDDDEfe
  • textLink.activeForeground#A865EAfe
  • textLink.foreground#4F16FEce
  • textPreformat.foreground#565656ce
  • textSeparator.foreground#565656ce
  • titleBar.activeBackground#EEEEEEfe
  • titleBar.activeForeground#CB51CBae
  • titleBar.border#FAFAFA00
  • titleBar.inactiveBackground#DECDDEd1
  • titleBar.inactiveForeground#49464965
  • toolbar.activeBackground#BED8CB84
  • toolbar.hoverBackground#DEDDDEfe
  • toolbar.hoverOutline#FAFAFA00
  • tree.inactiveIndentGuidesStroke#51545635
  • tree.indentGuidesStroke#5F2995fe
  • tree.tableColumnsBorder#F2F2F2fe
  • tree.tableOddRowsBackground#DEDDDEfe
  • walkThrough.embeddedEditorBackground#DEDDDEfe
  • walkthrough.stepTitle.foreground#565656ce
  • welcomePage.background#DEDDDEfe
  • welcomePage.progress.background#DEDDDEfe
  • welcomePage.progress.foreground#565656ce
  • welcomePage.tileBackground#DEDDDEfe
  • welcomePage.tileBorder#F2F2F2fe
  • welcomePage.tileHoverBackground#DEDDDEfe
  • widget.border#F2F2F2fe
  • widget.shadow#FAFAFA00
  • window.activeBorder#F2F2F2fe
  • window.inactiveBorder#E5CAE59e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#6B3B6B6e
comment.block.html#4B4B4B6e
comment.block.java#6C3A6C6e
comment.block.javadoc.java#673C676e
comment.block.powershell#6B3B6B6e
comment.block.xml#4B4B4B6e
comment.line.double-slash.c#6B3B6B6e
comment.line.double-slash.cpp#6B3B6B6e
comment.line.double-slash.java#6B3B6B6e
comment.line.double-slash.js#4B4B4B6e
comment.line.number-sign.makefile#6B3B6B6e
comment.line.number-sign.python#4B4B4B6e
comment.line.number-sign.yaml#6B3B6B6e
comment.line.percentage.erlang#6B3B6B6e
comment.line.powershell#4B4B4B6e
comment.source.cmake#4B4B4B6e
comment.source.cmakecache#4B4B4B6e
constant.character#0A327Cde
constant.character.character-class.regexp#900A66de
constant.character.escape#6F2457de
constant.character.set.regexp#274887de
constant.language#0F5909de
constant.numeric#094032de
constant.numeric.dec.python#90230Ade
constant.other.caps.python#093384de
constant.other.character-class.regexp#09317Cde
constant.other.character-class.set.regexp#6604CBde
constant.other.color.rgb-value#26498Bde
constant.other.placeholder#682AA5de
constant.other.rgb-value#4F4F05de
constant.regexp#4F4F09de
constant.sha.git-rebase#274B8Cde
emphasis#7B3726de
entity.name.class#4E4E0Ade
entity.name.function#274887de
entity.name.function.preprocessor#922309de
entity.name.function.python#1F5547de
entity.name.label#6729A3de
entity.name.namespace#6703CAde
entity.name.operator#0A5605de
entity.name.operator.custom-literal#1F4B1Cde
entity.name.scope-resolution#274B8Dde
entity.name.tag#223B69de
entity.name.tag.css#0A3E9Ede
entity.name.type#672AA4debold
entity.name.variable#0E590Ade
entity.other.attribute#910966de
entity.other.attribute-name#09503Fde
entity.other.attribute-name.class.css#21521Ede
entity.other.attribute-name.class.mixin.css#6F3224de
entity.other.attribute-name.id#90230Ade
entity.other.attribute-name.id.css#213861de
entity.other.attribute-name.parent-selector.css#0F580Ade
entity.other.attribute-name.pseudo-class.css#0E5809de
entity.other.attribute-name.pseudo-element.css#1B443Ade
entity.other.attribute-name.scss#90230Ade
entity.other.document.begin.yaml#673C676e
entity.other.inherited-class#822765de
header#7E3527de
invalid#6F2457de
keyword#0F580Adebold
keyword.codetag.notation.python#0F570Adebold
keyword.control#900A66debold
keyword.control.anchor.regexp#0A5744debold
keyword.control.import.python#0F580Adebold
keyword.operator#093384debold
keyword.operator.alignas#264A89debold
keyword.operator.alignof#682AA5debold
keyword.operator.cast#1F5547debold
keyword.operator.delete#3D3D19debold
keyword.operator.documentation.powershell#673C676ebold
keyword.operator.expression#842766debold
keyword.operator.instanceof#1E5245debold
keyword.operator.logical.python#662AA4debold
keyword.operator.minus.exponent#0A5605debold
keyword.operator.negation.regexp#083280debold
keyword.operator.new#0A327Cdebold
keyword.operator.noexcept#592A20debold
keyword.operator.or.regexp#1C4B3Fdebold
keyword.operator.plus.exponent#084233debold
keyword.operator.quantifier.regexp#1F5547debold
keyword.operator.sizeof#0F580Adebold
keyword.operator.typeid#233E70debold
keyword.operator.wordlike#4E4E08debold
keyword.other.operator#0F580Adebold
keyword.other.package.java#4F4F0Adebold
keyword.other.unit#264A89debold
keyword.other.using#6F3224debold
markup.bold#672AA5de
markup.changed#7D3626de
markup.deleted#26498Bde
markup.fenced_code.block.markdown#951F03de
markup.heading#4F4F05de
markup.inline.raw#6806CAde
markup.inserted#274B8Dde
markup.italic#7B3726de
markup.raw.block.markdown#09503Fde
markup.strikethrough#095644de
markup.underline#6703CAde
meta.block.c#095643de
meta.block.c#942007de
meta.class.java#3D3D19de
meta.definition.variable.name#09503Fde
meta.diff.header#0E5809de
meta.embedded#910766de
meta.embedded.assembly#6805CAde
meta.function-call.arguments.python#4E4E09de
meta.function-call.python#1E5245de
meta.member.access.python#6F2457de
meta.method.java#920867de
meta.object-literal.key#662AA1de
meta.paragraph.markdown#0F580Ade
meta.preprocessor#7E3625de
meta.preprocessor.numeric#92230Ade
meta.preprocessor.string#0F580Ade
meta.scope.prerequisites.makefile#672352de
meta.structure.dictionary.json.comments#6B3B6B6e
meta.structure.dictionary.key.python#562785de
meta.structure.dictionary.value.json.comments#6B3B6B6e
meta.template.expression#094032de
meta.type.cast.expr#0E5809debold
meta.type.new.expr#0F580Adebold
parameter#0F590Ade
punctuation.character.set.begin.regexp#7E3527de
punctuation.character.set.end.regexp#7D3626de
punctuation.definition.array.begin.json#22551Fde
punctuation.definition.character-class.regexp#910766de
punctuation.definition.comment#6C3A6C6e
punctuation.definition.comment.json.comments#4B4B4B6e
punctuation.definition.comment.python#6B3B6B6e
punctuation.definition.dictionary.begin.json#0D5908de
punctuation.definition.dictionary.end.json#49246Fde
punctuation.definition.group.assertion.regexp#602D21de
punctuation.definition.group.regexp#932107de
punctuation.definition.list.begin.json#0A41A6de
punctuation.definition.list.begin.markdown#932107de
punctuation.definition.list.begin.python#0A5643de
punctuation.definition.list.end.json#930767de
punctuation.definition.list.end.markdown#662AA1de
punctuation.definition.list.end.python#264A89de
punctuation.definition.parameters.begin.python#0A5643de
punctuation.definition.parameters.end.bracket.round.java#4E2576de
punctuation.definition.quote.begin.markdown#932107de
punctuation.definition.tag#4F4F06de
punctuation.definition.template-expression.begin#7B3726de
punctuation.definition.template-expression.end#932006de
punctuation.section.class.begin.bracket.curly.java#942007de
punctuation.section.embedded#6806CAde
punctuation.section.embedded.begin.php#682AA5de
punctuation.section.embedded.end.php#235720de
punctuation.terminator.java#5B288Dde
source.cmake#822765de
source.coffee.embedded#900A66de
source.cpp#673023de
source.css.less#6729A3de
source.groovy.embedded#662AA3de
source.java#1D441Bde
source.java-properties#90230Ade
source.json.comments#6B3B6B6e
source.makefile#6F3224de
source.powershell#662AA1de
source.powershell.variable.other.member#90230Ade
source.python#095643de
storage#822765de
storage.modifier#0E590Ade
storage.modifier.import.java#1F4B1Cde
storage.modifier.package.java#095643de
storage.type#4E4E0Adebold
storage.type.annotation.groovy#3D3D19debold
storage.type.annotation.java#7E3625debold
storage.type.boolean.go#4E4E09debold
storage.type.byte.go#4E4E09debold
storage.type.cs#932107debold
storage.type.error.go#0A5743debold
storage.type.generic.cs#44441Bdebold
storage.type.generic.groovy#0D5908debold
storage.type.generic.java#0E590Adebold
storage.type.groovy#930667debold
storage.type.java#7D3726debold
storage.type.modifier.cs#1F5547debold
storage.type.numeric.go#763425debold
storage.type.object.array.groovy#21551Fdebold
storage.type.object.array.java#672352debold
storage.type.parameters.groovy#073385debold
storage.type.primitive.array.groovy#4E2576debold
storage.type.primitive.array.java#1B443Adebold
storage.type.primitive.groovy#951F03debold
storage.type.primitive.java#7D3626debold
storage.type.rune.go#4E4E09debold
storage.type.string.go#4E4E1Ddebold
storage.type.token.java#5B288Ddebold
storage.type.uintptr.go#90230Adebold
storage.type.variable.cs#4E2576debold
string#0C5907de
string.quoted.docstring.multi.python#6B3B6B6e
string.regexp#662AA4de
string.tag#095644de
string.value#0D5808de
strong#763425de
support.class#4F4F06de
support.constant.color#592A20de
support.constant.dom#930467de
support.constant.font-name#4E4E09de
support.constant.handlebars#4E4E0Ade
support.constant.json#942005de
support.constant.math#1D441Bde
support.constant.media#1E5245de
support.constant.media-type#812765debold
support.constant.property-value#0F580Ade
support.function#900A66de
support.function.git-rebase#922208de
support.other.parenthesis.regexp#084233de
support.type#662AA4debold
support.type.property-name#4F4F0Adebold
support.type.vendored.property-name#264B8Ddebold
support.variable#0A5605de
token.debug-token#7E3727de
token.error-token#920867de
token.info-token#1F4B1Cde
token.warn-token#0A41A6de
variable#44441Bde
variable.css#672352de
variable.language#6805CAde
variable.language.wildcard.java#1E5245de
variable.other.constant#0F5909de
variable.other.definition.java#6729A3de
variable.other.enummember#562785de
variable.other.less#4E4E09de
variable.other.object.java#235720de
variable.other.object.property.java#4F4F0Ade
variable.parameter.c#0A388Ede
variable.parameter.function.language.python#08503Ede
variable.parameter.java#922208de
variable.scss#90230Ade
viiv by B.W - VS Code Theme