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#E0E0E0fe
  • activityBar.activeBackground#E0E0E0fe
  • activityBar.activeBorder#888888fe
  • activityBar.activeFocusBorder#E05F5F00
  • activityBar.background#F2F2F2fe
  • activityBar.border#E05F5F00
  • activityBar.dropBorder#888888fe
  • activityBar.foreground#878787fe
  • activityBar.inactiveForeground#49494965
  • activityBarBadge.background#565656fe
  • activityBarBadge.foreground#F2F2F2fe
  • badge.background#707070fe
  • badge.foreground#F2F2F2fe
  • banner.background#E0E0E0fe
  • banner.foreground#585858ce
  • banner.iconForeground#555B31fe
  • breadcrumb.activeSelectionForeground#555933ca
  • breadcrumb.background#EDEDEDfe
  • breadcrumb.focusForeground#676767fe
  • breadcrumb.foreground#585858ae
  • breadcrumbPicker.background#E0E0E0fe
  • button.background#ACACACae
  • button.border#FBFBFA00
  • button.foreground#585858ce
  • button.hoverBackground#A8A8A8fe
  • button.secondaryBackground#E0E0E0fe
  • button.secondaryForeground#585858ce
  • button.secondaryHoverBackground#E0E0E0fe
  • button.separator#FAFAFB00
  • charts.blue#1b1bfffe
  • charts.foreground#585858ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067be
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F6F6F6fe
  • chat.slashCommandBackground#E0E0E0fe
  • chat.slashCommandForeground#585858ce
  • checkbox.background#F6F6F6fe
  • checkbox.border#F6F6F6fe
  • checkbox.foreground#585858ce
  • checkbox.selectBackground#F6F6F6fe
  • checkbox.selectBorder#F6F6F6fe
  • commandCenter.activeBackground#F6D4E681
  • commandCenter.activeBorder#F6F6F6fe
  • commandCenter.activeForeground#565656fe
  • commandCenter.background#E0E0E0fe
  • commandCenter.border#F6F6F6fe
  • commandCenter.foreground#585858ce
  • commandCenter.inactiveBorder#CFCFCF91
  • commandCenter.inactiveForeground#49494965
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FBFBFA00
  • contrastBorder#FBFBFA00
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#585858ce
  • debugConsole.sourceForeground#585858ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#575757fe
  • debugExceptionWidget.background#6700679c
  • debugExceptionWidget.border#F6F6F6fe
  • debugIcon.breakpointCurrentStackframeForeground#3D559Cfe
  • debugIcon.breakpointDisabledForeground#49494965
  • debugIcon.breakpointForeground#8D3B6Afe
  • debugIcon.breakpointStackframeForeground#853F6Bfe
  • debugIcon.breakpointUnverifiedForeground#335F59fe
  • debugIcon.continueForeground#7D4A3Dfe
  • debugIcon.disconnectForeground#445691fe
  • debugIcon.pauseForeground#7B4A36fe
  • debugIcon.restartForeground#465684fe
  • debugIcon.startForeground#575757fe
  • debugIcon.stepBackForeground#764F41fe
  • debugIcon.stepIntoForeground#555933fe
  • debugIcon.stepOutForeground#565C30fe
  • debugIcon.stepOverForeground#735043fe
  • debugIcon.stopForeground#575757fe
  • debugTokenExpression.boolean#1B1D23ca
  • debugTokenExpression.error#232D2Bca
  • debugTokenExpression.name#2B2D23ca
  • debugTokenExpression.number#1D1D1Dca
  • debugTokenExpression.value#1F2128ca
  • debugToolBar.background#670067c3
  • debugToolBar.border#F6F6F6fe
  • debugView.exceptionLabelBackground#FBF6FEca
  • debugView.exceptionLabelForeground#575757ca
  • debugView.stateLabelBackground#BECFFAca
  • debugView.stateLabelForeground#773BA4ca
  • debugView.valueChangedHighlight#27281Fca
  • descriptionForeground#585858ce
  • diffEditor.border#FBFAFA00
  • diffEditor.diagonalFill#000000fe
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#FAFAFA00
  • diffEditor.move.border#FBFAFA00
  • diffEditor.moveActive.border#FBFBFA00
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#FAFAFB00
  • diffEditor.unchangedCodeBackground#E0E0E0fe
  • diffEditor.unchangedRegionBackground#E0E0E0fe
  • diffEditor.unchangedRegionForeground#585858ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#40404065
  • dropdown.background#F6F6F6fe
  • dropdown.border#F6F6F6fe
  • dropdown.foreground#585858ce
  • dropdown.listBackground#F6F6F6fe
  • editor.background#E0E0E0fe
  • editor.findMatchBackground#AE9D96ac
  • editor.findMatchBorder#F6F6F6fe
  • editor.findMatchHighlightBackground#93839Fae
  • editor.findMatchHighlightBorder#F6F6F6fe
  • editor.findRangeHighlightBackground#A3A3A3a1
  • editor.findRangeHighlightBorder#F6F6F6fe
  • editor.focusedStackFrameHighlightBackground#A396AE8b
  • editor.foldBackground#914020a1
  • editor.foreground#585858ce
  • editor.hoverHighlightBackground#AA919Fa1
  • editor.inactiveSelectionBackground#BDBDBD94
  • editor.inlineValuesBackground#E0E0E0fe
  • editor.inlineValuesForeground#585858ce
  • editor.lineHighlightBackground#BDBDBDb4
  • editor.lineHighlightBorder#FAFBFB00
  • editor.linkedEditingBackground#E0E0E0fe
  • editor.rangeHighlightBackground#B3B7C4a2
  • editor.rangeHighlightBorder#F6F6F6fe
  • editor.selectionBackground#9F9F9Fa8
  • editor.selectionForeground#585858ca
  • editor.selectionHighlightBackground#93839F85
  • editor.selectionHighlightBorder#F6F6F6fe
  • editor.snippetFinalTabstopHighlightBackground#96AEAAa9
  • editor.snippetFinalTabstopHighlightBorder#F6F6F6fe
  • editor.snippetTabstopHighlightBackground#C1C4B3a8
  • editor.snippetTabstopHighlightBorder#F6F6F6fe
  • editor.stackFrameHighlightBackground#A6AA91ac
  • editor.symbolHighlightBackground#B9B9B9aa
  • editor.symbolHighlightBorder#F6F6F6fe
  • editor.wordHighlightBackground#AEB19Ba7
  • editor.wordHighlightBorder#FAFBFB00
  • editor.wordHighlightStrongBackground#AEB19Ba1
  • editor.wordHighlightStrongBorder#FBFAFA00
  • editor.wordHighlightTextBackground#B9A4B0a5
  • editor.wordHighlightTextBorder#FBFBFA00
  • editorBracketHighlight.foreground1#0A0A0Ace
  • editorBracketHighlight.foreground2#0A0A0Ace
  • editorBracketHighlight.foreground3#0A0A0Ace
  • editorBracketHighlight.foreground4#0A0A0Ace
  • editorBracketHighlight.foreground5#0A0A0Ace
  • editorBracketHighlight.foreground6#0A0A0Ace
  • editorBracketHighlight.unexpectedBracket.foreground#585858ce
  • editorBracketMatch.background#8C4325ac
  • editorBracketMatch.border#F6F6F6fe
  • editorBracketPairGuide.activeBackground1#525C2185
  • editorBracketPairGuide.activeBackground2#2060588b
  • editorBracketPairGuide.activeBackground3#23418B8e
  • editorBracketPairGuide.activeBackground4#9E256A86
  • editorBracketPairGuide.activeBackground5#24625C86
  • editorBracketPairGuide.activeBackground6#7F1ACE8a
  • editorBracketPairGuide.background1#83ECDDfe
  • editorBracketPairGuide.background2#F4E6FEfe
  • editorBracketPairGuide.background3#F1F9BEfe
  • editorBracketPairGuide.background4#8DEDE4fe
  • editorBracketPairGuide.background5#FDFAFEfe
  • editorBracketPairGuide.background6#FDDFF1fe
  • editorCodeLens.foreground#5555556e
  • editorCommentsWidget.rangeActiveBackground#575757fe
  • editorCommentsWidget.rangeBackground#E0E0E0fe
  • editorCommentsWidget.resolvedBorder#F6F6F6fe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#E0E0E0fe
  • editorCursor.foreground#515151fe
  • editorError.background#FAFBFB00
  • editorError.border#FBFBFA00
  • editorError.foreground#b400b4ce
  • editorGhostText.background#E0E0E0fe
  • editorGhostText.border#FBFAFA00
  • editorGhostText.foreground#5858586e
  • editorGroup.border#F6F6F6fe
  • editorGroup.dropBackground#E0E0E0fe
  • editorGroup.dropIntoPromptBackground#E0E0E0fe
  • editorGroup.dropIntoPromptBorder#F6F6F6fe
  • editorGroup.dropIntoPromptForeground#585858ce
  • editorGroup.emptyBackground#E0E0E0fe
  • editorGroup.focusedEmptyBorder#F6F6F6fe
  • editorGroupHeader.border#FBFAFA00
  • editorGroupHeader.noTabsBackground#F2F2F2ae
  • editorGroupHeader.tabsBackground#E0E0E0a1
  • editorGroupHeader.tabsBorder#FBFAFA00
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#E0E0E0fe
  • editorGutter.commentGlyphForeground#585858ce
  • editorGutter.commentRangeForeground#585858ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#585858ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#FAFAFA00
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#F6F6F6fe
  • editorHoverWidget.border#F6F6F6fe
  • editorHoverWidget.foreground#585858ce
  • editorHoverWidget.highlightForeground#35605Bca
  • editorHoverWidget.statusBarBackground#E0E0E0fe
  • editorIndentGuide.activeBackground1#585858fe
  • editorIndentGuide.activeBackground2#585858fe
  • editorIndentGuide.activeBackground3#585858fe
  • editorIndentGuide.activeBackground4#585858fe
  • editorIndentGuide.activeBackground5#575757fe
  • editorIndentGuide.activeBackground6#585858fe
  • editorIndentGuide.background1#393D4935
  • editorIndentGuide.background2#53475C35
  • editorIndentGuide.background3#493D3935
  • editorIndentGuide.background4#4B405335
  • editorIndentGuide.background5#53475C35
  • editorIndentGuide.background6#584B6135
  • editorInfo.background#FAFAFB00
  • editorInfo.border#FAFBFB00
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#E0E0E0fe
  • editorInlayHint.foreground#585858ce
  • editorInlayHint.parameterBackground#E0E0E0fe
  • editorInlayHint.parameterForeground#585858ce
  • editorInlayHint.typeBackground#E0E0E0fe
  • editorInlayHint.typeForeground#585858ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#676767fe
  • editorLineNumber.dimmedForeground#5858586e
  • editorLineNumber.foreground#5151516e
  • editorLink.activeForeground#4D4D4Dfe
  • editorMarkerNavigation.background#F6F6F6fe
  • editorMarkerNavigationError.background#670067c1
  • editorMarkerNavigationError.headerBackground#670067b2
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#E0E0E0fe
  • editorOverviewRuler.border#F5F5F5fe
  • editorOverviewRuler.bracketMatchForeground#585858ce
  • editorOverviewRuler.commentForeground#5555556e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#585858ce
  • editorOverviewRuler.currentContentForeground#cecece9c
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#3C5595ca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#41539Cca
  • editorOverviewRuler.wordHighlightStrongForeground#585858ce
  • editorOverviewRuler.wordHighlightTextForeground#585858ce
  • editorPane.background#E0E0E0fe
  • editorRuler.foreground#58585835
  • editorStickyScroll.background#E0E0E0fe
  • editorStickyScroll.shadow#F6F5F700
  • editorStickyScrollHover.background#E7E7E7fe
  • editorSuggestWidget.background#F6F6F6fe
  • editorSuggestWidget.border#FAFAFB00
  • editorSuggestWidget.focusHighlightForeground#CC6D4Dfe
  • editorSuggestWidget.foreground#3F549Cfe
  • editorSuggestWidget.highlightForeground#35605Bca
  • editorSuggestWidget.selectedBackground#B19BA88b
  • editorSuggestWidget.selectedForeground#7C4A3Aca
  • editorSuggestWidget.selectedIconForeground#555B31ca
  • editorSuggestWidgetStatus.foreground#365E56fe
  • editorUnicodeHighlight.background#B1A19Ba1
  • editorUnicodeHighlight.border#F6F6F6fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FAFAFB00
  • editorWarning.border#FBFAFA00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#585858ce
  • editorWidget.background#F6F6F6fe
  • editorWidget.border#F6F6F6fe
  • editorWidget.foreground#585858ce
  • editorWidget.resizeBorder#F6F6F6fe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#484848fe
  • extensionBadge.remoteForeground#F2F2F2fe
  • extensionButton.background#DADADAae
  • extensionButton.foreground#585858ce
  • extensionButton.hoverBackground#D8D8D8fe
  • extensionButton.prominentBackground#E0E0E0fe
  • extensionButton.prominentForeground#585858ce
  • extensionButton.prominentHoverBackground#E0E0E0fe
  • extensionButton.separator#FBFAFA00
  • extensionIcon.preReleaseForeground#575B36fe
  • extensionIcon.sponsorForeground#764194fe
  • extensionIcon.starForeground#834265fe
  • extensionIcon.verifiedForeground#585858fe
  • focusBorder#FBFAFA00
  • foreground#585858ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#585858ae
  • inlineChat.background#CAFCF5ca
  • inlineChat.border#FEEEE9ca
  • inlineChat.regionHighlight#1B181Fca
  • inlineChat.shadow#222222ca
  • inlineChatDiff.inserted#1C181Fca
  • inlineChatDiff.removed#1F1A18ca
  • inlineChatInput.background#231D1Bca
  • inlineChatInput.border#F8F8F8ca
  • inlineChatInput.focusBorder#FBFBFA00
  • inlineChatInput.placeholderForeground#575757ca
  • input.background#F6F6F6fe
  • input.border#F6F6F6fe
  • input.foreground#585858ce
  • input.placeholderForeground#49494965
  • inputOption.activeBackground#F6F6F6fe
  • inputOption.activeBorder#F6F6F6fe
  • inputOption.activeForeground#484848fe
  • inputOption.hoverBackground#F6F6F6fe
  • inputValidation.errorBackground#670067b8
  • inputValidation.errorBorder#670067b8
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F6F6F6fe
  • inputValidation.infoForeground#585858ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F6F6F6fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#F6F6F6fe
  • interactive.inactiveCodeBorder#E6E6E695
  • keybindingLabel.background#E0E0E0fe
  • keybindingLabel.border#F6F6F6fe
  • keybindingLabel.bottomBorder#F6F6F6fe
  • keybindingLabel.foreground#585858ce
  • keybindingTable.headerBackground#E0E0E0fe
  • keybindingTable.rowsBackground#E0E0E0fe
  • list.activeSelectionBackground#AA919F83
  • list.activeSelectionForeground#585858ca
  • list.activeSelectionIconForeground#565B32ca
  • list.deemphasizedForeground#585858ce
  • list.dropBackground#E0E0E0fe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#E0E0E0fe
  • list.filterMatchBorder#F6F6F6fe
  • list.focusAndSelectionOutline#FBFBFA00
  • list.focusBackground#CBCBCB96
  • list.focusForeground#6C6C6Cfe
  • list.focusHighlightForeground#D062A4fe
  • list.focusOutline#FBFBFA00
  • list.highlightForeground#575757ca
  • list.hoverBackground#F3F3F3fe
  • list.hoverForeground#676767fe
  • list.inactiveFocusBackground#C2C2C293
  • list.inactiveFocusOutline#FBFBFA00
  • list.inactiveSelectionBackground#F2F2F2ae
  • list.inactiveSelectionForeground#40404065
  • list.inactiveSelectionIconForeground#57575765
  • list.invalidItemForeground#585858ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#E0E0E0fe
  • listFilterWidget.noMatchesOutline#FBFAFA00
  • listFilterWidget.outline#FAFAFB00
  • listFilterWidget.shadow#F6F5F700
  • menu.background#F2F2F2fe
  • menu.border#F6F5F700
  • menu.foreground#585858ae
  • menu.selectionBackground#8A8A8Aae
  • menu.selectionBorder#FAFBFB00
  • menu.selectionForeground#515151fe
  • menu.separatorBackground#E7E7E765
  • menubar.selectionBackground#9F9F9Fac
  • menubar.selectionBorder#FAFAFB00
  • menubar.selectionForeground#5F5F5Ffe
  • merge.border#F6F6F6fe
  • merge.commonContentBackground#E0E0E0fe
  • merge.commonHeaderBackground#E0E0E0fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#E0E0E0fe
  • mergeEditor.change.word.background#E0E0E0fe
  • mergeEditor.changeBase.background#E0E0E0fe
  • mergeEditor.changeBase.word.background#E0E0E0fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F6F6F6fe
  • mergeEditor.conflict.handledUnfocused.border#D7D7D73c
  • mergeEditor.conflict.input1.background#F6F6F6fe
  • mergeEditor.conflict.input2.background#F6F6F6fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b8
  • mergeEditor.conflict.unhandledFocused.border#F6F6F6fe
  • mergeEditor.conflict.unhandledUnfocused.border#D3D3D32d
  • mergeEditor.conflictingLines.background#E0E0E0fe
  • minimap.background#E0E0E0fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0A0Ace
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#7D7D7Dfe
  • minimapSlider.background#B5B5B5ae
  • minimapSlider.hoverBackground#B1B1B1fe
  • notebook.cellBorderColor#F6F6F6fe
  • notebook.cellEditorBackground#E0E0E0fe
  • notebook.cellHoverBackground#E0E0E0fe
  • notebook.cellInsertionIndicator#131313ca
  • notebook.cellStatusBarItemHoverBackground#E0E0E0fe
  • notebook.cellToolbarSeparator#232D2Bca
  • notebook.editorBackground#E0E0E0fe
  • notebook.focusedCellBackground#E0E0E0fe
  • notebook.focusedCellBorder#676767fe
  • notebook.focusedEditorBorder#F6F6F6fe
  • notebook.inactiveFocusedCellBorder#8181818e
  • notebook.inactiveSelectedCellBorder#8585858e
  • notebook.outputContainerBackgroundColor#E0E0E0fe
  • notebook.outputContainerBorderColor#F6F6F6fe
  • notebook.selectedCellBackground#E0E0E0fe
  • notebook.selectedCellBorder#F6F6F6fe
  • notebook.symbolHighlightBackground#E0E0E0fe
  • notebookEditorOverviewRuler.runningCellForeground#585858ce
  • notebookScrollbarSlider.activeBackground#818181fe
  • notebookScrollbarSlider.background#B5B5B5ae
  • notebookScrollbarSlider.hoverBackground#9B9B9Bfe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#774D3Ffe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#F6F6F6fe
  • notificationCenterHeader.background#E0E0E0fe
  • notificationCenterHeader.foreground#585858ce
  • notificationLink.foreground#585858ce
  • notifications.background#E0E0E0fe
  • notifications.border#F6F6F6fe
  • notifications.foreground#585858ce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#6E3EAEfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#F6F6F6fe
  • panel.background#E0E0E0fe
  • panel.border#F6F6F6fe
  • panel.dropBorder#F6F6F6fe
  • panelInput.border#F6F6F6fe
  • panelSection.border#F6F6F6fe
  • panelSection.dropBackground#E0E0E0fe
  • panelSectionHeader.background#E0E0E0fe
  • panelSectionHeader.border#F6F6F6fe
  • panelSectionHeader.foreground#585858ce
  • panelTitle.activeBorder#FBFAFA00
  • panelTitle.activeForeground#878787fe
  • panelTitle.inactiveForeground#88888865
  • peekView.border#878787fe
  • peekViewEditor.background#F6F6F6fe
  • peekViewEditor.matchHighlightBackground#B8AEC083
  • peekViewEditor.matchHighlightBorder#FBFBFA00
  • peekViewEditorGutter.background#F6F6F6fe
  • peekViewEditorStickyScroll.background#E0E0E0fe
  • peekViewResult.background#F2F2F2fe
  • peekViewResult.fileForeground#585858ce
  • peekViewResult.lineForeground#585858ce
  • peekViewResult.matchHighlightBackground#C0AEB883
  • peekViewResult.selectionBackground#BCAFA98b
  • peekViewResult.selectionForeground#365E56ca
  • peekViewTitle.background#F2F2F2fe
  • peekViewTitleDescription.foreground#585858ce
  • peekViewTitleLabel.foreground#585858ce
  • pickerGroup.border#F6F6F6fe
  • pickerGroup.foreground#585858ce
  • ports.iconRunningProcessForeground#773BA4fe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#515151fe
  • profileBadge.foreground#F2F2F2fe
  • progressBar.background#E0E0E0fe
  • quickInput.background#F2F2F2fe
  • quickInput.foreground#585858ae
  • quickInputList.focusBackground#A68D9Ba5
  • quickInputList.focusForeground#5A5A5Afe
  • quickInputList.focusIconForeground#707070fe
  • quickInputTitle.background#F6F6F6fe
  • sash.hoverBorder#F6F6F6fe
  • scrollbar.shadow#FAFBFB00
  • scrollbarSlider.activeBackground#8A8A8Afe
  • scrollbarSlider.background#B9B9B9ae
  • scrollbarSlider.hoverBackground#ACACACfe
  • search.resultsInfoForeground#585858ce
  • searchEditor.findMatchBackground#9B8DA6a3
  • searchEditor.findMatchBorder#F6F6F6fe
  • searchEditor.textInputBorder#F6F6F6fe
  • selection.background#E0E0E0fe
  • settings.checkboxBackground#F6F6F6fe
  • settings.checkboxBorder#F6F6F6fe
  • settings.checkboxForeground#585858ce
  • settings.dropdownBackground#F6F6F6fe
  • settings.dropdownBorder#F6F6F6fe
  • settings.dropdownForeground#585858ce
  • settings.dropdownListBorder#F6F6F6fe
  • settings.focusedRowBackground#B2B5A08c
  • settings.focusedRowBorder#F6F6F6fe
  • settings.headerBorder#F6F6F6fe
  • settings.headerForeground#585858ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F6F6F6fe
  • settings.numberInputBorder#F6F6F6fe
  • settings.numberInputForeground#585858ce
  • settings.rowHoverBackground#E0E0E0fe
  • settings.sashBorder#F6F6F6fe
  • settings.settingsHeaderHoverForeground#5A5A5Afe
  • settings.textInputBackground#F6F6F6fe
  • settings.textInputBorder#F6F6F6fe
  • settings.textInputForeground#585858ce
  • sideBar.background#E0E0E0fe
  • sideBar.border#F6F6F6fe
  • sideBar.dropBackground#E0E0E0fe
  • sideBar.foreground#585858ae
  • sideBarSectionHeader.background#FAFAFB00
  • sideBarSectionHeader.border#F6F6F6fe
  • sideBarSectionHeader.foreground#585858ce
  • sideBarTitle.foreground#585858ce
  • sideBySideEditor.horizontalBorder#F6F6F6fe
  • sideBySideEditor.verticalBorder#F6F6F6fe
  • simpleFindWidget.sashBorder#F6F6F6fe
  • statusBar.background#F2F2F2fe
  • statusBar.border#F6F6F6fe
  • statusBar.debuggingBackground#670067ad
  • statusBar.debuggingBorder#F6F6F6fe
  • statusBar.debuggingForeground#585858ce
  • statusBar.focusBorder#FBFAFA00
  • statusBar.foreground#5151516e
  • statusBar.noFolderBackground#F2F2F2fe
  • statusBar.noFolderBorder#F6F6F6fe
  • statusBar.noFolderForeground#585858ce
  • statusBarItem.activeBackground#F2F2F2fe
  • statusBarItem.compactHoverBackground#F2F2F2fe
  • statusBarItem.errorBackground#670067a1
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067b3
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F6F5F700
  • statusBarItem.hoverBackground#F2F2F2fe
  • statusBarItem.hoverForeground#4D4D4Dfe
  • statusBarItem.offlineBackground#F2F2F2fe
  • statusBarItem.offlineForeground#585858ce
  • statusBarItem.offlineHoverBackground#F2F2F2fe
  • statusBarItem.offlineHoverForeground#676767fe
  • statusBarItem.prominentBackground#F2F2F2fe
  • statusBarItem.prominentForeground#585858ce
  • statusBarItem.prominentHoverBackground#F2F2F2fe
  • statusBarItem.prominentHoverForeground#565656fe
  • statusBarItem.remoteBackground#4D4D4Dfe
  • statusBarItem.remoteForeground#F2F2F2fe
  • statusBarItem.remoteHoverBackground#F2F2F2fe
  • statusBarItem.remoteHoverForeground#515151fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#3F549Cfe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#425691fe
  • symbolIcon.colorForeground#3F549Cfe
  • symbolIcon.constantForeground#415690fe
  • symbolIcon.constructorForeground#834265fe
  • symbolIcon.enumeratorForeground#365E56fe
  • symbolIcon.enumeratorMemberForeground#7B4A36fe
  • symbolIcon.eventForeground#565B32fe
  • symbolIcon.fieldForeground#8F396Afe
  • symbolIcon.fileForeground#784E41fe
  • symbolIcon.folderForeground#41539Cfe
  • symbolIcon.functionForeground#585858fe
  • symbolIcon.interfaceForeground#354442fe
  • symbolIcon.keyForeground#575757fe
  • symbolIcon.keywordForeground#575757fe
  • symbolIcon.methodForeground#575757fe
  • symbolIcon.moduleForeground#834265fe
  • symbolIcon.namespaceForeground#7141A0fe
  • symbolIcon.nullForeground#834265fe
  • symbolIcon.numberForeground#6E3EAEfe
  • symbolIcon.objectForeground#325F58fe
  • symbolIcon.operatorForeground#3A569Bfe
  • symbolIcon.packageForeground#425691fe
  • symbolIcon.propertyForeground#853F6Bfe
  • symbolIcon.referenceForeground#7C4A3Afe
  • symbolIcon.snippetForeground#585858fe
  • symbolIcon.stringForeground#764194fe
  • symbolIcon.structForeground#864169fe
  • symbolIcon.textForeground#316059fe
  • symbolIcon.typeParameterForeground#3B5E58fe
  • symbolIcon.unitForeground#354442fe
  • symbolIcon.variableForeground#415690fe
  • tab.activeBackground#EDEDEDfe
  • tab.activeBorder#FAFAFA00
  • tab.activeBorderTop#878787fe
  • tab.activeForeground#888888fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FBFAFA00
  • tab.hoverBackground#575757fe
  • tab.hoverBorder#F6F6F6fe
  • tab.hoverForeground#636363fe
  • tab.inactiveBackground#FDFDFD9e
  • tab.inactiveForeground#87878765
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F6F6F6fe
  • tab.unfocusedActiveBackground#D7D7D727
  • tab.unfocusedActiveBorder#FBFAFA00
  • tab.unfocusedActiveBorderTop#FDFDFD65
  • tab.unfocusedActiveForeground#4D4D4D65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#585858fe
  • tab.unfocusedHoverBorder#D7D7D725
  • tab.unfocusedHoverForeground#4D4D4D65
  • tab.unfocusedInactiveBackground#C2C2C296
  • tab.unfocusedInactiveForeground#88888865
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b2
  • 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#6700679d
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececebf
  • terminal.ansiYellow#c4a200fe
  • terminal.background#E0E0E0fe
  • terminal.border#F6F6F6fe
  • terminal.dropBackground#E0E0E0fe
  • terminal.findMatchBackground#E0E0E0fe
  • terminal.findMatchBorder#F6F6F6fe
  • terminal.findMatchHighlightBackground#E0E0E0fe
  • terminal.findMatchHighlightBorder#F6F6F6fe
  • terminal.foreground#585858ae
  • terminal.hoverHighlightBackground#E0E0E0fe
  • terminal.inactiveSelectionBackground#C6C6C696
  • terminal.selectionBackground#C4B7B382
  • terminal.selectionForeground#325F58ca
  • terminal.tab.activeBorder#878787fe
  • terminalCommandDecoration.defaultBackground#545D1Fa5
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#E0E0E0fe
  • terminalCursor.foreground#5F5F5Ffe
  • terminalOverviewRuler.cursorForeground#585858ce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b8
  • testing.iconUnset#808080a6
  • testing.message.error.decorationForeground#585858fe
  • testing.message.error.lineBackground#670067b0
  • testing.message.info.decorationForeground#585858fe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#F6F6F6fe
  • testing.peekHeaderBackground#E0E0E0fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#E0E0E0fe
  • textBlockQuote.border#F6F6F6fe
  • textCodeBlock.background#E0E0E0fe
  • textLink.activeForeground#707070fe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#585858ce
  • textSeparator.foreground#585858ce
  • titleBar.activeBackground#F2F2F2fe
  • titleBar.activeForeground#878787ae
  • titleBar.border#F6F5F700
  • titleBar.inactiveBackground#D3D3D3d8
  • titleBar.inactiveForeground#49494965
  • toolbar.activeBackground#E8EFC888
  • toolbar.hoverBackground#E0E0E0fe
  • toolbar.hoverOutline#FBFBFA00
  • tree.inactiveIndentGuidesStroke#745A6935
  • tree.indentGuidesStroke#585858fe
  • tree.tableColumnsBorder#F6F6F6fe
  • tree.tableOddRowsBackground#E0E0E0fe
  • walkThrough.embeddedEditorBackground#E0E0E0fe
  • walkthrough.stepTitle.foreground#585858ce
  • welcomePage.background#E0E0E0fe
  • welcomePage.progress.background#E0E0E0fe
  • welcomePage.progress.foreground#585858ce
  • welcomePage.tileBackground#E0E0E0fe
  • welcomePage.tileBorder#F6F6F6fe
  • welcomePage.tileHoverBackground#E0E0E0fe
  • widget.border#F6F6F6fe
  • widget.shadow#FBFAFA00
  • window.activeBorder#F6F6F6fe
  • window.inactiveBorder#FEFEFE95

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#4E4E4E6e
comment.block.html#4E4E4E6e
comment.block.java#4E4E4E6e
comment.block.javadoc.java#4E4E4E6e
comment.block.powershell#4C4C4C6e
comment.block.xml#4D4D4D6e
comment.line.double-slash.c#4C4C4C6e
comment.line.double-slash.cpp#4D4D4D6e
comment.line.double-slash.java#4E4E4E6e
comment.line.double-slash.js#4D4D4D6e
comment.line.number-sign.makefile#4E4E4E6e
comment.line.number-sign.python#4D4D4D6e
comment.line.number-sign.yaml#4D4D4D6e
comment.line.percentage.erlang#4C4C4C6e
comment.line.powershell#4E4E4E6e
comment.source.cmake#4E4E4E6e
comment.source.cmakecache#4E4E4E6e
constant.character#3E3EA7de
constant.character.character-class.regexp#4D4D4Dde
constant.character.escape#9C0C3Cde
constant.character.set.regexp#45512Fde
constant.language#643444de
constant.numeric#315731de
constant.numeric.dec.python#3D540Fde
constant.other.caps.python#7B0AB5de
constant.other.character-class.regexp#4F335Ede
constant.other.character-class.set.regexp#3D560Bde
constant.other.color.rgb-value#9C0C3Cde
constant.other.placeholder#3D540Fde
constant.other.rgb-value#643444de
constant.regexp#694535de
constant.sha.git-rebase#9D0B3Cde
emphasis#2A442Ade
entity.name.class#444444de
entity.name.function#47532Fde
entity.name.function.preprocessor#9E0A3Cde
entity.name.function.python#3D540Fde
entity.name.label#573E31de
entity.name.namespace#3E550Fde
entity.name.operator#0E5C0Ede
entity.name.operator.custom-literal#643979de
entity.name.scope-resolution#72374Bde
entity.name.tag#3E3EB3de
entity.name.tag.css#3E3EA7de
entity.name.type#512F3Adebold
entity.name.variable#512F3Ade
entity.other.attribute#373772de
entity.other.attribute-name#9C0E3Dde
entity.other.attribute-name.class.css#0E550Ede
entity.other.attribute-name.class.mixin.css#1414FDde
entity.other.attribute-name.id#393979de
entity.other.attribute-name.id.css#36366Bde
entity.other.attribute-name.parent-selector.css#7B3950de
entity.other.attribute-name.pseudo-class.css#4F335Ede
entity.other.attribute-name.pseudo-element.css#3E550Cde
entity.other.attribute-name.scss#3E3EB3de
entity.other.document.begin.yaml#4E4E4E6e
entity.other.inherited-class#1414FDdebold
header#893208de
invalid#3B3B88de
keyword#694635debold
keyword.codetag.notation.python#643979debold
keyword.control#85360Fdebold
keyword.control.anchor.regexp#3E550Edebold
keyword.control.import.python#7A394Ddebold
keyword.operator#3F3F3Fdebold
keyword.operator.alignas#79394Edebold
keyword.operator.alignof#404A2Ddebold
keyword.operator.cast#7B02B8debold
keyword.operator.delete#484848debold
keyword.operator.documentation.powershell#4E4E4E6ebold
keyword.operator.expression#4E4E4Edebold
keyword.operator.instanceof#693A80debold
keyword.operator.logical.python#8A3306debold
keyword.operator.minus.exponent#3E3EB0debold
keyword.operator.negation.regexp#9E0639debold
keyword.operator.new#9C0E3Edebold
keyword.operator.noexcept#3C3C90debold
keyword.operator.or.regexp#7B09B4debold
keyword.operator.plus.exponent#7B394Ddebold
keyword.operator.quantifier.regexp#693A80debold
keyword.operator.sizeof#5E3341debold
keyword.operator.typeid#87340Bdebold
keyword.operator.wordlike#3E560Ddebold
keyword.other.operator#3D3D9Fdebold
keyword.other.package.java#693A87debold
keyword.other.unit#0E5A0Edebold
keyword.other.using#85360Fdebold
markup.bold#3E3EB2de
markup.changed#694635de
markup.deleted#9E0A3Cde
markup.fenced_code.block.markdown#7B08B5de
markup.heading#315631de
markup.inline.raw#4E4E4Ede
markup.inserted#573E31de
markup.italic#7B0DB3de
markup.raw.block.markdown#693A87de
markup.strikethrough#72374Bde
markup.underline#4E4E4Ede
meta.block.c#3E550Fde
meta.block.c#3E3EB3de
meta.class.java#8A3205de
meta.definition.variable.name#9D0B3Cde
meta.diff.header#3D560Bde
meta.embedded#3E3EB5de
meta.embedded.assembly#9C0E3Dde
meta.function-call.arguments.python#85360Fde
meta.function-call.python#4D4D4Dde
meta.member.access.python#7B0CB3de
meta.method.java#45512Fde
meta.object-literal.key#3E550Ede
meta.paragraph.markdown#0E5C0Ede
meta.preprocessor#3E560Ede
meta.preprocessor.numeric#7B02B8de
meta.preprocessor.string#7B3950de
meta.scope.prerequisites.makefile#674635de
meta.structure.dictionary.json.comments#4E4E4E6e
meta.structure.dictionary.key.python#47532Fde
meta.structure.dictionary.value.json.comments#4E4E4E6e
meta.template.expression#3E550Ede
meta.type.cast.expr#283E28de
meta.type.new.expr#315631de
parameter#4E4E4Ede
punctuation.character.set.begin.regexp#7A394Dde
punctuation.character.set.end.regexp#0C4D0Cde
punctuation.definition.array.begin.json#0E5A0Ede
punctuation.definition.character-class.regexp#3B442Ade
punctuation.definition.comment#4E4E4E6e
punctuation.definition.comment.json.comments#4E4E4E6e
punctuation.definition.comment.python#4E4E4E6e
punctuation.definition.dictionary.begin.json#3B3B88de
punctuation.definition.dictionary.end.json#3D3DB5de
punctuation.definition.group.assertion.regexp#3E560Dde
punctuation.definition.group.regexp#3C3C90de
punctuation.definition.list.begin.json#893208de
punctuation.definition.list.begin.markdown#283E28de
punctuation.definition.list.begin.python#9E083Ade
punctuation.definition.list.end.json#5E3341de
punctuation.definition.list.end.markdown#4E4E4Ede
punctuation.definition.list.end.python#0C530Cde
punctuation.definition.parameters.begin.python#7B04B7de
punctuation.definition.parameters.end.bracket.round.java#3E550Cde
punctuation.definition.quote.begin.markdown#873409de
punctuation.definition.tag#79394Ede
punctuation.definition.template-expression.begin#9C0D3Dde
punctuation.definition.template-expression.end#2F512Fde
punctuation.section.class.begin.bracket.curly.java#3E560Dde
punctuation.section.embedded#57313Ede
punctuation.section.embedded.begin.php#0D510Dde
punctuation.section.embedded.end.php#87340Bde
punctuation.terminator.java#88350Cde
source.cmake#3F3F3Fde
source.coffee.embedded#2F512Fde
source.cpp#693A81de
source.css.less#9D0B3Cde
source.groovy.embedded#5A366Bde
source.java#393979de
source.java-properties#893208de
source.json.comments#4E4E4E6e
source.makefile#3C3C90de
source.powershell#8A3306de
source.powershell.variable.other.member#86340Cde
source.python#7B3950de
storage#7D3850de
storage.modifier#893208de
storage.modifier.import.java#4E4E4Ede
storage.modifier.package.java#0F560Fde
storage.type#3D3D9Fdebold
storage.type.annotation.groovy#4D4D4Ddebold
storage.type.annotation.java#7C3950debold
storage.type.boolean.go#83360Fdebold
storage.type.byte.go#3F3F3Fdebold
storage.type.cs#0F5B0Fdebold
storage.type.error.go#5F3772debold
storage.type.generic.cs#5A366Bdebold
storage.type.generic.groovy#83360Fdebold
storage.type.generic.java#3F3F3Fdebold
storage.type.groovy#373772debold
storage.type.java#512F3Adebold
storage.type.modifier.cs#9C0C3Cdebold
storage.type.numeric.go#4E4E4Edebold
storage.type.object.array.groovy#6A3A81debold
storage.type.object.array.java#9E0639debold
storage.type.parameters.groovy#83360Fdebold
storage.type.primitive.array.groovy#7B05B7debold
storage.type.primitive.array.java#4E4E4Edebold
storage.type.primitive.groovy#484848debold
storage.type.primitive.java#83360Fdebold
storage.type.rune.go#5F3772debold
storage.type.string.go#8A3306debold
storage.type.token.java#3E560Edebold
storage.type.uintptr.go#7B3950debold
storage.type.variable.cs#9C0D3Ddebold
string#3C560Ade
string.quoted.docstring.multi.python#4C4C4C6e
string.regexp#4E4E4Ede
string.tag#4A3157de
string.value#9C0D3Dde
strong#664734de
support.class#3E3EA7de
support.constant.color#674635de
support.constant.dom#36366Bde
support.constant.font-name#3D3DB8de
support.constant.handlebars#4D4D4Dde
support.constant.json#4D4D4Dde
support.constant.math#84360Fde
support.constant.media#694535de
support.constant.media-type#3C3C90de
support.constant.property-value#4E4E4Ede
support.function#84360Ede
support.function.git-rebase#9D0B3Cde
support.other.parenthesis.regexp#664734de
support.type#84360Edebold
support.type.property-name#57313Edebold
support.type.vendored.property-name#873409debold
support.variable#643979de
token.debug-token#87340Bde
token.error-token#693A81de
token.info-token#7B0BB3de
token.warn-token#0F5B0Fde
variable#0F5B0Fde
variable.css#7B08B5de
variable.language#0A0AC1de
variable.language.wildcard.java#3B3B88de
variable.other.constant#475330de
variable.other.definition.java#0F5C0Fde
variable.other.enummember#674635de
variable.other.less#4E4E4Ede
variable.other.object.java#4E4E4Ede
variable.other.object.property.java#693A81de
variable.parameter.c#6B3983de
variable.parameter.function.language.python#3E3EA7de
variable.parameter.java#0F5B0Fde
variable.scss#87340Bde
viiv by B.W - VS Code Theme