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#E2E1E2fe
  • activityBar.activeBackground#E2E1E2fe
  • activityBar.activeBorder#1C4921fe
  • activityBar.activeFocusBorder#7F7F7F00
  • activityBar.background#F2F2F2fe
  • activityBar.border#7F7F7F00
  • activityBar.dropBorder#144A18fe
  • activityBar.foreground#124A18fe
  • activityBar.inactiveForeground#43414365
  • activityBarBadge.background#33903Bfe
  • activityBarBadge.foreground#F2F2F2fe
  • badge.background#10951Afe
  • badge.foreground#F2F2F2fe
  • banner.background#E2E1E2fe
  • banner.foreground#383838ce
  • banner.iconForeground#263A4Efe
  • breadcrumb.activeSelectionForeground#283E1Cca
  • breadcrumb.background#EEEDEEfe
  • breadcrumb.focusForeground#307A36fe
  • breadcrumb.foreground#631163ae
  • breadcrumbPicker.background#E2E1E2fe
  • button.background#ACA9ACae
  • button.border#F6F6F600
  • button.foreground#383838ce
  • button.hoverBackground#A4A1A46e
  • button.secondaryBackground#E2E1E2fe
  • button.secondaryForeground#383838ce
  • button.secondaryHoverBackground#E2E1E2fe
  • button.separator#F6F6F600
  • charts.blue#1b1bfffe
  • charts.foreground#383838ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b5
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F6F6F6fe
  • chat.slashCommandBackground#E2E1E2fe
  • chat.slashCommandForeground#383838ce
  • checkbox.background#F6F6F6fe
  • checkbox.border#F6F6F6fe
  • checkbox.foreground#383838ce
  • checkbox.selectBackground#F6F6F6fe
  • checkbox.selectBorder#F6F6F6fe
  • commandCenter.activeBackground#D9D7D884
  • commandCenter.activeBorder#F6F6F6fe
  • commandCenter.activeForeground#2F7235fe
  • commandCenter.background#E2E1E2fe
  • commandCenter.border#F6F6F6fe
  • commandCenter.foreground#383838ce
  • commandCenter.inactiveBorder#D8D7D89a
  • commandCenter.inactiveForeground#47454765
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F6F6F600
  • contrastBorder#F6F6F600
  • debugConsole.errorForeground#930093ce
  • debugConsole.infoForeground#383838ce
  • debugConsole.sourceForeground#383838ce
  • debugConsole.warningForeground#604F00ce
  • debugConsoleInputIcon.foreground#493049fe
  • debugExceptionWidget.background#FFC6FFb6
  • debugExceptionWidget.border#F6F6F6fe
  • debugIcon.breakpointCurrentStackframeForeground#5D2541fe
  • debugIcon.breakpointDisabledForeground#504D5065
  • debugIcon.breakpointForeground#213A53fe
  • debugIcon.breakpointStackframeForeground#253F18fe
  • debugIcon.breakpointUnverifiedForeground#2F3D22fe
  • debugIcon.continueForeground#463523fe
  • debugIcon.disconnectForeground#413348fe
  • debugIcon.pauseForeground#263A4Efe
  • debugIcon.restartForeground#5D2541fe
  • debugIcon.startForeground#343B25fe
  • debugIcon.stepBackForeground#363654fe
  • debugIcon.stepIntoForeground#3A383Afe
  • debugIcon.stepOutForeground#463523fe
  • debugIcon.stepOverForeground#413348fe
  • debugIcon.stopForeground#213A53fe
  • debugTokenExpression.boolean#1B1C1Dca
  • debugTokenExpression.error#212021ca
  • debugTokenExpression.name#232425ca
  • debugTokenExpression.number#242325ca
  • debugTokenExpression.value#1C1B1Dca
  • debugToolBar.background#FFC6FFca
  • debugToolBar.border#F6F6F6fe
  • debugView.exceptionLabelBackground#D9D7D9ca
  • debugView.exceptionLabelForeground#194119ca
  • debugView.stateLabelBackground#D9D8DCca
  • debugView.stateLabelForeground#4B341Cca
  • debugView.valueChangedHighlight#1D1C1Dca
  • descriptionForeground#383838ce
  • diffEditor.border#F6F6F600
  • diffEditor.diagonalFill#000000fb
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#B9E1BBfb
  • diffEditor.insertedTextBorder#F6F6F600
  • diffEditor.move.border#F6F6F600
  • diffEditor.moveActive.border#F6F6F600
  • diffEditor.removedLineBackground#FFCACA31
  • diffEditor.removedTextBackground#FFCCCCfb
  • diffEditor.removedTextBorder#F6F6F600
  • diffEditor.unchangedCodeBackground#E2E1E2fe
  • diffEditor.unchangedRegionBackground#E2E1E2fe
  • diffEditor.unchangedRegionForeground#383838ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#47454765
  • dropdown.background#F6F6F6fe
  • dropdown.border#F6F6F6fe
  • dropdown.foreground#383838ce
  • dropdown.listBackground#F6F6F6fe
  • editor.background#E2E1E2fe
  • editor.findMatchBackground#91958Da4
  • editor.findMatchBorder#F6F6F6fe
  • editor.findMatchHighlightBackground#A3A9A6a3
  • editor.findMatchHighlightBorder#F6F6F6fe
  • editor.findRangeHighlightBackground#BAB4B7a5
  • editor.findRangeHighlightBorder#F6F6F6fe
  • editor.focusedStackFrameHighlightBackground#918D958b
  • editor.foldBackground#654D34ab
  • editor.foreground#383838ce
  • editor.hoverHighlightBackground#AAA7ADa1
  • editor.inactiveSelectionBackground#C1BEC196
  • editor.inlineValuesBackground#E2E1E2fe
  • editor.inlineValuesForeground#383838ce
  • editor.lineHighlightBackground#C5C3C5b2
  • editor.lineHighlightBorder#F6F6F600
  • editor.linkedEditingBackground#E2E1E2fe
  • editor.rangeHighlightBackground#979497a8
  • editor.rangeHighlightBorder#F6F6F6fe
  • editor.selectionBackground#CCCACEa3
  • editor.selectionForeground#730D0Dca
  • editor.selectionHighlightBackground#A59FA287
  • editor.selectionHighlightBorder#F6F6F6fe
  • editor.snippetFinalTabstopHighlightBackground#A19A9Eab
  • editor.snippetFinalTabstopHighlightBorder#F6F6F6fe
  • editor.snippetTabstopHighlightBackground#959299a4
  • editor.snippetTabstopHighlightBorder#F6F6F6fe
  • editor.stackFrameHighlightBackground#B8B6B8a7
  • editor.symbolHighlightBackground#B7B4BAa4
  • editor.symbolHighlightBorder#F6F6F6fe
  • editor.wordHighlightBackground#AAADA7a8
  • editor.wordHighlightBorder#F6F6F600
  • editor.wordHighlightStrongBackground#ACA9ACa6
  • editor.wordHighlightStrongBorder#F6F6F600
  • editor.wordHighlightTextBackground#999592a6
  • editor.wordHighlightTextBorder#F6F6F600
  • editorBracketHighlight.foreground1#0D0D0Dce
  • editorBracketHighlight.foreground2#0D0D0Dce
  • editorBracketHighlight.foreground3#0D0D0Dce
  • editorBracketHighlight.foreground4#0D0D0Dce
  • editorBracketHighlight.foreground5#0D0D0Dce
  • editorBracketHighlight.foreground6#0D0D0Dce
  • editorBracketHighlight.unexpectedBracket.foreground#383838ce
  • editorBracketMatch.background#803A5Daa
  • editorBracketMatch.border#F6F6F6fe
  • editorBracketPairGuide.activeBackground1#36547285
  • editorBracketPairGuide.activeBackground2#35584688
  • editorBracketPairGuide.activeBackground3#4C534589
  • editorBracketPairGuide.activeBackground4#634C368c
  • editorBracketPairGuide.activeBackground5#4D535087
  • editorBracketPairGuide.activeBackground6#3654728e
  • editorBracketPairGuide.background1#D9D7D9fe
  • editorBracketPairGuide.background2#D6D8D7fe
  • editorBracketPairGuide.background3#DAD7D9fe
  • editorBracketPairGuide.background4#D8D7D6fe
  • editorBracketPairGuide.background5#D9D7D6fe
  • editorBracketPairGuide.background6#D7D8D6fe
  • editorCodeLens.foreground#900D906e
  • editorCommentsWidget.rangeActiveBackground#674567fe
  • editorCommentsWidget.rangeBackground#E2E1E2fe
  • editorCommentsWidget.resolvedBorder#F6F6F6fe
  • editorCommentsWidget.unresolvedBorder#FFCACAcb
  • editorCursor.background#E2E1E2fe
  • editorCursor.foreground#33903Bfe
  • editorError.background#F6F6F600
  • editorError.border#F6F6F600
  • editorError.foreground#930093ce
  • editorGhostText.background#E2E1E2fe
  • editorGhostText.border#F6F6F600
  • editorGhostText.foreground#8E198E6e
  • editorGroup.border#F6F6F6fe
  • editorGroup.dropBackground#E2E1E2fe
  • editorGroup.dropIntoPromptBackground#E2E1E2fe
  • editorGroup.dropIntoPromptBorder#F6F6F6fe
  • editorGroup.dropIntoPromptForeground#383838ce
  • editorGroup.emptyBackground#E2E1E2fe
  • editorGroup.focusedEmptyBorder#F6F6F6fe
  • editorGroupHeader.border#F6F6F600
  • editorGroupHeader.noTabsBackground#F2F2F2ae
  • editorGroupHeader.tabsBackground#DEDCDEa1
  • editorGroupHeader.tabsBorder#F6F6F600
  • editorGutter.addedBackground#1A5E1Dfb
  • editorGutter.background#E2E1E2fe
  • editorGutter.commentGlyphForeground#383838ce
  • editorGutter.commentRangeForeground#383838ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5E22cb
  • editorGutter.deletedBackground#A80000cb
  • editorGutter.foldingControlForeground#383838ce
  • editorGutter.modifiedBackground#604F00ce
  • editorHint.border#F6F6F600
  • editorHint.foreground#3E01FFce
  • editorHoverWidget.background#F6F6F6fe
  • editorHoverWidget.border#F6F6F6fe
  • editorHoverWidget.foreground#383838ce
  • editorHoverWidget.highlightForeground#453627ca
  • editorHoverWidget.statusBarBackground#E2E1E2fe
  • editorIndentGuide.activeBackground1#044B0Afe
  • editorIndentGuide.activeBackground2#124A18fe
  • editorIndentGuide.activeBackground3#044B0Afe
  • editorIndentGuide.activeBackground4#124A18fe
  • editorIndentGuide.activeBackground5#044B0Afe
  • editorIndentGuide.activeBackground6#044B0Afe
  • editorIndentGuide.background1#3F444135
  • editorIndentGuide.background2#5E5B5735
  • editorIndentGuide.background3#575E5B35
  • editorIndentGuide.background4#48464335
  • editorIndentGuide.background5#635F6735
  • editorIndentGuide.background6#4E4B5135
  • editorInfo.background#F6F6F600
  • editorInfo.border#F6F6F600
  • editorInfo.foreground#3E01FFce
  • editorInlayHint.background#E2E1E2fe
  • editorInlayHint.foreground#383838ce
  • editorInlayHint.parameterBackground#E2E1E2fe
  • editorInlayHint.parameterForeground#383838ce
  • editorInlayHint.typeBackground#E2E1E2fe
  • editorInlayHint.typeForeground#383838ce
  • editorLightBulb.foreground#604F00ce
  • editorLightBulbAutoFix.foreground#1F5E22cb
  • editorLineNumber.activeForeground#318138fe
  • editorLineNumber.dimmedForeground#8E158E6e
  • editorLineNumber.foreground#8E198E6e
  • editorLink.activeForeground#328839fe
  • editorMarkerNavigation.background#F6F6F6fe
  • editorMarkerNavigationError.background#FFC6FF9a
  • editorMarkerNavigationError.headerBackground#FFC6FF9b
  • editorMarkerNavigationInfo.background#D3D3FFfe
  • editorMarkerNavigationInfo.headerBackground#D3D3FFfe
  • editorMarkerNavigationWarning.background#FFD303fe
  • editorMarkerNavigationWarning.headerBackground#FFD303fe
  • editorOverviewRuler.addedForeground#1F5E22cb
  • editorOverviewRuler.background#E2E1E2fe
  • editorOverviewRuler.border#D9D7D9fe
  • editorOverviewRuler.bracketMatchForeground#383838ce
  • editorOverviewRuler.commentForeground#8E198E6e
  • editorOverviewRuler.commentUnresolvedForeground#1F5E22cb
  • editorOverviewRuler.commonContentForeground#383838ce
  • editorOverviewRuler.currentContentForeground#515151a1
  • editorOverviewRuler.deletedForeground#A80000cb
  • editorOverviewRuler.errorForeground#930093ce
  • editorOverviewRuler.findMatchForeground#005B5Bce
  • editorOverviewRuler.incomingContentForeground#1F5E22cb
  • editorOverviewRuler.infoForeground#3E01FFce
  • editorOverviewRuler.modifiedForeground#604F00ce
  • editorOverviewRuler.rangeHighlightForeground#4F2C4Fca
  • editorOverviewRuler.selectionHighlightForeground#3E01FFce
  • editorOverviewRuler.warningForeground#604F00ce
  • editorOverviewRuler.wordHighlightForeground#3F3453ca
  • editorOverviewRuler.wordHighlightStrongForeground#383838ce
  • editorOverviewRuler.wordHighlightTextForeground#383838ce
  • editorPane.background#E2E1E2fe
  • editorRuler.foreground#6B436B22
  • editorStickyScroll.background#E2E1E2fe
  • editorStickyScrollHover.background#D8D7D86e
  • editorSuggestWidget.background#F6F6F6fe
  • editorSuggestWidget.border#FAFAFA00
  • editorSuggestWidget.focusHighlightForeground#31461Dfe
  • editorSuggestWidget.foreground#493049fe
  • editorSuggestWidget.highlightForeground#6B1540ca
  • editorSuggestWidget.selectedBackground#9295998b
  • editorSuggestWidget.selectedForeground#730D0Dca
  • editorSuggestWidget.selectedIconForeground#194119ca
  • editorSuggestWidgetStatus.foreground#1C3F28fe
  • editorUnicodeHighlight.background#B4B2B4a8
  • editorUnicodeHighlight.border#F6F6F6fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FAFAFA00
  • editorWarning.border#F6F6F600
  • editorWarning.foreground#604F00ce
  • editorWhitespace.foreground#383838ce
  • editorWidget.background#F6F6F6fe
  • editorWidget.border#F6F6F6fe
  • editorWidget.foreground#383838ce
  • editorWidget.resizeBorder#F6F6F6fe
  • errorForeground#930093ce
  • extensionBadge.remoteBackground#11951Cfe
  • extensionBadge.remoteForeground#F2F2F2fe
  • extensionButton.background#D8D7D8ae
  • extensionButton.foreground#383838ce
  • extensionButton.hoverBackground#D8D7D86e
  • extensionButton.prominentBackground#E2E1E2fe
  • extensionButton.prominentForeground#383838ce
  • extensionButton.prominentHoverBackground#E2E1E2fe
  • extensionButton.separator#F6F6F600
  • extensionIcon.preReleaseForeground#463523fe
  • extensionIcon.sponsorForeground#641E41fe
  • extensionIcon.starForeground#3C3642fe
  • extensionIcon.verifiedForeground#234006fe
  • focusBorder#F6F6F600
  • foreground#383838ce
  • gitDecoration.addedResourceForeground#1F5E22cb
  • gitDecoration.deletedResourceForeground#A80000cb
  • gitDecoration.modifiedResourceForeground#604F00ce
  • gitDecoration.renamedResourceForeground#3E01FFce
  • gitDecoration.stageDeletedResourceForeground#A80000cb
  • gitDecoration.stageModifiedResourceForeground#1F5E22cb
  • gitDecoration.untrackedResourceForeground#005B5Bce
  • icon.foreground#535153ae
  • inlineChat.background#D5D7DAca
  • inlineChat.border#D9D8D9ca
  • inlineChat.regionHighlight#1C1B1Dca
  • inlineChat.shadow#21201Fca
  • inlineChatDiff.inserted#201F21ca
  • inlineChatDiff.removed#1D1C1Bca
  • inlineChatInput.background#1D1A1Bca
  • inlineChatInput.border#D7D9DAca
  • inlineChatInput.focusBorder#FAFAFA00
  • inlineChatInput.placeholderForeground#4F2C4Fca
  • input.background#F6F6F6fe
  • input.border#F6F6F6fe
  • input.foreground#383838ce
  • input.placeholderForeground#54515465
  • inputOption.activeBackground#F6F6F6fe
  • inputOption.activeBorder#F6F6F6fe
  • inputOption.activeForeground#2F7235fe
  • inputOption.hoverBackground#F6F6F6fe
  • inputValidation.errorBackground#670067b5
  • inputValidation.errorBorder#FFC6FFaa
  • inputValidation.errorForeground#930093ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F6F6F6fe
  • inputValidation.infoForeground#383838ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F6F6F6fe
  • inputValidation.warningForeground#604F00ce
  • interactive.activeCodeBorder#F6F6F6fe
  • interactive.inactiveCodeBorder#D7D7D793
  • keybindingLabel.background#E2E1E2fe
  • keybindingLabel.border#F6F6F6fe
  • keybindingLabel.bottomBorder#F6F6F6fe
  • keybindingLabel.foreground#383838ce
  • keybindingTable.headerBackground#E2E1E2fe
  • keybindingTable.rowsBackground#E2E1E2fe
  • list.activeSelectionBackground#A19E9A84
  • list.activeSelectionForeground#0E337Eca
  • list.activeSelectionIconForeground#473522ca
  • list.deemphasizedForeground#383838ce
  • list.dropBackground#E2E1E2fe
  • list.errorForeground#930093ce
  • list.filterMatchBackground#E2E1E2fe
  • list.filterMatchBorder#F6F6F6fe
  • list.focusAndSelectionOutline#F6F6F600
  • list.focusBackground#D1D0D197
  • list.focusForeground#14951Ffe
  • list.focusHighlightForeground#533462fe
  • list.focusOutline#F6F6F600
  • list.highlightForeground#473522ca
  • list.hoverBackground#D8D7D9a1
  • list.hoverForeground#14951Ffe
  • list.inactiveFocusBackground#C1BEC191
  • list.inactiveFocusOutline#F6F6F600
  • list.inactiveSelectionBackground#F2F2F2ae
  • list.inactiveSelectionForeground#43414365
  • list.inactiveSelectionIconForeground#47454765
  • list.invalidItemForeground#383838ce
  • list.warningForeground#604F00ce
  • listFilterWidget.background#E2E1E2fe
  • listFilterWidget.noMatchesOutline#F6F6F600
  • listFilterWidget.outline#FAFAFA00
  • listFilterWidget.shadow#F6F6F600
  • menu.background#F2F2F2fe
  • menu.border#F6F6F600
  • menu.foreground#383838ae
  • menu.selectionBackground#BFBDC2a7
  • menu.selectionBorder#F6F6F600
  • menu.selectionForeground#159520fe
  • menu.separatorBackground#D8D7D865
  • menubar.selectionBackground#CCCACEaa
  • menubar.selectionBorder#F6F6F600
  • menubar.selectionForeground#159520fe
  • merge.border#F6F6F6fe
  • merge.commonContentBackground#E2E1E2fe
  • merge.commonHeaderBackground#E2E1E2fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#B9E1BBfb
  • merge.incomingContentBackground#B9E1BBcb
  • merge.incomingHeaderBackground#B9E1BBfb
  • mergeEditor.change.background#E2E1E2fe
  • mergeEditor.change.word.background#E2E1E2fe
  • mergeEditor.changeBase.background#E2E1E2fe
  • mergeEditor.changeBase.word.background#E2E1E2fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F6F6F6fe
  • mergeEditor.conflict.handledUnfocused.border#D7D7D73e
  • mergeEditor.conflict.input1.background#F6F6F6fe
  • mergeEditor.conflict.input2.background#F6F6F6fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c4
  • mergeEditor.conflict.unhandledFocused.border#F6F6F6fe
  • mergeEditor.conflict.unhandledUnfocused.border#D7D7D732
  • mergeEditor.conflictingLines.background#E2E1E2fe
  • minimap.background#E2E1E2fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0D0D0Dce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5E1Dfb
  • minimapGutter.deletedBackground#A70000fb
  • minimapGutter.modifiedBackground#604F00ce
  • minimapSlider.activeBackground#8B878Bfe
  • minimapSlider.background#B8B6B8ae
  • minimapSlider.hoverBackground#9794976e
  • notebook.cellBorderColor#F6F6F6fe
  • notebook.cellEditorBackground#E2E1E2fe
  • notebook.cellHoverBackground#E2E1E2fe
  • notebook.cellInsertionIndicator#1D1A1Bca
  • notebook.cellStatusBarItemHoverBackground#E2E1E2fe
  • notebook.cellToolbarSeparator#1D1B1Cca
  • notebook.editorBackground#E2E1E2fe
  • notebook.focusedCellBackground#E2E1E2fe
  • notebook.focusedCellBorder#2F7235fe
  • notebook.focusedEditorBorder#F6F6F6fe
  • notebook.inactiveFocusedCellBorder#837E838e
  • notebook.inactiveSelectedCellBorder#8F8B8F8e
  • notebook.outputContainerBackgroundColor#E2E1E2fe
  • notebook.outputContainerBorderColor#F6F6F6fe
  • notebook.selectedCellBackground#E2E1E2fe
  • notebook.selectedCellBorder#F6F6F6fe
  • notebook.symbolHighlightBackground#E2E1E2fe
  • notebookEditorOverviewRuler.runningCellForeground#383838ce
  • notebookScrollbarSlider.activeBackground#878387fe
  • notebookScrollbarSlider.background#B8B6B8ae
  • notebookScrollbarSlider.hoverBackground#9C989C6e
  • notebookStatusErrorIcon.foreground#930093ce
  • notebookStatusRunningIcon.foreground#393B37fe
  • notebookStatusSuccessIcon.foreground#1F5E22cb
  • notificationCenter.border#F6F6F6fe
  • notificationCenterHeader.background#E2E1E2fe
  • notificationCenterHeader.foreground#383838ce
  • notificationLink.foreground#383838ce
  • notifications.background#E2E1E2fe
  • notifications.border#F6F6F6fe
  • notifications.foreground#383838ce
  • notificationsErrorIcon.foreground#930093ce
  • notificationsInfoIcon.foreground#194119fe
  • notificationsWarningIcon.foreground#604F00ce
  • notificationToast.border#F6F6F6fe
  • panel.background#E2E1E2fe
  • panel.border#F6F6F6fe
  • panel.dropBorder#F6F6F6fe
  • panelInput.border#F6F6F6fe
  • panelSection.border#F6F6F6fe
  • panelSection.dropBackground#E2E1E2fe
  • panelSectionHeader.background#E2E1E2fe
  • panelSectionHeader.border#F6F6F6fe
  • panelSectionHeader.foreground#383838ce
  • panelTitle.activeBorder#F6F6F600
  • panelTitle.activeForeground#144A18fe
  • panelTitle.inactiveForeground#54515465
  • peekView.border#124A18fe
  • peekViewEditor.background#F6F6F6fe
  • peekViewEditor.matchHighlightBackground#B1AFAC84
  • peekViewEditor.matchHighlightBorder#F6F6F600
  • peekViewEditorGutter.background#F6F6F6fe
  • peekViewEditorStickyScroll.background#E2E1E2fe
  • peekViewResult.background#F2F2F2fe
  • peekViewResult.fileForeground#383838ce
  • peekViewResult.lineForeground#383838ce
  • peekViewResult.matchHighlightBackground#ADA7AA84
  • peekViewResult.selectionBackground#B7B4BA8b
  • peekViewResult.selectionForeground#6B1540ca
  • peekViewTitle.background#F2F2F2fe
  • peekViewTitleDescription.foreground#383838ce
  • peekViewTitleLabel.foreground#383838ce
  • pickerGroup.border#F6F6F6fe
  • pickerGroup.foreground#383838ce
  • ports.iconRunningProcessForeground#234006fe
  • problemsErrorIcon.foreground#930093ce
  • problemsInfoIcon.foreground#3E01FFce
  • problemsWarningIcon.foreground#604F00ce
  • profileBadge.background#11951Cfe
  • profileBadge.foreground#F2F2F2fe
  • progressBar.background#E2E1E2fe
  • quickInput.background#F2F2F2fe
  • quickInput.foreground#631163ae
  • quickInputList.focusBackground#A7AAADa2
  • quickInputList.focusForeground#159520fe
  • quickInputList.focusIconForeground#2F7235fe
  • quickInputTitle.background#F6F6F6fe
  • sash.hoverBorder#F6F6F6fe
  • scrollbar.shadow#F6F6F600
  • scrollbarSlider.activeBackground#8B878Bfe
  • scrollbarSlider.background#B0ADB0ae
  • scrollbarSlider.hoverBackground#9794976e
  • search.resultsInfoForeground#383838ce
  • searchEditor.findMatchBackground#918D95ae
  • searchEditor.findMatchBorder#F6F6F6fe
  • searchEditor.textInputBorder#F6F6F6fe
  • selection.background#E2E1E2fe
  • settings.checkboxBackground#F6F6F6fe
  • settings.checkboxBorder#F6F6F6fe
  • settings.checkboxForeground#383838ce
  • settings.dropdownBackground#F6F6F6fe
  • settings.dropdownBorder#F6F6F6fe
  • settings.dropdownForeground#383838ce
  • settings.dropdownListBorder#F6F6F6fe
  • settings.focusedRowBackground#A19A9E8d
  • settings.focusedRowBorder#F6F6F6fe
  • settings.headerBorder#F6F6F6fe
  • settings.headerForeground#383838ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F6F6F6fe
  • settings.numberInputBorder#F6F6F6fe
  • settings.numberInputForeground#383838ce
  • settings.rowHoverBackground#E2E1E2fe
  • settings.sashBorder#F6F6F6fe
  • settings.settingsHeaderHoverForeground#14951Ffe
  • settings.textInputBackground#F6F6F6fe
  • settings.textInputBorder#F6F6F6fe
  • settings.textInputForeground#383838ce
  • sideBar.background#E2E1E2fe
  • sideBar.border#F6F6F6fe
  • sideBar.dropBackground#E2E1E2fe
  • sideBar.foreground#535153ae
  • sideBarSectionHeader.background#F6F6F600
  • sideBarSectionHeader.border#F6F6F6fe
  • sideBarSectionHeader.foreground#383838ce
  • sideBarTitle.foreground#383838ce
  • sideBySideEditor.horizontalBorder#F6F6F6fe
  • sideBySideEditor.verticalBorder#F6F6F6fe
  • simpleFindWidget.sashBorder#F6F6F6fe
  • statusBar.background#F2F2F2fe
  • statusBar.border#F6F6F6fe
  • statusBar.debuggingBackground#FFC6FFbd
  • statusBar.debuggingBorder#F6F6F6fe
  • statusBar.debuggingForeground#383838ce
  • statusBar.focusBorder#F6F6F600
  • statusBar.foreground#8E158E6e
  • statusBar.noFolderBackground#F2F2F2fe
  • statusBar.noFolderBorder#F6F6F6fe
  • statusBar.noFolderForeground#383838ce
  • statusBarItem.activeBackground#F2F2F2fe
  • statusBarItem.compactHoverBackground#F2F2F2fe
  • statusBarItem.errorBackground#FFC6FFb8
  • statusBarItem.errorForeground#930093ce
  • statusBarItem.errorHoverBackground#FFC6FFae
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F6F6F600
  • statusBarItem.hoverBackground#F2F2F2fe
  • statusBarItem.hoverForeground#2F7235fe
  • statusBarItem.offlineBackground#F2F2F2fe
  • statusBarItem.offlineForeground#383838ce
  • statusBarItem.offlineHoverBackground#F2F2F2fe
  • statusBarItem.offlineHoverForeground#10951Afe
  • statusBarItem.prominentBackground#F2F2F2fe
  • statusBarItem.prominentForeground#383838ce
  • statusBarItem.prominentHoverBackground#F2F2F2fe
  • statusBarItem.prominentHoverForeground#159520fe
  • statusBarItem.remoteBackground#10951Afe
  • statusBarItem.remoteForeground#F2F2F2fe
  • statusBarItem.remoteHoverBackground#F2F2F2fe
  • statusBarItem.remoteHoverForeground#10951Afe
  • statusBarItem.warningBackground#FFD303fe
  • statusBarItem.warningForeground#604F00ce
  • statusBarItem.warningHoverBackground#FFD303fe
  • statusBarItem.warningHoverForeground#987E00ce
  • symbolIcon.arrayForeground#4B341Cfe
  • symbolIcon.booleanForeground#005B5Bce
  • symbolIcon.classForeground#0E337Efe
  • symbolIcon.colorForeground#213A53fe
  • symbolIcon.constantForeground#373B39fe
  • symbolIcon.constructorForeground#493049fe
  • symbolIcon.enumeratorForeground#42267Afe
  • symbolIcon.enumeratorMemberForeground#730D0Dfe
  • symbolIcon.eventForeground#453627fe
  • symbolIcon.fieldForeground#283E1Cfe
  • symbolIcon.fileForeground#3C3642fe
  • symbolIcon.folderForeground#363654fe
  • symbolIcon.functionForeground#363654fe
  • symbolIcon.interfaceForeground#3F3C3Ffe
  • symbolIcon.keyForeground#433443fe
  • symbolIcon.keywordForeground#34393Dfe
  • symbolIcon.methodForeground#1C3F28fe
  • symbolIcon.moduleForeground#493049fe
  • symbolIcon.namespaceForeground#34393Dfe
  • symbolIcon.nullForeground#363654fe
  • symbolIcon.numberForeground#37393Bfe
  • symbolIcon.objectForeground#4F138Afe
  • symbolIcon.operatorForeground#0E411Ffe
  • symbolIcon.packageForeground#3F3C3Ffe
  • symbolIcon.propertyForeground#234006fe
  • symbolIcon.referenceForeground#1F400Ffe
  • symbolIcon.snippetForeground#353A2Ffe
  • symbolIcon.stringForeground#542754fe
  • symbolIcon.structForeground#5F195Ffe
  • symbolIcon.textForeground#0E337Efe
  • symbolIcon.typeParameterForeground#3F3453fe
  • symbolIcon.unitForeground#641E41fe
  • symbolIcon.variableForeground#223E30fe
  • tab.activeBackground#EEEDEEfe
  • tab.activeBorder#F6F6F600
  • tab.activeBorderTop#154A19fe
  • tab.activeForeground#1C491Efe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F6F6F600
  • tab.hoverBackground#643BA1a8
  • tab.hoverBorder#F6F6F6fe
  • tab.hoverForeground#318138fe
  • tab.inactiveBackground#D9D7D992
  • tab.inactiveForeground#47454765
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F6F6F6fe
  • tab.unfocusedActiveBackground#D5D4D52c
  • tab.unfocusedActiveBorder#FAFAFA00
  • tab.unfocusedActiveBorderTop#D8D7D865
  • tab.unfocusedActiveForeground#504D5065
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#6B446B2e
  • tab.unfocusedHoverBorder#D9D8D927
  • tab.unfocusedHoverForeground#43414365
  • tab.unfocusedInactiveBackground#C1BEC194
  • tab.unfocusedInactiveForeground#4B494B65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333c6
  • 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#670067ba
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeb5
  • terminal.ansiYellow#c4a200fe
  • terminal.background#E2E1E2fe
  • terminal.border#F6F6F6fe
  • terminal.dropBackground#E2E1E2fe
  • terminal.findMatchBackground#E2E1E2fe
  • terminal.findMatchBorder#F6F6F6fe
  • terminal.findMatchHighlightBackground#E2E1E2fe
  • terminal.findMatchHighlightBorder#F6F6F6fe
  • terminal.foreground#535153ae
  • terminal.hoverHighlightBackground#E2E1E2fe
  • terminal.inactiveSelectionBackground#C5C3C59b
  • terminal.selectionBackground#B0B3B683
  • terminal.selectionForeground#641E41ca
  • terminal.tab.activeBorder#094B0Efe
  • terminalCommandDecoration.defaultBackground#4C5345a9
  • terminalCommandDecoration.errorBackground#A80000cb
  • terminalCommandDecoration.successBackground#1F5E22cb
  • terminalCursor.background#E2E1E2fe
  • terminalCursor.foreground#14951Ffe
  • terminalOverviewRuler.cursorForeground#383838ce
  • terminalOverviewRuler.findMatchForeground#005B5Bce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0ba
  • testing.iconUnset#808080b1
  • testing.message.error.decorationForeground#1A5E20fe
  • testing.message.error.lineBackground#FFC6FFb3
  • testing.message.info.decorationForeground#195D1Ffe
  • testing.message.info.lineBackground#D3D3FFfe
  • testing.peekBorder#F6F6F6fe
  • testing.peekHeaderBackground#E2E1E2fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#E2E1E2fe
  • textBlockQuote.border#F6F6F6fe
  • textCodeBlock.background#E2E1E2fe
  • textLink.activeForeground#14951Ffe
  • textLink.foreground#3E01FFce
  • textPreformat.foreground#383838ce
  • textSeparator.foreground#383838ce
  • titleBar.activeBackground#F2F2F2fe
  • titleBar.activeForeground#720D72ae
  • titleBar.border#FAFAFA00
  • titleBar.inactiveBackground#D7D7D7d8
  • titleBar.inactiveForeground#43414365
  • toolbar.activeBackground#D5D7D98d
  • toolbar.hoverBackground#E2E1E2fe
  • toolbar.hoverOutline#F6F6F600
  • tree.inactiveIndentGuidesStroke#443F4135
  • tree.indentGuidesStroke#1A5E20fe
  • tree.tableColumnsBorder#F6F6F6fe
  • tree.tableOddRowsBackground#E2E1E2fe
  • walkThrough.embeddedEditorBackground#E2E1E2fe
  • walkthrough.stepTitle.foreground#383838ce
  • welcomePage.background#E2E1E2fe
  • welcomePage.progress.background#E2E1E2fe
  • welcomePage.progress.foreground#383838ce
  • welcomePage.tileBackground#E2E1E2fe
  • welcomePage.tileBorder#F6F6F6fe
  • welcomePage.tileHoverBackground#E2E1E2fe
  • widget.border#F6F6F6fe
  • widget.shadow#F6F6F600
  • window.activeBorder#F6F6F6fe
  • window.inactiveBorder#D8D7D89e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#3131316e
comment.block.html#5415546e
comment.block.java#3131316e
comment.block.javadoc.java#5415546e
comment.block.powershell#5415546e
comment.block.xml#5614566e
comment.line.double-slash.c#3131316e
comment.line.double-slash.cpp#5614566e
comment.line.double-slash.java#5415546e
comment.line.double-slash.js#5614566e
comment.line.number-sign.makefile#5415546e
comment.line.number-sign.python#5614566e
comment.line.number-sign.yaml#5614566e
comment.line.percentage.erlang#3131316e
comment.line.powershell#5415546e
comment.source.cmake#5614566e
comment.source.cmakecache#5415546e
constant.character#394F0Fde
constant.character.character-class.regexp#272B65de
constant.character.escape#27502Ade
constant.character.set.regexp#1E3720de
constant.language#202776de
constant.numeric#1E3737de
constant.numeric.dec.python#5F1132de
constant.other.caps.python#500D6Ede
constant.other.character-class.regexp#283515de
constant.other.character-class.set.regexp#4C2A5Dde
constant.other.color.rgb-value#531F33de
constant.other.placeholder#442355de
constant.other.rgb-value#232B69de
constant.regexp#3B4E14de
constant.sha.git-rebase#1E3737de
emphasis#4A1A62de
entity.name.class#272B65de
entity.name.function#023838de
entity.name.function.preprocessor#642C43de
entity.name.function.python#203D23de
entity.name.label#234325de
entity.name.namespace#432552de
entity.name.operator#254A4Ade
entity.name.operator.custom-literal#292D58de
entity.name.scope-resolution#522134de
entity.name.tag#1E3737de
entity.name.tag.css#125318de
entity.name.type#510375debold
entity.name.variable#502738de
entity.other.attribute#081B97de
entity.other.attribute-name#254A28de
entity.other.attribute-name.class.css#292D60de
entity.other.attribute-name.class.mixin.css#282C5Fde
entity.other.attribute-name.id#4D2714de
entity.other.attribute-name.id.css#502613de
entity.other.attribute-name.parent-selector.css#57293Cde
entity.other.attribute-name.pseudo-class.css#254A4Ade
entity.other.attribute-name.pseudo-element.css#41264Fde
entity.other.attribute-name.scss#135319de
entity.other.document.begin.yaml#5415546e
entity.other.inherited-class#283515de
header#203D23de
invalid#452B1Ede
keyword#1E3720debold
keyword.codetag.notation.python#081B97debold
keyword.control#572104debold
keyword.control.anchor.regexp#083A0Edebold
keyword.control.import.python#1E3720debold
keyword.operator#18381Cdebold
keyword.operator.alignas#272B65debold
keyword.operator.alignof#384F0Ddebold
keyword.operator.cast#28360Cdebold
keyword.operator.delete#163636debold
keyword.operator.documentation.powershell#5415546ebold
keyword.operator.expression#0F5050debold
keyword.operator.instanceof#4A1A62debold
keyword.operator.logical.python#471F5Bdebold
keyword.operator.minus.exponent#41264Fdebold
keyword.operator.negation.regexp#573829debold
keyword.operator.new#4E0E6Edebold
keyword.operator.noexcept#452B1Edebold
keyword.operator.or.regexp#043838debold
keyword.operator.plus.exponent#283515debold
keyword.operator.quantifier.regexp#394E11debold
keyword.operator.sizeof#452B1Edebold
keyword.operator.typeid#4D136Adebold
keyword.operator.wordlike#18381Cdebold
keyword.other.operator#3D4A25debold
keyword.other.package.java#0F5416debold
keyword.other.unit#422750debold
keyword.other.using#3D4A25debold
markup.bold#573829de
markup.changed#263604de
markup.deleted#292D58de
markup.fenced_code.block.markdown#272B65de
markup.heading#292D58de
markup.inline.raw#432E23de
markup.inserted#2B3517de
markup.italic#282C5Fde
markup.raw.block.markdown#3B4E14de
markup.strikethrough#462158de
markup.underline#28360Cde
meta.block.c#28360Cde
meta.block.c#254A28de
meta.class.java#4D2714de
meta.definition.variable.name#292D5Bde
meta.diff.header#203D3Dde
meta.embedded#2C3164de
meta.embedded.assembly#333D20de
meta.function-call.arguments.python#384323de
meta.function-call.python#394E11de
meta.member.access.python#0D5050de
meta.method.java#2A2F5Dde
meta.object-literal.key#292D5Ede
meta.paragraph.markdown#254A28de
meta.preprocessor#442B20de
meta.preprocessor.numeric#234325de
meta.preprocessor.string#0F5050de
meta.scope.prerequisites.makefile#2C3164de
meta.structure.dictionary.json.comments#5415546e
meta.structure.dictionary.key.python#432552de
meta.structure.dictionary.value.json.comments#5415546e
meta.template.expression#043A09de
meta.type.cast.expr#163636debold
meta.type.new.expr#283515debold
parameter#292D58de
punctuation.character.set.begin.regexp#263604de
punctuation.character.set.end.regexp#232B69de
punctuation.definition.array.begin.json#384323de
punctuation.definition.character-class.regexp#135319de
punctuation.definition.comment#3131316e
punctuation.definition.comment.json.comments#3131316e
punctuation.definition.comment.python#5415546e
punctuation.definition.dictionary.begin.json#4A1A62de
punctuation.definition.dictionary.end.json#292D60de
punctuation.definition.group.assertion.regexp#4A2918de
punctuation.definition.group.regexp#043A09de
punctuation.definition.list.begin.json#125318de
punctuation.definition.list.begin.markdown#254A28de
punctuation.definition.list.begin.python#163819de
punctuation.definition.list.end.json#2E336Bde
punctuation.definition.list.end.markdown#292D60de
punctuation.definition.list.end.python#572E6Bde
punctuation.definition.parameters.begin.python#432552de
punctuation.definition.parameters.end.bracket.round.java#191E8Ede
punctuation.definition.quote.begin.markdown#153818de
punctuation.definition.tag#083A0Ede
punctuation.definition.template-expression.begin#292D5Ede
punctuation.definition.template-expression.end#4D136Ade
punctuation.section.class.begin.bracket.curly.java#28360Cde
punctuation.section.embedded#263703de
punctuation.section.embedded.begin.php#191E8Ede
punctuation.section.embedded.end.php#292D60de
punctuation.terminator.java#292D5Bde
source.cmake#282C5Fde
source.coffee.embedded#5F1132de
source.cpp#28360Cde
source.css.less#283515de
source.groovy.embedded#0B3737de
source.java#2F371Ede
source.java-properties#105050de
source.json.comments#5614566e
source.makefile#522C64de
source.powershell#333D20de
source.powershell.variable.other.member#66042Ede
source.python#083A0Ede
storage#384323de
storage.modifier#7D2F09de
storage.modifier.import.java#0D5050de
storage.modifier.package.java#2C3164de
storage.type#502613debold
storage.type.annotation.groovy#4A2918debold
storage.type.annotation.java#4D136Adebold
storage.type.boolean.go#5B1636debold
storage.type.byte.go#500D6Edebold
storage.type.cs#125318debold
storage.type.error.go#472957debold
storage.type.generic.cs#272B65debold
storage.type.generic.groovy#2B3516debold
storage.type.generic.java#0E5412debold
storage.type.groovy#4A3125debold
storage.type.java#125050debold
storage.type.modifier.cs#5D3B2Adebold
storage.type.numeric.go#4D136Adebold
storage.type.object.array.groovy#452B1Edebold
storage.type.object.array.java#0E5412debold
storage.type.parameters.groovy#292D60debold
storage.type.primitive.array.groovy#500D6Edebold
storage.type.primitive.array.java#202776debold
storage.type.primitive.groovy#531F33debold
storage.type.primitive.java#125318debold
storage.type.rune.go#442355debold
storage.type.string.go#232B69debold
storage.type.token.java#0D5050debold
storage.type.uintptr.go#083A0Edebold
storage.type.variable.cs#432E23debold
string#254A4Ade
string.quoted.docstring.multi.python#5415546e
string.regexp#642C43de
string.tag#620C2Fde
string.value#125050de
strong#41264Fde
support.class#292D5Ede
support.constant.color#532309de
support.constant.dom#2B3517de
support.constant.font-name#2E336Bde
support.constant.handlebars#573829de
support.constant.json#1E3720de
support.constant.math#7D2F09de
support.constant.media#591B33de
support.constant.media-type#643F2Cdebold
support.constant.property-value#272B65de
support.function#234325de
support.function.git-rebase#18381Cde
support.other.parenthesis.regexp#572E6Bde
support.type#532309debold
support.type.property-name#202776debold
support.type.vendored.property-name#1E3720debold
support.variable#510375de
token.debug-token#125318de
token.error-token#4A2918de
token.info-token#2A2F5Dde
token.warn-token#3B4E13de
variable#203D3Dde
variable.css#472957de
variable.language#2B3516de
variable.language.wildcard.java#422750de
variable.other.constant#232B69de
variable.other.definition.java#083A0Ede
variable.other.enummember#282C5Fde
variable.other.less#191E8Ede
variable.other.object.java#133914de
variable.other.object.property.java#28360Cde
variable.parameter.c#472A1Cde
variable.parameter.function.language.python#133914de
variable.parameter.java#502738de
variable.scss#522C64de
viiv by B.W - VS Code Theme