Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • actionBar.toggledBackground#DCDCDCfe
  • activityBar.activeBackground#DCDCDCfe
  • activityBar.activeBorder#3D3D3Dfe
  • activityBar.activeFocusBorder#9E717100
  • activityBar.background#EDEDEDfe
  • activityBar.border#7777B400
  • activityBar.dropBorder#3D3D3Dfe
  • activityBar.foreground#3D3D3Dfe
  • activityBar.inactiveForeground#41414165
  • activityBarBadge.background#545454fe
  • activityBarBadge.foreground#EDEDEDfe
  • badge.background#585858fe
  • badge.foreground#EDEDEDfe
  • banner.background#DCDCDCfe
  • banner.foreground#353535ce
  • banner.iconForeground#3F3F38fe
  • breadcrumb.activeSelectionForeground#113B3Bca
  • breadcrumb.background#E9E9E9fe
  • breadcrumb.focusForeground#464646fe
  • breadcrumb.foreground#353535ae
  • breadcrumbPicker.background#DCDCDCfe
  • button.background#B1B1B1ae
  • button.border#F6F6F600
  • button.foreground#353535ce
  • button.hoverBackground#A0A0A06e
  • button.secondaryBackground#DCDCDCfe
  • button.secondaryForeground#353535ce
  • button.secondaryHoverBackground#DCDCDCfe
  • button.separator#FAFAFB00
  • charts.blue#1b1bfffe
  • charts.foreground#353535ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ab
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F2F2F2fe
  • chat.slashCommandBackground#DCDCDCfe
  • chat.slashCommandForeground#353535ce
  • checkbox.background#F2F2F2fe
  • checkbox.border#F2F2F2fe
  • checkbox.foreground#353535ce
  • checkbox.selectBackground#F2F2F2fe
  • checkbox.selectBorder#F2F2F2fe
  • commandCenter.activeBackground#C8CACE84
  • commandCenter.activeBorder#F2F2F2fe
  • commandCenter.activeForeground#5D5D5Dfe
  • commandCenter.background#DCDCDCfe
  • commandCenter.border#F2F2F2fe
  • commandCenter.foreground#353535ce
  • commandCenter.inactiveBorder#CACACA95
  • commandCenter.inactiveForeground#46464665
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FBFAFA00
  • contrastBorder#FBFAFA00
  • debugConsole.errorForeground#8E008Ece
  • debugConsole.infoForeground#353535ce
  • debugConsole.sourceForeground#353535ce
  • debugConsole.warningForeground#5C4C00ce
  • debugConsoleInputIcon.foreground#562249fe
  • debugExceptionWidget.background#FFB1FEc5
  • debugExceptionWidget.border#F2F2F2fe
  • debugIcon.breakpointCurrentStackframeForeground#37371Cfe
  • debugIcon.breakpointDisabledForeground#3D3D3D65
  • debugIcon.breakpointForeground#353535fe
  • debugIcon.breakpointStackframeForeground#5B1B4Bfe
  • debugIcon.breakpointUnverifiedForeground#3F3B38fe
  • debugIcon.continueForeground#3F332Bfe
  • debugIcon.disconnectForeground#37371Cfe
  • debugIcon.pauseForeground#36361Efe
  • debugIcon.restartForeground#2C3645fe
  • debugIcon.startForeground#562249fe
  • debugIcon.stepBackForeground#5B1B4Bfe
  • debugIcon.stepIntoForeground#541967fe
  • debugIcon.stepOutForeground#66113Bfe
  • debugIcon.stepOverForeground#39343Bfe
  • debugIcon.stopForeground#353535fe
  • debugTokenExpression.boolean#1C191Bca
  • debugTokenExpression.error#201C1Fca
  • debugTokenExpression.name#201E1Cca
  • debugTokenExpression.number#191A1Cca
  • debugTokenExpression.value#272429ca
  • debugToolBar.background#FFB1FEb5
  • debugToolBar.border#F2F2F2fe
  • debugView.exceptionLabelBackground#CBCBC6ca
  • debugView.exceptionLabelForeground#143659ca
  • debugView.stateLabelBackground#CACACAca
  • debugView.stateLabelForeground#373704ca
  • debugView.valueChangedHighlight#242220ca
  • descriptionForeground#353535ce
  • diffEditor.border#FAFAFB00
  • diffEditor.diagonalFill#000000fd
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#A3D7A5fb
  • diffEditor.insertedTextBorder#F6F6F600
  • diffEditor.move.border#FBFAFA00
  • diffEditor.moveActive.border#FAFAFB00
  • diffEditor.removedLineBackground#FFB8B831
  • diffEditor.removedTextBackground#FFB8B8fb
  • diffEditor.removedTextBorder#F6F6F600
  • diffEditor.unchangedCodeBackground#DCDCDCfe
  • diffEditor.unchangedRegionBackground#DCDCDCfe
  • diffEditor.unchangedRegionForeground#353535ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#46464665
  • dropdown.background#F2F2F2fe
  • dropdown.border#F2F2F2fe
  • dropdown.foreground#353535ce
  • dropdown.listBackground#F2F2F2fe
  • editor.background#DCDCDCfe
  • editor.findMatchBackground#A7A1ABae
  • editor.findMatchBorder#F2F2F2fe
  • editor.findMatchHighlightBackground#A1A4ABa8
  • editor.findMatchHighlightBorder#F2F2F2fe
  • editor.findRangeHighlightBackground#8F9B9Bad
  • editor.findRangeHighlightBorder#F2F2F2fe
  • editor.focusedStackFrameHighlightBackground#ABABA18a
  • editor.foldBackground#5C4955a3
  • editor.foreground#353535ce
  • editor.hoverHighlightBackground#B7B1AEa5
  • editor.inactiveSelectionBackground#CBCBCB99
  • editor.inlineValuesBackground#DCDCDCfe
  • editor.inlineValuesForeground#353535ce
  • editor.lineHighlightBackground#BEBEBEb3
  • editor.lineHighlightBorder#FBFAFA00
  • editor.linkedEditingBackground#DCDCDCfe
  • editor.rangeHighlightBackground#BFB7BCa3
  • editor.rangeHighlightBorder#F2F2F2fe
  • editor.selectionBackground#CFCFC9a3
  • editor.selectionForeground#4F215Eca
  • editor.selectionHighlightBackground#AEB7B786
  • editor.selectionHighlightBorder#F2F2F2fe
  • editor.snippetFinalTabstopHighlightBackground#AAADB3a7
  • editor.snippetFinalTabstopHighlightBorder#F2F2F2fe
  • editor.snippetTabstopHighlightBackground#A0A0A0a5
  • editor.snippetTabstopHighlightBorder#F2F2F2fe
  • editor.stackFrameHighlightBackground#B7AEB4a4
  • editor.symbolHighlightBackground#9F9F93a8
  • editor.symbolHighlightBorder#F2F2F2fe
  • editor.wordHighlightBackground#BFBFB7aa
  • editor.wordHighlightBorder#F6F6F600
  • editor.wordHighlightStrongBackground#ADADADad
  • editor.wordHighlightStrongBorder#FAFAFB00
  • editor.wordHighlightTextBackground#B2B5BBa9
  • editor.wordHighlightTextBorder#FAFAFB00
  • editorBracketHighlight.foreground1#0B0B0Bce
  • editorBracketHighlight.foreground2#0B0B0Bce
  • editorBracketHighlight.foreground3#0B0B0Bce
  • editorBracketHighlight.foreground4#0B0B0Bce
  • editorBracketHighlight.foreground5#0B0B0Bce
  • editorBracketHighlight.foreground6#0B0B0Bce
  • editorBracketHighlight.unexpectedBracket.foreground#353535ce
  • editorBracketMatch.background#6C3787a4
  • editorBracketMatch.border#F2F2F2fe
  • editorBracketPairGuide.activeBackground1#6D339487
  • editorBracketPairGuide.activeBackground2#334C878d
  • editorBracketPairGuide.activeBackground3#67463687
  • editorBracketPairGuide.activeBackground4#584B538c
  • editorBracketPairGuide.activeBackground5#474F5F81
  • editorBracketPairGuide.activeBackground6#30545481
  • editorBracketPairGuide.background1#CEC9D0fe
  • editorBracketPairGuide.background2#CACAC3fe
  • editorBracketPairGuide.background3#CBCBCBfe
  • editorBracketPairGuide.background4#C6CCCCfe
  • editorBracketPairGuide.background5#CBCBC4fe
  • editorBracketPairGuide.background6#D0C9CEfe
  • editorCodeLens.foreground#4E4E4E6e
  • editorCommentsWidget.rangeActiveBackground#4E4E4Efe
  • editorCommentsWidget.rangeBackground#DCDCDCfe
  • editorCommentsWidget.resolvedBorder#F2F2F2fe
  • editorCommentsWidget.unresolvedBorder#FFB8B8cb
  • editorCursor.background#DCDCDCfe
  • editorCursor.foreground#545454fe
  • editorError.background#FAFAFB00
  • editorError.border#FAFBFB00
  • editorError.foreground#8E008Ece
  • editorGhostText.background#DCDCDCfe
  • editorGhostText.border#FAFAFB00
  • editorGhostText.foreground#4E4E4E6e
  • editorGroup.border#F2F2F2fe
  • editorGroup.dropBackground#DCDCDCfe
  • editorGroup.dropIntoPromptBackground#DCDCDCfe
  • editorGroup.dropIntoPromptBorder#F2F2F2fe
  • editorGroup.dropIntoPromptForeground#353535ce
  • editorGroup.emptyBackground#DCDCDCfe
  • editorGroup.focusedEmptyBorder#F2F2F2fe
  • editorGroupHeader.border#FAFAFB00
  • editorGroupHeader.noTabsBackground#EDEDEDae
  • editorGroupHeader.tabsBackground#D8D8D8a1
  • editorGroupHeader.tabsBorder#FBFAFA00
  • editorGutter.addedBackground#1A5A1Efb
  • editorGutter.background#DCDCDCfe
  • editorGutter.commentGlyphForeground#353535ce
  • editorGutter.commentRangeForeground#353535ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5921cb
  • editorGutter.deletedBackground#A00000cb
  • editorGutter.foldingControlForeground#353535ce
  • editorGutter.modifiedBackground#5C4C00ce
  • editorHint.border#FAFAFB00
  • editorHint.foreground#3C00F8ce
  • editorHoverWidget.background#F2F2F2fe
  • editorHoverWidget.border#F2F2F2fe
  • editorHoverWidget.foreground#353535ce
  • editorHoverWidget.highlightForeground#353535ca
  • editorHoverWidget.statusBarBackground#DCDCDCfe
  • editorIndentGuide.activeBackground1#3D3D3Dfe
  • editorIndentGuide.activeBackground2#3D3D3Dfe
  • editorIndentGuide.activeBackground3#3D3D3Dfe
  • editorIndentGuide.activeBackground4#3D3D3Dfe
  • editorIndentGuide.activeBackground5#3D3D3Dfe
  • editorIndentGuide.activeBackground6#3D3D3Dfe
  • editorIndentGuide.background1#545F5F35
  • editorIndentGuide.background2#5F585435
  • editorIndentGuide.background3#685C6435
  • editorIndentGuide.background4#51514835
  • editorIndentGuide.background5#63585F35
  • editorIndentGuide.background6#444D4D35
  • editorInfo.background#FBFBFA00
  • editorInfo.border#FAFBFB00
  • editorInfo.foreground#3C00F8ce
  • editorInlayHint.background#DCDCDCfe
  • editorInlayHint.foreground#353535ce
  • editorInlayHint.parameterBackground#DCDCDCfe
  • editorInlayHint.parameterForeground#353535ce
  • editorInlayHint.typeBackground#DCDCDCfe
  • editorInlayHint.typeForeground#353535ce
  • editorLightBulb.foreground#5C4C00ce
  • editorLightBulbAutoFix.foreground#1F5921cb
  • editorLineNumber.activeForeground#464646fe
  • editorLineNumber.dimmedForeground#4E4E4E6e
  • editorLineNumber.foreground#4E4E4E6e
  • editorLink.activeForeground#545454fe
  • editorMarkerNavigation.background#F2F2F2fe
  • editorMarkerNavigationError.background#FFB1FEb7
  • editorMarkerNavigationError.headerBackground#FFB1FEab
  • editorMarkerNavigationInfo.background#C5C5FEfe
  • editorMarkerNavigationInfo.headerBackground#C5C5FEfe
  • editorMarkerNavigationWarning.background#EFC600fe
  • editorMarkerNavigationWarning.headerBackground#EFC600fe
  • editorOverviewRuler.addedForeground#1F5921cb
  • editorOverviewRuler.background#DCDCDCfe
  • editorOverviewRuler.border#CACACAfe
  • editorOverviewRuler.bracketMatchForeground#353535ce
  • editorOverviewRuler.commentForeground#4E4E4E6e
  • editorOverviewRuler.commentUnresolvedForeground#1F5921cb
  • editorOverviewRuler.commonContentForeground#353535ce
  • editorOverviewRuler.currentContentForeground#4E4E4Ec9
  • editorOverviewRuler.deletedForeground#A00000cb
  • editorOverviewRuler.errorForeground#8E008Ece
  • editorOverviewRuler.findMatchForeground#005858ce
  • editorOverviewRuler.incomingContentForeground#1F5921cb
  • editorOverviewRuler.infoForeground#3C00F8ce
  • editorOverviewRuler.modifiedForeground#5C4C00ce
  • editorOverviewRuler.rangeHighlightForeground#4F283Fca
  • editorOverviewRuler.selectionHighlightForeground#3C00F8ce
  • editorOverviewRuler.warningForeground#5C4C00ce
  • editorOverviewRuler.wordHighlightForeground#562249ca
  • editorOverviewRuler.wordHighlightStrongForeground#353535ce
  • editorOverviewRuler.wordHighlightTextForeground#353535ce
  • editorPane.background#DCDCDCfe
  • editorRuler.foreground#4E4E4E30
  • editorStickyScroll.background#DCDCDCfe
  • editorStickyScrollHover.background#CACACA6e
  • editorSuggestWidget.background#F2F2F2fe
  • editorSuggestWidget.border#FAFBFB00
  • editorSuggestWidget.focusHighlightForeground#3D3D3Dfe
  • editorSuggestWidget.foreground#2C3645fe
  • editorSuggestWidget.highlightForeground#37370Cca
  • editorSuggestWidget.selectedBackground#ABA5AF8b
  • editorSuggestWidget.selectedForeground#4F215Eca
  • editorSuggestWidget.selectedIconForeground#562249ca
  • editorSuggestWidgetStatus.foreground#383F3Ffe
  • editorUnicodeHighlight.background#98A3A3ac
  • editorUnicodeHighlight.border#F2F2F2fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FAFBFB00
  • editorWarning.border#FAFAFB00
  • editorWarning.foreground#5C4C00ce
  • editorWhitespace.foreground#353535ce
  • editorWidget.background#F2F2F2fe
  • editorWidget.border#F2F2F2fe
  • editorWidget.foreground#353535ce
  • editorWidget.resizeBorder#F2F2F2fe
  • errorForeground#8E008Ece
  • extensionBadge.remoteBackground#464646fe
  • extensionBadge.remoteForeground#EDEDEDfe
  • extensionButton.background#CACACAae
  • extensionButton.foreground#353535ce
  • extensionButton.hoverBackground#CACACA6e
  • extensionButton.prominentBackground#DCDCDCfe
  • extensionButton.prominentForeground#353535ce
  • extensionButton.prominentHoverBackground#DCDCDCfe
  • extensionButton.separator#FBFAFA00
  • extensionIcon.preReleaseForeground#46275Bfe
  • extensionIcon.sponsorForeground#3F3F38fe
  • extensionIcon.starForeground#363630fe
  • extensionIcon.verifiedForeground#353535fe
  • focusBorder#FAFBFB00
  • foreground#353535ce
  • gitDecoration.addedResourceForeground#1F5921cb
  • gitDecoration.deletedResourceForeground#A00000cb
  • gitDecoration.modifiedResourceForeground#5C4C00ce
  • gitDecoration.renamedResourceForeground#3C00F8ce
  • gitDecoration.stageDeletedResourceForeground#A00000cb
  • gitDecoration.stageModifiedResourceForeground#1F5921cb
  • gitDecoration.untrackedResourceForeground#005858ce
  • icon.foreground#4E4E4Eae
  • inlineChat.background#CBCBC5ca
  • inlineChat.border#C9CCCFca
  • inlineChat.regionHighlight#161616ca
  • inlineChat.shadow#171615ca
  • inlineChatDiff.inserted#1C2020ca
  • inlineChatDiff.removed#242420ca
  • inlineChatInput.background#232024ca
  • inlineChatInput.border#C9CBCEca
  • inlineChatInput.focusBorder#FAFAFB00
  • inlineChatInput.placeholderForeground#611548ca
  • input.background#F2F2F2fe
  • input.border#F2F2F2fe
  • input.foreground#353535ce
  • input.placeholderForeground#41414165
  • inputOption.activeBackground#F2F2F2fe
  • inputOption.activeBorder#F2F2F2fe
  • inputOption.activeForeground#585858fe
  • inputOption.hoverBackground#F2F2F2fe
  • inputValidation.errorBackground#6700679c
  • inputValidation.errorBorder#FFB1FEc3
  • inputValidation.errorForeground#8E008Ece
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F2F2F2fe
  • inputValidation.infoForeground#353535ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F2F2F2fe
  • inputValidation.warningForeground#5C4C00ce
  • interactive.activeCodeBorder#F2F2F2fe
  • interactive.inactiveCodeBorder#CACACA9b
  • keybindingLabel.background#DCDCDCfe
  • keybindingLabel.border#F2F2F2fe
  • keybindingLabel.bottomBorder#F2F2F2fe
  • keybindingLabel.foreground#353535ce
  • keybindingTable.headerBackground#DCDCDCfe
  • keybindingTable.rowsBackground#DCDCDCfe
  • list.activeSelectionBackground#BFBFB784
  • list.activeSelectionForeground#193A3Aca
  • list.activeSelectionIconForeground#373715ca
  • list.deemphasizedForeground#353535ce
  • list.dropBackground#DCDCDCfe
  • list.errorForeground#8E008Ece
  • list.filterMatchBackground#DCDCDCfe
  • list.filterMatchBorder#F2F2F2fe
  • list.focusAndSelectionOutline#FBFAFA00
  • list.focusBackground#C7C7C796
  • list.focusForeground#464646fe
  • list.focusHighlightForeground#3F3F1Bfe
  • list.focusOutline#FAFBFB00
  • list.highlightForeground#193A3Aca
  • list.hoverBackground#CBCBC4a6
  • list.hoverForeground#6F6F6Ffe
  • list.inactiveFocusBackground#C2C2C297
  • list.inactiveFocusOutline#FAFAFB00
  • list.inactiveSelectionBackground#EDEDEDae
  • list.inactiveSelectionForeground#46464665
  • list.inactiveSelectionIconForeground#41414165
  • list.invalidItemForeground#353535ce
  • list.warningForeground#5C4C00ce
  • listFilterWidget.background#DCDCDCfe
  • listFilterWidget.noMatchesOutline#FBFBFA00
  • listFilterWidget.outline#FBFAFA00
  • listFilterWidget.shadow#F6F6F600
  • menu.background#EDEDEDfe
  • menu.border#FAFAFB00
  • menu.foreground#353535ae
  • menu.selectionBackground#C3C3BBae
  • menu.selectionBorder#F6F6F600
  • menu.selectionForeground#4F4F4Ffe
  • menu.separatorBackground#CBCBCB65
  • menubar.selectionBackground#C3C3BBaa
  • menubar.selectionBorder#FBFBFA00
  • menubar.selectionForeground#4B4B4Bfe
  • merge.border#F2F2F2fe
  • merge.commonContentBackground#DCDCDCfe
  • merge.commonHeaderBackground#DCDCDCfe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#A3D7A5fb
  • merge.incomingContentBackground#A2D7A4cb
  • merge.incomingHeaderBackground#A3D7A5fb
  • mergeEditor.change.background#DCDCDCfe
  • mergeEditor.change.word.background#DCDCDCfe
  • mergeEditor.changeBase.background#DCDCDCfe
  • mergeEditor.changeBase.word.background#DCDCDCfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F2F2F2fe
  • mergeEditor.conflict.handledUnfocused.border#CFCFCF36
  • mergeEditor.conflict.input1.background#F2F2F2fe
  • mergeEditor.conflict.input2.background#F2F2F2fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c6
  • mergeEditor.conflict.unhandledFocused.border#F2F2F2fe
  • mergeEditor.conflict.unhandledUnfocused.border#D4D4D422
  • mergeEditor.conflictingLines.background#DCDCDCfe
  • minimap.background#DCDCDCfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0B0B0Bce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5A1Efb
  • minimapGutter.deletedBackground#A20000fb
  • minimapGutter.modifiedBackground#5C4C00ce
  • minimapSlider.activeBackground#828282fe
  • minimapSlider.background#ADADADae
  • minimapSlider.hoverBackground#9797976e
  • notebook.cellBorderColor#F2F2F2fe
  • notebook.cellEditorBackground#DCDCDCfe
  • notebook.cellHoverBackground#DCDCDCfe
  • notebook.cellInsertionIndicator#171715ca
  • notebook.cellStatusBarItemHoverBackground#DCDCDCfe
  • notebook.cellToolbarSeparator#202224ca
  • notebook.editorBackground#DCDCDCfe
  • notebook.focusedCellBackground#DCDCDCfe
  • notebook.focusedCellBorder#616161fe
  • notebook.focusedEditorBorder#F2F2F2fe
  • notebook.inactiveFocusedCellBorder#8686868e
  • notebook.inactiveSelectedCellBorder#8686868e
  • notebook.outputContainerBackgroundColor#DCDCDCfe
  • notebook.outputContainerBorderColor#F2F2F2fe
  • notebook.selectedCellBackground#DCDCDCfe
  • notebook.selectedCellBorder#F2F2F2fe
  • notebook.symbolHighlightBackground#DCDCDCfe
  • notebookEditorOverviewRuler.runningCellForeground#353535ce
  • notebookScrollbarSlider.activeBackground#868686fe
  • notebookScrollbarSlider.background#B1B1B1ae
  • notebookScrollbarSlider.hoverBackground#9393936e
  • notebookStatusErrorIcon.foreground#8E008Ece
  • notebookStatusRunningIcon.foreground#44311Ffe
  • notebookStatusSuccessIcon.foreground#1F5921cb
  • notificationCenter.border#F2F2F2fe
  • notificationCenterHeader.background#DCDCDCfe
  • notificationCenterHeader.foreground#353535ce
  • notificationLink.foreground#353535ce
  • notifications.background#DCDCDCfe
  • notifications.border#F2F2F2fe
  • notifications.foreground#353535ce
  • notificationsErrorIcon.foreground#8E008Ece
  • notificationsInfoIcon.foreground#442C4Afe
  • notificationsWarningIcon.foreground#5C4C00ce
  • notificationToast.border#F2F2F2fe
  • panel.background#DCDCDCfe
  • panel.border#F2F2F2fe
  • panel.dropBorder#F2F2F2fe
  • panelInput.border#F2F2F2fe
  • panelSection.border#F2F2F2fe
  • panelSection.dropBackground#DCDCDCfe
  • panelSectionHeader.background#DCDCDCfe
  • panelSectionHeader.border#F2F2F2fe
  • panelSectionHeader.foreground#353535ce
  • panelTitle.activeBorder#FBFAFA00
  • panelTitle.activeForeground#3D3D3Dfe
  • panelTitle.inactiveForeground#3D3D3D65
  • peekView.border#3D3D3Dfe
  • peekViewEditor.background#F2F2F2fe
  • peekViewEditor.matchHighlightBackground#B2BBBB88
  • peekViewEditor.matchHighlightBorder#FAFAFB00
  • peekViewEditorGutter.background#F2F2F2fe
  • peekViewEditorStickyScroll.background#DCDCDCfe
  • peekViewResult.background#EDEDEDfe
  • peekViewResult.fileForeground#353535ce
  • peekViewResult.lineForeground#353535ce
  • peekViewResult.matchHighlightBackground#B7BABF83
  • peekViewResult.selectionBackground#9F97938c
  • peekViewResult.selectionForeground#37370Cca
  • peekViewTitle.background#EDEDEDfe
  • peekViewTitleDescription.foreground#353535ce
  • peekViewTitleLabel.foreground#353535ce
  • pickerGroup.border#F2F2F2fe
  • pickerGroup.foreground#353535ce
  • ports.iconRunningProcessForeground#2F3541fe
  • problemsErrorIcon.foreground#8E008Ece
  • problemsInfoIcon.foreground#3C00F8ce
  • problemsWarningIcon.foreground#5C4C00ce
  • profileBadge.background#545454fe
  • profileBadge.foreground#EDEDEDfe
  • progressBar.background#DCDCDCfe
  • quickInput.background#EDEDEDfe
  • quickInput.foreground#353535ae
  • quickInputList.focusBackground#ABA4A1a7
  • quickInputList.focusForeground#4B4B4Bfe
  • quickInputList.focusIconForeground#585858fe
  • quickInputTitle.background#F2F2F2fe
  • sash.hoverBorder#F2F2F2fe
  • scrollbar.shadow#FBFAFA00
  • scrollbarSlider.activeBackground#797979fe
  • scrollbarSlider.background#B1B1B1ae
  • scrollbarSlider.hoverBackground#9C9C9C6e
  • search.resultsInfoForeground#353535ce
  • searchEditor.findMatchBackground#8F939Ba4
  • searchEditor.findMatchBorder#F2F2F2fe
  • searchEditor.textInputBorder#F2F2F2fe
  • selection.background#DCDCDCfe
  • settings.checkboxBackground#F2F2F2fe
  • settings.checkboxBorder#F2F2F2fe
  • settings.checkboxForeground#353535ce
  • settings.dropdownBackground#F2F2F2fe
  • settings.dropdownBorder#F2F2F2fe
  • settings.dropdownForeground#353535ce
  • settings.dropdownListBorder#F2F2F2fe
  • settings.focusedRowBackground#989BA388
  • settings.focusedRowBorder#F2F2F2fe
  • settings.headerBorder#F2F2F2fe
  • settings.headerForeground#353535ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F2F2F2fe
  • settings.numberInputBorder#F2F2F2fe
  • settings.numberInputForeground#353535ce
  • settings.rowHoverBackground#DCDCDCfe
  • settings.sashBorder#F2F2F2fe
  • settings.settingsHeaderHoverForeground#616161fe
  • settings.textInputBackground#F2F2F2fe
  • settings.textInputBorder#F2F2F2fe
  • settings.textInputForeground#353535ce
  • sideBar.background#DCDCDCfe
  • sideBar.border#F2F2F2fe
  • sideBar.dropBackground#DCDCDCfe
  • sideBar.foreground#4E4E4Eae
  • sideBarSectionHeader.background#F6F6F600
  • sideBarSectionHeader.border#F2F2F2fe
  • sideBarSectionHeader.foreground#353535ce
  • sideBarTitle.foreground#353535ce
  • sideBySideEditor.horizontalBorder#F2F2F2fe
  • sideBySideEditor.verticalBorder#F2F2F2fe
  • simpleFindWidget.sashBorder#F2F2F2fe
  • statusBar.background#EDEDEDfe
  • statusBar.border#F2F2F2fe
  • statusBar.debuggingBackground#FFB1FEa3
  • statusBar.debuggingBorder#F2F2F2fe
  • statusBar.debuggingForeground#353535ce
  • statusBar.focusBorder#FAFAFB00
  • statusBar.foreground#4E4E4E6e
  • statusBar.noFolderBackground#EDEDEDfe
  • statusBar.noFolderBorder#F2F2F2fe
  • statusBar.noFolderForeground#353535ce
  • statusBarItem.activeBackground#EDEDEDfe
  • statusBarItem.compactHoverBackground#EDEDEDfe
  • statusBarItem.errorBackground#FFB1FEc3
  • statusBarItem.errorForeground#8E008Ece
  • statusBarItem.errorHoverBackground#FFB1FEc4
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFAFB00
  • statusBarItem.hoverBackground#EDEDEDfe
  • statusBarItem.hoverForeground#656565fe
  • statusBarItem.offlineBackground#EDEDEDfe
  • statusBarItem.offlineForeground#353535ce
  • statusBarItem.offlineHoverBackground#EDEDEDfe
  • statusBarItem.offlineHoverForeground#656565fe
  • statusBarItem.prominentBackground#EDEDEDfe
  • statusBarItem.prominentForeground#353535ce
  • statusBarItem.prominentHoverBackground#EDEDEDfe
  • statusBarItem.prominentHoverForeground#545454fe
  • statusBarItem.remoteBackground#6F6F6Ffe
  • statusBarItem.remoteForeground#EDEDEDfe
  • statusBarItem.remoteHoverBackground#EDEDEDfe
  • statusBarItem.remoteHoverForeground#585858fe
  • statusBarItem.warningBackground#EFC600fe
  • statusBarItem.warningForeground#5C4C00ce
  • statusBarItem.warningHoverBackground#EFC600fe
  • statusBarItem.warningHoverForeground#947A00ce
  • symbolIcon.arrayForeground#353535fe
  • symbolIcon.booleanForeground#005858ce
  • symbolIcon.classForeground#363627fe
  • symbolIcon.colorForeground#1B3B3Bfe
  • symbolIcon.constantForeground#3C332Efe
  • symbolIcon.constructorForeground#423228fe
  • symbolIcon.enumeratorForeground#363630fe
  • symbolIcon.enumeratorMemberForeground#422F3Cfe
  • symbolIcon.eventForeground#23374Afe
  • symbolIcon.fieldForeground#1B3B3Bfe
  • symbolIcon.fileForeground#353535fe
  • symbolIcon.folderForeground#353535fe
  • symbolIcon.functionForeground#363627fe
  • symbolIcon.interfaceForeground#353535fe
  • symbolIcon.keyForeground#44311Ffe
  • symbolIcon.keywordForeground#143659fe
  • symbolIcon.methodForeground#541967fe
  • symbolIcon.moduleForeground#353535fe
  • symbolIcon.namespaceForeground#413223fe
  • symbolIcon.nullForeground#423228fe
  • symbolIcon.numberForeground#353535fe
  • symbolIcon.objectForeground#3D383Ffe
  • symbolIcon.operatorForeground#193A3Afe
  • symbolIcon.packageForeground#353535fe
  • symbolIcon.propertyForeground#343B3Bfe
  • symbolIcon.referenceForeground#243939fe
  • symbolIcon.snippetForeground#493017fe
  • symbolIcon.stringForeground#3F3F38fe
  • symbolIcon.structForeground#3B3B34fe
  • symbolIcon.textForeground#66113Bfe
  • symbolIcon.typeParameterForeground#4F283Ffe
  • symbolIcon.unitForeground#373704fe
  • symbolIcon.variableForeground#36361Efe
  • tab.activeBackground#E9E9E9fe
  • tab.activeBorder#FBFAFA00
  • tab.activeBorderTop#3D3D3Dfe
  • tab.activeForeground#3D3D3Dfe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FBFAFA00
  • tab.hoverBackground#4F4F37a6
  • tab.hoverBorder#F2F2F2fe
  • tab.hoverForeground#464646fe
  • tab.inactiveBackground#CACACA9a
  • tab.inactiveForeground#41414165
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F2F2F2fe
  • tab.unfocusedActiveBackground#CFCFCF3e
  • tab.unfocusedActiveBorder#FBFBFA00
  • tab.unfocusedActiveBorderTop#CBCBCB65
  • tab.unfocusedActiveForeground#41414165
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#4E4E4E23
  • tab.unfocusedHoverBorder#CFCFCF3a
  • tab.unfocusedHoverForeground#46464665
  • tab.unfocusedInactiveBackground#CBCBCB98
  • tab.unfocusedInactiveForeground#3D3D3D65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#3333339e
  • 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#6700679e
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecece9a
  • terminal.ansiYellow#c4a200fe
  • terminal.background#DCDCDCfe
  • terminal.border#F2F2F2fe
  • terminal.dropBackground#DCDCDCfe
  • terminal.findMatchBackground#DCDCDCfe
  • terminal.findMatchBorder#F2F2F2fe
  • terminal.findMatchHighlightBackground#DCDCDCfe
  • terminal.findMatchHighlightBorder#F2F2F2fe
  • terminal.foreground#4E4E4Eae
  • terminal.hoverHighlightBackground#DCDCDCfe
  • terminal.inactiveSelectionBackground#C7C7C798
  • terminal.selectionBackground#9B938F83
  • terminal.selectionForeground#522B18ca
  • terminal.tab.activeBorder#3D3D3Dfe
  • terminalCommandDecoration.defaultBackground#365353a9
  • terminalCommandDecoration.errorBackground#A00000cb
  • terminalCommandDecoration.successBackground#1F5921cb
  • terminalCursor.background#DCDCDCfe
  • terminalCursor.foreground#545454fe
  • terminalOverviewRuler.cursorForeground#353535ce
  • terminalOverviewRuler.findMatchForeground#005858ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a3
  • testing.iconUnset#808080b5
  • testing.message.error.decorationForeground#4E4E4Efe
  • testing.message.error.lineBackground#FFB1FEb1
  • testing.message.info.decorationForeground#4E4E4Efe
  • testing.message.info.lineBackground#C5C5FEfe
  • testing.peekBorder#F2F2F2fe
  • testing.peekHeaderBackground#DCDCDCfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#DCDCDCfe
  • textBlockQuote.border#F2F2F2fe
  • textCodeBlock.background#DCDCDCfe
  • textLink.activeForeground#585858fe
  • textLink.foreground#3C00F8ce
  • textPreformat.foreground#353535ce
  • textSeparator.foreground#353535ce
  • titleBar.activeBackground#EDEDEDfe
  • titleBar.activeForeground#3D3D3Dae
  • titleBar.border#F6F6F600
  • titleBar.inactiveBackground#CBCBCBd1
  • titleBar.inactiveForeground#46464665
  • toolbar.activeBackground#CACAC38a
  • toolbar.hoverBackground#DCDCDCfe
  • toolbar.hoverOutline#F6F6F600
  • tree.inactiveIndentGuidesStroke#5F545B35
  • tree.indentGuidesStroke#4E4E4Efe
  • tree.tableColumnsBorder#F2F2F2fe
  • tree.tableOddRowsBackground#DCDCDCfe
  • walkThrough.embeddedEditorBackground#DCDCDCfe
  • walkthrough.stepTitle.foreground#353535ce
  • welcomePage.background#DCDCDCfe
  • welcomePage.progress.background#DCDCDCfe
  • welcomePage.progress.foreground#353535ce
  • welcomePage.tileBackground#DCDCDCfe
  • welcomePage.tileBorder#F2F2F2fe
  • welcomePage.tileHoverBackground#DCDCDCfe
  • widget.border#F2F2F2fe
  • widget.shadow#FBFAFA00
  • window.activeBorder#F2F2F2fe
  • window.inactiveBorder#CACACA98

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#2E2E2E6e
comment.block.html#2E2E2E6e
comment.block.java#2E2E2E6e
comment.block.javadoc.java#2E2E2E6e
comment.block.powershell#2E2E2E6e
comment.block.xml#2E2E2E6e
comment.line.double-slash.c#2E2E2E6e
comment.line.double-slash.cpp#2E2E2E6e
comment.line.double-slash.java#2E2E2E6e
comment.line.double-slash.js#2E2E2E6e
comment.line.number-sign.makefile#2E2E2E6e
comment.line.number-sign.python#2E2E2E6e
comment.line.number-sign.yaml#2E2E2E6e
comment.line.percentage.erlang#2E2E2E6e
comment.line.powershell#2E2E2E6e
comment.source.cmake#2E2E2E6e
comment.source.cmakecache#2E2E2E6e
constant.character#264638de
constant.character.character-class.regexp#362A54de
constant.character.escape#052C61de
constant.character.set.regexp#303030de
constant.language#332458de
constant.numeric#134E35de
constant.numeric.dec.python#0D4F32de
constant.other.caps.python#462626de
constant.other.character-class.regexp#143327de
constant.other.character-class.set.regexp#2E2E2Ede
constant.other.color.rgb-value#2E2E2Ede
constant.other.placeholder#194F11de
constant.other.rgb-value#343434de
constant.regexp#303030de
constant.sha.git-rebase#114E34de
emphasis#28384Dde
entity.name.class#21331Ede
entity.name.function#184F0Fde
entity.name.function.preprocessor#332458de
entity.name.function.python#194F11de
entity.name.label#531B1Bde
entity.name.namespace#581616de
entity.name.operator#442239de
entity.name.operator.custom-literal#48213Cde
entity.name.scope-resolution#4D2842de
entity.name.tag#54133Ede
entity.name.tag.css#4D2828de
entity.name.type#682F58debold
entity.name.variable#3C2D61de
entity.other.attribute#342163de
entity.other.attribute-name#3F2F68de
entity.other.attribute-name.class.css#32284Dde
entity.other.attribute-name.class.mixin.css#322654de
entity.other.attribute-name.id#682F58de
entity.other.attribute-name.id.css#122E52de
entity.other.attribute-name.parent-selector.css#2E2E2Ede
entity.other.attribute-name.pseudo-class.css#1D4F14de
entity.other.attribute-name.pseudo-element.css#5C1111de
entity.other.attribute-name.scss#462424de
entity.other.document.begin.yaml#2E2E2E6e
entity.other.inherited-class#2E2E2Ede
header#612D2Dde
invalid#194F11de
keyword#4F1F1Fdebold
keyword.codetag.notation.python#551242debold
keyword.control#682F2Fdebold
keyword.control.anchor.regexp#551242debold
keyword.control.import.python#0F4E33debold
keyword.operator#612D52debold
keyword.operator.alignas#2E2E2Edebold
keyword.operator.alignof#682F2Fdebold
keyword.operator.cast#213A2Fdebold
keyword.operator.delete#542A48debold
keyword.operator.documentation.powershell#2E2E2E6ebold
keyword.operator.expression#581616debold
keyword.operator.instanceof#414141debold
keyword.operator.logical.python#343434debold
keyword.operator.minus.exponent#4B2121debold
keyword.operator.negation.regexp#163326debold
keyword.operator.new#322654debold
keyword.operator.noexcept#193416debold
keyword.operator.or.regexp#481F3Cdebold
keyword.operator.plus.exponent#193514debold
keyword.operator.quantifier.regexp#4F1F1Fdebold
keyword.operator.sizeof#2A3C54debold
keyword.operator.typeid#5C1111debold
keyword.operator.wordlike#392C5Adebold
keyword.other.operator#1B2F4Adebold
keyword.other.package.java#004194debold
keyword.other.unit#3F2F68debold
keyword.other.using#023520debold
markup.bold#54133Ede
markup.changed#143327de
markup.deleted#342163de
markup.fenced_code.block.markdown#472323de
markup.heading#5B0544de
markup.inline.raw#0B3605de
markup.inserted#114E34de
markup.italic#143527de
markup.raw.block.markdown#264638de
markup.strikethrough#5B0544de
markup.underline#5A2C4Dde
meta.block.c#5A2C4Dde
meta.block.c#30284Cde
meta.class.java#2E2E2Ede
meta.definition.variable.name#2E2E2Ede
meta.diff.header#612D2Dde
meta.embedded#172E4Dde
meta.embedded.assembly#341D6Bde
meta.function-call.arguments.python#2E2E2Ede
meta.function-call.python#342163de
meta.member.access.python#193416de
meta.method.java#4D2828de
meta.object-literal.key#243A21de
meta.paragraph.markdown#48213Cde
meta.preprocessor#30284Cde
meta.preprocessor.numeric#193416de
meta.preprocessor.string#414141de
meta.scope.prerequisites.makefile#004194de
meta.structure.dictionary.json.comments#2E2E2E6e
meta.structure.dictionary.key.python#1D4F14de
meta.structure.dictionary.value.json.comments#2E2E2E6e
meta.template.expression#5A2C2Cde
meta.type.cast.expr#392C5Adebold
meta.type.new.expr#542A2Adebold
parameter#193514de
punctuation.character.set.begin.regexp#143327de
punctuation.character.set.end.regexp#052C61de
punctuation.definition.array.begin.json#2A3C54de
punctuation.definition.character-class.regexp#263446de
punctuation.definition.comment#2E2E2E6e
punctuation.definition.comment.json.comments#2E2E2E6e
punctuation.definition.comment.python#2E2E2E6e
punctuation.definition.dictionary.begin.json#184F0Fde
punctuation.definition.dictionary.end.json#232F40de
punctuation.definition.group.assertion.regexp#263446de
punctuation.definition.group.regexp#264638de
punctuation.definition.list.begin.json#2B0194de
punctuation.definition.list.begin.markdown#2A3C54de
punctuation.definition.list.begin.python#134E35de
punctuation.definition.list.end.json#4F1F1Fde
punctuation.definition.list.end.markdown#053521de
punctuation.definition.list.end.python#5C1111de
punctuation.definition.parameters.begin.python#2E2E2Ede
punctuation.definition.parameters.end.bracket.round.java#3C2D61de
punctuation.definition.quote.begin.markdown#4D1B3Fde
punctuation.definition.tag#0D4F32de
punctuation.definition.template-expression.begin#143527de
punctuation.definition.template-expression.end#322654de
punctuation.section.class.begin.bracket.curly.java#143527de
punctuation.section.embedded#274023de
punctuation.section.embedded.begin.php#542A48de
punctuation.section.embedded.end.php#542A48de
punctuation.terminator.java#2A0790de
source.cmake#392C5Ade
source.coffee.embedded#303030de
source.cpp#32284Dde
source.css.less#143327de
source.groovy.embedded#362A54de
source.java#51173Ede
source.java-properties#004194de
source.json.comments#2E2E2E6e
source.makefile#263446de
source.powershell#114E34de
source.powershell.variable.other.member#2E2E2Ede
source.python#154E36de
storage#264638de
storage.modifier#142E4Fde
storage.modifier.import.java#5A2C2Cde
storage.modifier.package.java#053521de
storage.type#1F2E45debold
storage.type.annotation.groovy#4D2828debold
storage.type.annotation.java#1B2F4Adebold
storage.type.boolean.go#3D3D3Ddebold
storage.type.byte.go#053601debold
storage.type.cs#172E4Ddebold
storage.type.error.go#2E2E2Edebold
storage.type.generic.cs#2D4461debold
storage.type.generic.groovy#243A21debold
storage.type.generic.java#193514debold
storage.type.groovy#15500Cdebold
storage.type.java#143527debold
storage.type.modifier.cs#194F11debold
storage.type.numeric.go#0D4F32debold
storage.type.object.array.groovy#232F40debold
storage.type.object.array.java#193416debold
storage.type.parameters.groovy#462424debold
storage.type.primitive.array.groovy#5A2C2Cdebold
storage.type.primitive.array.java#54133Edebold
storage.type.primitive.groovy#2E2E2Edebold
storage.type.primitive.java#0B3605debold
storage.type.rune.go#154E36debold
storage.type.string.go#0F4E33debold
storage.type.token.java#052C61debold
storage.type.uintptr.go#4B2121debold
storage.type.variable.cs#462424debold
string#1F2E45de
string.quoted.docstring.multi.python#2E2E2E6e
string.regexp#4D1B3Fde
string.tag#122E52de
string.value#2B0194de
strong#194F11de
support.class#303030de
support.constant.color#143527de
support.constant.dom#542A2Ade
support.constant.font-name#2E2E2Ede
support.constant.handlebars#093522de
support.constant.json#481F3Cde
support.constant.math#343434de
support.constant.media#2A4626de
support.constant.media-type#163326debold
support.constant.property-value#462626de
support.function#053601de
support.function.git-rebase#2E2E2Ede
support.other.parenthesis.regexp#2B0194de
support.type#5B0544debold
support.type.property-name#1B2F4Adebold
support.type.vendored.property-name#2E2E2Edebold
support.variable#1D4F14de
token.debug-token#362A54de
token.error-token#172E4Dde
token.info-token#682F58de
token.warn-token#114E34de
variable#28384Dde
variable.css#3F2F68de
variable.language#322654de
variable.language.wildcard.java#2E2E2Ede
variable.other.constant#004194de
variable.other.definition.java#172E4Dde
variable.other.enummember#114E34de
variable.other.less#610505de
variable.other.object.java#193514de
variable.other.object.property.java#2E2E2Ede
variable.parameter.c#053521de
variable.parameter.function.language.python#114E34de
variable.parameter.java#263446de
variable.scss#4D2842de
viiv by B.W - VS Code Theme