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#171b1dfe
  • activityBar.activeBackground#171b1dfe
  • activityBar.activeBorder#B4B414fe
  • activityBar.activeFocusBorder#5F687000
  • activityBar.background#0E1012fe
  • activityBar.border#73617300
  • activityBar.dropBorder#B4B40Afe
  • activityBar.foreground#B5B50Afe
  • activityBar.inactiveForeground#51BAEE65
  • activityBarBadge.background#B4B417fe
  • activityBarBadge.foreground#0E1012fe
  • badge.background#B4B416fe
  • badge.foreground#0E1012fe
  • banner.background#171b1dfe
  • banner.foreground#E1EFFEce
  • banner.iconForeground#C8C6D1fe
  • breadcrumb.activeSelectionForeground#CCCAD5ca
  • breadcrumb.background#101214fe
  • breadcrumb.focusForeground#B4B416fe
  • breadcrumb.foreground#ECEEEFae
  • breadcrumbPicker.background#171b1dfe
  • button.background#384247ae
  • button.border#0D0B0B00
  • button.foreground#E1EFFEce
  • button.hoverBackground#56656D6e
  • button.secondaryBackground#171b1dfe
  • button.secondaryForeground#E1EFFEce
  • button.secondaryHoverBackground#171b1dfe
  • button.separator#0B0D0C00
  • charts.blue#1b1bfffe
  • charts.foreground#E1EFFEce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067bf
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C0E10fe
  • chat.slashCommandBackground#171b1dfe
  • chat.slashCommandForeground#E1EFFEce
  • checkbox.background#0C0E10fe
  • checkbox.border#0C0E10fe
  • checkbox.foreground#E1EFFEce
  • checkbox.selectBackground#0C0E10fe
  • checkbox.selectBorder#0C0E10fe
  • commandCenter.activeBackground#202F1881
  • commandCenter.activeBorder#0C0E10fe
  • commandCenter.activeForeground#B4B417fe
  • commandCenter.background#171b1dfe
  • commandCenter.border#0C0E10fe
  • commandCenter.foreground#E1EFFEce
  • commandCenter.inactiveBorder#0F2F3F91
  • commandCenter.inactiveForeground#59BAEE65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0C0D0B00
  • contrastBorder#0B0C0D00
  • debugConsole.errorForeground#FF95FEce
  • debugConsole.infoForeground#E1EFFEce
  • debugConsole.sourceForeground#E1EFFEce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#C5CEC1fe
  • debugExceptionWidget.background#530053b2
  • debugExceptionWidget.border#0C0E10fe
  • debugIcon.breakpointCurrentStackframeForeground#D5CACAfe
  • debugIcon.breakpointDisabledForeground#B2BDC265
  • debugIcon.breakpointForeground#D5CACAfe
  • debugIcon.breakpointStackframeForeground#CAD2D5fe
  • debugIcon.breakpointUnverifiedForeground#D5D4DDfe
  • debugIcon.continueForeground#B3BDC2fe
  • debugIcon.disconnectForeground#C8C6D1fe
  • debugIcon.pauseForeground#E0D9DFfe
  • debugIcon.restartForeground#D9E0DBfe
  • debugIcon.startForeground#D1C6D0fe
  • debugIcon.stepBackForeground#D1CEC6fe
  • debugIcon.stepIntoForeground#C6B8C4fe
  • debugIcon.stepOutForeground#B8C6BCfe
  • debugIcon.stepOverForeground#C5CEC1fe
  • debugIcon.stopForeground#D1C6C6fe
  • debugTokenExpression.boolean#D5D2CAca
  • debugTokenExpression.error#DBE0D9ca
  • debugTokenExpression.name#E4E2DDca
  • debugTokenExpression.number#D5CAD3ca
  • debugTokenExpression.value#D2D9CFca
  • debugToolBar.background#530053b1
  • debugToolBar.border#0C0E10fe
  • debugView.exceptionLabelBackground#1E2F24ca
  • debugView.exceptionLabelForeground#D1CFD9ca
  • debugView.stateLabelBackground#2F2A1Eca
  • debugView.stateLabelForeground#DDD4D4ca
  • debugView.valueChangedHighlight#DDDAD4ca
  • descriptionForeground#E1EFFEce
  • diffEditor.border#0B0C0D00
  • diffEditor.diagonalFill#000000f3
  • diffEditor.insertedLineBackground#00340031
  • diffEditor.insertedTextBackground#113213fb
  • diffEditor.insertedTextBorder#0B0B0D00
  • diffEditor.move.border#0C0D0B00
  • diffEditor.moveActive.border#0B0C0D00
  • diffEditor.removedLineBackground#5D000031
  • diffEditor.removedTextBackground#600000fb
  • diffEditor.removedTextBorder#0D0B0B00
  • diffEditor.unchangedCodeBackground#171b1dfe
  • diffEditor.unchangedRegionBackground#171b1dfe
  • diffEditor.unchangedRegionForeground#E1EFFEce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B2BDC265
  • dropdown.background#0C0E10fe
  • dropdown.border#0C0E10fe
  • dropdown.foreground#E1EFFEce
  • dropdown.listBackground#0C0E10fe
  • editor.background#171b1dfe
  • editor.findMatchBackground#53685Aad
  • editor.findMatchBorder#0C0E10fe
  • editor.findMatchHighlightBackground#5A566Dad
  • editor.findMatchHighlightBorder#0C0E10fe
  • editor.findRangeHighlightBackground#3F5044ad
  • editor.findRangeHighlightBorder#0C0E10fe
  • editor.focusedStackFrameHighlightBackground#5A47578e
  • editor.foldBackground#BDBAC9ad
  • editor.foreground#E1EFFEce
  • editor.hoverHighlightBackground#525F4Ba6
  • editor.inactiveSelectionBackground#424E5492
  • editor.inlineValuesBackground#171b1dfe
  • editor.inlineValuesForeground#E1EFFEce
  • editor.lineHighlightBackground#293134b5
  • editor.lineHighlightBorder#0C0D0B00
  • editor.linkedEditingBackground#171b1dfe
  • editor.rangeHighlightBackground#685353a4
  • editor.rangeHighlightBorder#0C0E10fe
  • editor.selectionBackground#3F5045a6
  • editor.selectionForeground#DFDDE4ca
  • editor.selectionHighlightBackground#475A4E84
  • editor.selectionHighlightBorder#0C0E10fe
  • editor.snippetFinalTabstopHighlightBackground#495544aa
  • editor.snippetFinalTabstopHighlightBorder#0C0E10fe
  • editor.snippetTabstopHighlightBackground#514C41a3
  • editor.snippetTabstopHighlightBorder#0C0E10fe
  • editor.stackFrameHighlightBackground#4D495Da2
  • editor.symbolHighlightBackground#5A4949aa
  • editor.symbolHighlightBorder#0C0E10fe
  • editor.wordHighlightBackground#4F5D63a2
  • editor.wordHighlightBorder#0D0B0B00
  • editor.wordHighlightStrongBackground#4B585Fa4
  • editor.wordHighlightStrongBorder#0C0D0B00
  • editor.wordHighlightTextBackground#47545Aae
  • editor.wordHighlightTextBorder#0D0B0D00
  • editorBracketHighlight.foreground1#F5F6F7ce
  • editorBracketHighlight.foreground2#F5F6F7ce
  • editorBracketHighlight.foreground3#F5F6F7ce
  • editorBracketHighlight.foreground4#F5F6F7ce
  • editorBracketHighlight.foreground5#F5F6F7ce
  • editorBracketHighlight.foreground6#F5F6F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#E1EFFEce
  • editorBracketMatch.background#C7B8B8ac
  • editorBracketMatch.border#0C0E10fe
  • editorBracketPairGuide.activeBackground1#C0BBB08d
  • editorBracketPairGuide.activeBackground2#C7B8B88a
  • editorBracketPairGuide.activeBackground3#C6B7C48c
  • editorBracketPairGuide.activeBackground4#B4BFAE87
  • editorBracketPairGuide.activeBackground5#B5BFAF88
  • editorBracketPairGuide.activeBackground6#BDBAC98d
  • editorBracketPairGuide.background1#1C2D22fe
  • editorBracketPairGuide.background2#1C2D22fe
  • editorBracketPairGuide.background3#1C2D22fe
  • editorBracketPairGuide.background4#3D2239fe
  • editorBracketPairGuide.background5#1F2B30fe
  • editorBracketPairGuide.background6#3E2424fe
  • editorCodeLens.foreground#B3BDC36e
  • editorCommentsWidget.rangeActiveBackground#B4BFC4fe
  • editorCommentsWidget.rangeBackground#171b1dfe
  • editorCommentsWidget.resolvedBorder#0C0E10fe
  • editorCommentsWidget.unresolvedBorder#5F0000cb
  • editorCursor.background#171b1dfe
  • editorCursor.foreground#B4B416fe
  • editorError.background#0B0C0D00
  • editorError.border#0D0C0B00
  • editorError.foreground#FF95FEce
  • editorGhostText.background#171b1dfe
  • editorGhostText.border#0B0C0D00
  • editorGhostText.foreground#B2BDC26e
  • editorGroup.border#0C0E10fe
  • editorGroup.dropBackground#171b1dfe
  • editorGroup.dropIntoPromptBackground#171b1dfe
  • editorGroup.dropIntoPromptBorder#0C0E10fe
  • editorGroup.dropIntoPromptForeground#E1EFFEce
  • editorGroup.emptyBackground#171b1dfe
  • editorGroup.focusedEmptyBorder#0C0E10fe
  • editorGroupHeader.border#0D0C0B00
  • editorGroupHeader.noTabsBackground#0E1012ae
  • editorGroupHeader.tabsBackground#171b1da1
  • editorGroupHeader.tabsBorder#0D0B0D00
  • editorGutter.addedBackground#86CB89fb
  • editorGutter.background#171b1dfe
  • editorGutter.commentGlyphForeground#E1EFFEce
  • editorGutter.commentRangeForeground#E1EFFEce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FFA2A2cb
  • editorGutter.foldingControlForeground#E1EFFEce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0D0C0B00
  • editorHint.foreground#C3B0FFce
  • editorHoverWidget.background#0C0E10fe
  • editorHoverWidget.border#0C0E10fe
  • editorHoverWidget.foreground#E1EFFEce
  • editorHoverWidget.highlightForeground#DBE0D9ca
  • editorHoverWidget.statusBarBackground#171b1dfe
  • editorIndentGuide.activeBackground1#B5B50Cfe
  • editorIndentGuide.activeBackground2#B5B50Afe
  • editorIndentGuide.activeBackground3#B5B515fe
  • editorIndentGuide.activeBackground4#B4B414fe
  • editorIndentGuide.activeBackground5#B5B513fe
  • editorIndentGuide.activeBackground6#B4B40Afe
  • editorIndentGuide.background1#90A18835
  • editorIndentGuide.background2#AC96A835
  • editorIndentGuide.background3#9D848435
  • editorIndentGuide.background4#BBB5A935
  • editorIndentGuide.background5#B3A0A035
  • editorIndentGuide.background6#9D948435
  • editorInfo.background#0D0B0B00
  • editorInfo.border#0D0C0B00
  • editorInfo.foreground#C3B0FFce
  • editorInlayHint.background#171b1dfe
  • editorInlayHint.foreground#E1EFFEce
  • editorInlayHint.parameterBackground#171b1dfe
  • editorInlayHint.parameterForeground#E1EFFEce
  • editorInlayHint.typeBackground#171b1dfe
  • editorInlayHint.typeForeground#E1EFFEce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#B5B510fe
  • editorLineNumber.dimmedForeground#B2BDC26e
  • editorLineNumber.foreground#B2BDC26e
  • editorLink.activeForeground#B5B510fe
  • editorMarkerNavigation.background#0C0E10fe
  • editorMarkerNavigationError.background#530053bf
  • editorMarkerNavigationError.headerBackground#530053a6
  • editorMarkerNavigationInfo.background#00009Dfe
  • editorMarkerNavigationInfo.headerBackground#00009Dfe
  • editorMarkerNavigationWarning.background#332A00fe
  • editorMarkerNavigationWarning.headerBackground#332A00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#171b1dfe
  • editorOverviewRuler.border#122E40fe
  • editorOverviewRuler.bracketMatchForeground#E1EFFEce
  • editorOverviewRuler.commentForeground#B2BDC26e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E1EFFEce
  • editorOverviewRuler.currentContentForeground#cececec8
  • editorOverviewRuler.deletedForeground#FFA2A2cb
  • editorOverviewRuler.errorForeground#FF95FEce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C3B0FFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#D2D9CFca
  • editorOverviewRuler.selectionHighlightForeground#C3B0FFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D5CAD3ca
  • editorOverviewRuler.wordHighlightStrongForeground#E1EFFEce
  • editorOverviewRuler.wordHighlightTextForeground#E1EFFEce
  • editorPane.background#171b1dfe
  • editorRuler.foreground#B3BEC335
  • editorStickyScroll.background#171b1dfe
  • editorStickyScrollHover.background#1C2E386e
  • editorSuggestWidget.background#0C0E10fe
  • editorSuggestWidget.border#0C0D0B00
  • editorSuggestWidget.focusHighlightForeground#5AC380fe
  • editorSuggestWidget.foreground#CABCBCfe
  • editorSuggestWidget.highlightForeground#E0E4DDca
  • editorSuggestWidget.selectedBackground#554F4481
  • editorSuggestWidget.selectedForeground#DDD4DBca
  • editorSuggestWidget.selectedIconForeground#CFD9D2ca
  • editorSuggestWidgetStatus.foreground#CAD1C6fe
  • editorUnicodeHighlight.background#5F584Ba8
  • editorUnicodeHighlight.border#0C0E10fe
  • editorUnnecessaryCode.border#332B00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0D0B0D00
  • editorWarning.border#0D0C0B00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E1EFFEce
  • editorWidget.background#0C0E10fe
  • editorWidget.border#0C0E10fe
  • editorWidget.foreground#E1EFFEce
  • editorWidget.resizeBorder#0C0E10fe
  • errorForeground#FF95FEce
  • extensionBadge.remoteBackground#B6B60Ffe
  • extensionBadge.remoteForeground#0E1012fe
  • extensionButton.background#212D34ae
  • extensionButton.foreground#E1EFFEce
  • extensionButton.hoverBackground#1C2E386e
  • extensionButton.prominentBackground#171b1dfe
  • extensionButton.prominentForeground#E1EFFEce
  • extensionButton.prominentHoverBackground#171b1dfe
  • extensionButton.separator#0D0B0B00
  • extensionIcon.preReleaseForeground#D9DEE0fe
  • extensionIcon.sponsorForeground#DDDAD4fe
  • extensionIcon.starForeground#C6B8C4fe
  • extensionIcon.verifiedForeground#C2BDB3fe
  • focusBorder#0B0D0C00
  • foreground#E1EFFEce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FFA2A2cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C3B0FFce
  • gitDecoration.stageDeletedResourceForeground#FFA2A2cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00D3D3ce
  • icon.foreground#B2BDC2ae
  • inlineChat.background#2F2A1Eca
  • inlineChat.border#312B1Fca
  • inlineChat.regionHighlight#DDE4E0ca
  • inlineChat.shadow#E0DED9ca
  • inlineChatDiff.inserted#E4E2DDca
  • inlineChatDiff.removed#DDD4DBca
  • inlineChatInput.background#D9CFCFca
  • inlineChatInput.border#202C32ca
  • inlineChatInput.focusBorder#0D0B0B00
  • inlineChatInput.placeholderForeground#E4DDE3ca
  • input.background#0C0E10fe
  • input.border#0C0E10fe
  • input.foreground#E1EFFEce
  • input.placeholderForeground#B2BDC265
  • inputOption.activeBackground#0C0E10fe
  • inputOption.activeBorder#0C0E10fe
  • inputOption.activeForeground#B6B60Ffe
  • inputOption.hoverBackground#0C0E10fe
  • inputValidation.errorBackground#670067a4
  • inputValidation.errorBorder#530053c9
  • inputValidation.errorForeground#FF95FEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C0E10fe
  • inputValidation.infoForeground#E1EFFEce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C0E10fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C0E10fe
  • interactive.inactiveCodeBorder#22282B9a
  • keybindingLabel.background#171b1dfe
  • keybindingLabel.border#0C0E10fe
  • keybindingLabel.bottomBorder#0C0E10fe
  • keybindingLabel.foreground#E1EFFEce
  • keybindingTable.headerBackground#171b1dfe
  • keybindingTable.rowsBackground#171b1dfe
  • list.activeSelectionBackground#56634F86
  • list.activeSelectionForeground#E0DED9ca
  • list.activeSelectionIconForeground#CCCAD5ca
  • list.deemphasizedForeground#E1EFFEce
  • list.dropBackground#171b1dfe
  • list.errorForeground#FF95FEce
  • list.filterMatchBackground#171b1dfe
  • list.filterMatchBorder#0C0E10fe
  • list.focusAndSelectionOutline#0D0C0B00
  • list.focusBackground#434E5396
  • list.focusForeground#B5B510fe
  • list.focusHighlightForeground#FD73EBfe
  • list.focusOutline#0B0C0D00
  • list.highlightForeground#E4DDDDca
  • list.hoverBackground#222B25ae
  • list.hoverForeground#B4B416fe
  • list.inactiveFocusBackground#29313493
  • list.inactiveFocusOutline#0D0C0B00
  • list.inactiveSelectionBackground#0E1012ae
  • list.inactiveSelectionForeground#B2BDC265
  • list.inactiveSelectionIconForeground#B2BDC265
  • list.invalidItemForeground#E1EFFEce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#171b1dfe
  • listFilterWidget.noMatchesOutline#0D0C0B00
  • listFilterWidget.outline#0B0B0D00
  • listFilterWidget.shadow#0D0B0B00
  • menu.background#0E1012fe
  • menu.border#0D0B0D00
  • menu.foreground#DAF2FEae
  • menu.selectionBackground#3F5044a6
  • menu.selectionBorder#0B0D0C00
  • menu.selectionForeground#B5B513fe
  • menu.separatorBackground#262C2F65
  • menubar.selectionBackground#3F5046a4
  • menubar.selectionBorder#0D0C0B00
  • menubar.selectionForeground#B5B513fe
  • merge.border#0C0E10fe
  • merge.commonContentBackground#171b1dfe
  • merge.commonHeaderBackground#171b1dfe
  • merge.currentContentBackground#00340031
  • merge.currentHeaderBackground#113213fb
  • merge.incomingContentBackground#113213cb
  • merge.incomingHeaderBackground#113213fb
  • mergeEditor.change.background#171b1dfe
  • mergeEditor.change.word.background#171b1dfe
  • mergeEditor.changeBase.background#171b1dfe
  • mergeEditor.changeBase.word.background#171b1dfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C0E10fe
  • mergeEditor.conflict.handledUnfocused.border#1A1F2124
  • mergeEditor.conflict.input1.background#0C0E10fe
  • mergeEditor.conflict.input2.background#0C0E10fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c9
  • mergeEditor.conflict.unhandledFocused.border#0C0E10fe
  • mergeEditor.conflict.unhandledUnfocused.border#1E23262f
  • mergeEditor.conflictingLines.background#171b1dfe
  • minimap.background#171b1dfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F6F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#86CB89fb
  • minimapGutter.deletedBackground#FFA2A2fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#697B85fe
  • minimapSlider.background#353E42ae
  • minimapSlider.hoverBackground#5361686e
  • notebook.cellBorderColor#0C0E10fe
  • notebook.cellEditorBackground#171b1dfe
  • notebook.cellHoverBackground#171b1dfe
  • notebook.cellInsertionIndicator#D9D6CFca
  • notebook.cellStatusBarItemHoverBackground#171b1dfe
  • notebook.cellToolbarSeparator#E0D9DFca
  • notebook.editorBackground#171b1dfe
  • notebook.focusedCellBackground#171b1dfe
  • notebook.focusedCellBorder#B5B515fe
  • notebook.focusedEditorBorder#0C0E10fe
  • notebook.inactiveFocusedCellBorder#697B858e
  • notebook.inactiveSelectedCellBorder#5E6E768e
  • notebook.outputContainerBackgroundColor#171b1dfe
  • notebook.outputContainerBorderColor#0C0E10fe
  • notebook.selectedCellBackground#171b1dfe
  • notebook.selectedCellBorder#0C0E10fe
  • notebook.symbolHighlightBackground#171b1dfe
  • notebookEditorOverviewRuler.runningCellForeground#E1EFFEce
  • notebookScrollbarSlider.activeBackground#5E6E76fe
  • notebookScrollbarSlider.background#353E42ae
  • notebookScrollbarSlider.hoverBackground#47545A6e
  • notebookStatusErrorIcon.foreground#FF95FEce
  • notebookStatusRunningIcon.foreground#BCBAC8fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C0E10fe
  • notificationCenterHeader.background#171b1dfe
  • notificationCenterHeader.foreground#E1EFFEce
  • notificationLink.foreground#E1EFFEce
  • notifications.background#171b1dfe
  • notifications.border#0C0E10fe
  • notifications.foreground#E1EFFEce
  • notificationsErrorIcon.foreground#FF95FEce
  • notificationsInfoIcon.foreground#CAD2D5fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C0E10fe
  • panel.background#171b1dfe
  • panel.border#0C0E10fe
  • panel.dropBorder#0C0E10fe
  • panelInput.border#0C0E10fe
  • panelSection.border#0C0E10fe
  • panelSection.dropBackground#171b1dfe
  • panelSectionHeader.background#171b1dfe
  • panelSectionHeader.border#0C0E10fe
  • panelSectionHeader.foreground#E1EFFEce
  • panelTitle.activeBorder#0C0D0B00
  • panelTitle.activeForeground#B4B40Afe
  • panelTitle.inactiveForeground#A0ADB365
  • peekView.border#B4B40Afe
  • peekViewEditor.background#0C0E10fe
  • peekViewEditor.matchHighlightBackground#6D56698c
  • peekViewEditor.matchHighlightBorder#0D0B0B00
  • peekViewEditorGutter.background#0C0E10fe
  • peekViewEditorStickyScroll.background#171b1dfe
  • peekViewResult.background#0E1012fe
  • peekViewResult.fileForeground#E1EFFEce
  • peekViewResult.lineForeground#E1EFFEce
  • peekViewResult.matchHighlightBackground#5B484882
  • peekViewResult.selectionBackground#524C408b
  • peekViewResult.selectionForeground#CAD2D5ca
  • peekViewTitle.background#0E1012fe
  • peekViewTitleDescription.foreground#E1EFFEce
  • peekViewTitleLabel.foreground#E1EFFEce
  • pickerGroup.border#0C0E10fe
  • pickerGroup.foreground#E1EFFEce
  • ports.iconRunningProcessForeground#B8C6BCfe
  • problemsErrorIcon.foreground#FF95FEce
  • problemsInfoIcon.foreground#C3B0FFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#B5B515fe
  • profileBadge.foreground#0E1012fe
  • progressBar.background#171b1dfe
  • quickInput.background#0E1012fe
  • quickInput.foreground#E7EAECae
  • quickInputList.focusBackground#4F5D63a9
  • quickInputList.focusForeground#B4B416fe
  • quickInputList.focusIconForeground#B5B510fe
  • quickInputTitle.background#0C0E10fe
  • sash.hoverBorder#0C0E10fe
  • scrollbar.shadow#0B0B0D00
  • scrollbarSlider.activeBackground#5A6A72fe
  • scrollbarSlider.background#404B51ae
  • scrollbarSlider.hoverBackground#47545A6e
  • search.resultsInfoForeground#E1EFFEce
  • searchEditor.findMatchBackground#5E6D56a3
  • searchEditor.findMatchBorder#0C0E10fe
  • searchEditor.textInputBorder#0C0E10fe
  • selection.background#171b1dfe
  • settings.checkboxBackground#0C0E10fe
  • settings.checkboxBorder#0C0E10fe
  • settings.checkboxForeground#E1EFFEce
  • settings.dropdownBackground#0C0E10fe
  • settings.dropdownBorder#0C0E10fe
  • settings.dropdownForeground#E1EFFEce
  • settings.dropdownListBorder#0C0E10fe
  • settings.focusedRowBackground#6D565688
  • settings.focusedRowBorder#0C0E10fe
  • settings.headerBorder#0C0E10fe
  • settings.headerForeground#E1EFFEce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C0E10fe
  • settings.numberInputBorder#0C0E10fe
  • settings.numberInputForeground#E1EFFEce
  • settings.rowHoverBackground#171b1dfe
  • settings.sashBorder#0C0E10fe
  • settings.settingsHeaderHoverForeground#B5B515fe
  • settings.textInputBackground#0C0E10fe
  • settings.textInputBorder#0C0E10fe
  • settings.textInputForeground#E1EFFEce
  • sideBar.background#171b1dfe
  • sideBar.border#0C0E10fe
  • sideBar.dropBackground#171b1dfe
  • sideBar.foreground#B2BDC2ae
  • sideBarSectionHeader.background#0B0C0D00
  • sideBarSectionHeader.border#0C0E10fe
  • sideBarSectionHeader.foreground#E1EFFEce
  • sideBarTitle.foreground#E1EFFEce
  • sideBySideEditor.horizontalBorder#0C0E10fe
  • sideBySideEditor.verticalBorder#0C0E10fe
  • simpleFindWidget.sashBorder#0C0E10fe
  • statusBar.background#0E1012fe
  • statusBar.border#0C0E10fe
  • statusBar.debuggingBackground#5300539b
  • statusBar.debuggingBorder#0C0E10fe
  • statusBar.debuggingForeground#E1EFFEce
  • statusBar.focusBorder#0B0D0C00
  • statusBar.foreground#B2BDC26e
  • statusBar.noFolderBackground#0E1012fe
  • statusBar.noFolderBorder#0C0E10fe
  • statusBar.noFolderForeground#E1EFFEce
  • statusBarItem.activeBackground#0E1012fe
  • statusBarItem.compactHoverBackground#0E1012fe
  • statusBarItem.errorBackground#530053c3
  • statusBarItem.errorForeground#FF95FEce
  • statusBarItem.errorHoverBackground#530053a4
  • statusBarItem.errorHoverForeground#B700B7ce
  • statusBarItem.focusBorder#0D0C0B00
  • statusBarItem.hoverBackground#0E1012fe
  • statusBarItem.hoverForeground#B5B515fe
  • statusBarItem.offlineBackground#0E1012fe
  • statusBarItem.offlineForeground#E1EFFEce
  • statusBarItem.offlineHoverBackground#0E1012fe
  • statusBarItem.offlineHoverForeground#B5B513fe
  • statusBarItem.prominentBackground#0E1012fe
  • statusBarItem.prominentForeground#E1EFFEce
  • statusBarItem.prominentHoverBackground#0E1012fe
  • statusBarItem.prominentHoverForeground#B4B414fe
  • statusBarItem.remoteBackground#B4B414fe
  • statusBarItem.remoteForeground#0E1012fe
  • statusBarItem.remoteHoverBackground#0E1012fe
  • statusBarItem.remoteHoverForeground#B5B515fe
  • statusBarItem.warningBackground#332A00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#332A00fe
  • statusBarItem.warningHoverForeground#D0AC00ce
  • symbolIcon.arrayForeground#B3BDC2fe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#D4DADDfe
  • symbolIcon.colorForeground#CCCAD5fe
  • symbolIcon.constantForeground#D5D4DDfe
  • symbolIcon.constructorForeground#D9CFCFfe
  • symbolIcon.enumeratorForeground#B3C2B8fe
  • symbolIcon.enumeratorMemberForeground#E0DED9fe
  • symbolIcon.eventForeground#E4DDE3fe
  • symbolIcon.fieldForeground#CFD6D9fe
  • symbolIcon.fileForeground#B8C6BCfe
  • symbolIcon.folderForeground#DDD4DBfe
  • symbolIcon.functionForeground#C5CEC1fe
  • symbolIcon.interfaceForeground#C6B8B8fe
  • symbolIcon.keyForeground#DDDAD4fe
  • symbolIcon.keywordForeground#C2BDB3fe
  • symbolIcon.methodForeground#D5CAD3fe
  • symbolIcon.moduleForeground#E4DDE3fe
  • symbolIcon.namespaceForeground#D4DADDfe
  • symbolIcon.nullForeground#BCBAC7fe
  • symbolIcon.numberForeground#B8C2B3fe
  • symbolIcon.objectForeground#E4E2DDfe
  • symbolIcon.operatorForeground#CAD2D5fe
  • symbolIcon.packageForeground#D5D2CAfe
  • symbolIcon.propertyForeground#D5D4DDfe
  • symbolIcon.referenceForeground#D9CFD7fe
  • symbolIcon.snippetForeground#DBE0D9fe
  • symbolIcon.stringForeground#DDD4D4fe
  • symbolIcon.structForeground#C6B8B8fe
  • symbolIcon.textForeground#DDDAD4fe
  • symbolIcon.typeParameterForeground#D9E0DBfe
  • symbolIcon.unitForeground#B8C2B3fe
  • symbolIcon.variableForeground#D2D9CFfe
  • tab.activeBackground#101214fe
  • tab.activeBorder#0C0D0B00
  • tab.activeBorderTop#B6B609fe
  • tab.activeForeground#B5B513fe
  • tab.activeModifiedBorder#332B00ce
  • tab.border#0B0D0C00
  • tab.hoverBackground#B1C0B6a7
  • tab.hoverBorder#0C0E10fe
  • tab.hoverForeground#B4B416fe
  • tab.inactiveBackground#22282B91
  • tab.inactiveForeground#59BAEE65
  • tab.inactiveModifiedBorder#332B00ce
  • tab.lastPinnedBorder#0C0E10fe
  • tab.unfocusedActiveBackground#1E23262d
  • tab.unfocusedActiveBorder#0C0D0B00
  • tab.unfocusedActiveBorderTop#252B2E65
  • tab.unfocusedActiveForeground#A0ADB365
  • tab.unfocusedActiveModifiedBorder#332B00ce
  • tab.unfocusedHoverBackground#B4BEC42d
  • tab.unfocusedHoverBorder#1E23262e
  • tab.unfocusedHoverForeground#59BAEE65
  • tab.unfocusedInactiveBackground#2D353999
  • tab.unfocusedInactiveForeground#A0ADB365
  • tab.unfocusedInactiveModifiedBorder#332B00ce
  • 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#670067a5
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea7
  • terminal.ansiYellow#c4a200fe
  • terminal.background#171b1dfe
  • terminal.border#0C0E10fe
  • terminal.dropBackground#171b1dfe
  • terminal.findMatchBackground#171b1dfe
  • terminal.findMatchBorder#0C0E10fe
  • terminal.findMatchHighlightBackground#171b1dfe
  • terminal.findMatchHighlightBorder#0C0E10fe
  • terminal.foreground#B2BDC2ae
  • terminal.hoverHighlightBackground#171b1dfe
  • terminal.inactiveSelectionBackground#31393E98
  • terminal.selectionBackground#4C4A5D8b
  • terminal.selectionForeground#E4DDDDca
  • terminal.tab.activeBorder#B4B414fe
  • terminalCommandDecoration.defaultBackground#B0C0B5a4
  • terminalCommandDecoration.errorBackground#FFA2A2cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#171b1dfe
  • terminalCursor.foreground#B5B513fe
  • terminalOverviewRuler.cursorForeground#E1EFFEce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c0
  • testing.iconUnset#8080809e
  • testing.message.error.decorationForeground#CCCC3Cfe
  • testing.message.error.lineBackground#5300539a
  • testing.message.info.decorationForeground#CCCC3Cfe
  • testing.message.info.lineBackground#00009Dfe
  • testing.peekBorder#0C0E10fe
  • testing.peekHeaderBackground#171b1dfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#171b1dfe
  • textBlockQuote.border#0C0E10fe
  • textCodeBlock.background#171b1dfe
  • textLink.activeForeground#B4B416fe
  • textLink.foreground#C3B0FFce
  • textPreformat.foreground#E1EFFEce
  • textSeparator.foreground#E1EFFEce
  • titleBar.activeBackground#0E1012fe
  • titleBar.activeForeground#80B7D2ae
  • titleBar.border#0B0C0D00
  • titleBar.inactiveBackground#1A1F21d2
  • titleBar.inactiveForeground#59BAEE65
  • toolbar.activeBackground#40213B84
  • toolbar.hoverBackground#171b1dfe
  • toolbar.hoverOutline#0B0C0D00
  • tree.inactiveIndentGuidesStroke#BFB9AE35
  • tree.indentGuidesStroke#D7D74Cfe
  • tree.tableColumnsBorder#0C0E10fe
  • tree.tableOddRowsBackground#171b1dfe
  • walkThrough.embeddedEditorBackground#171b1dfe
  • walkthrough.stepTitle.foreground#E1EFFEce
  • welcomePage.background#171b1dfe
  • welcomePage.progress.background#171b1dfe
  • welcomePage.progress.foreground#E1EFFEce
  • welcomePage.tileBackground#171b1dfe
  • welcomePage.tileBorder#0C0E10fe
  • welcomePage.tileHoverBackground#171b1dfe
  • widget.border#0C0E10fe
  • widget.shadow#0D0B0B00
  • window.activeBorder#0C0E10fe
  • window.inactiveBorder#22282B95

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#8FCBEA6e
comment.block.html#98CBED6e
comment.block.java#96CCE66e
comment.block.javadoc.java#98CBED6e
comment.block.powershell#8FCBEA6e
comment.block.xml#96CCE66e
comment.line.double-slash.c#98CBED6e
comment.line.double-slash.cpp#96CCE66e
comment.line.double-slash.java#8FCBEA6e
comment.line.double-slash.js#96CCE66e
comment.line.number-sign.makefile#98CBED6e
comment.line.number-sign.python#96CCE66e
comment.line.number-sign.yaml#95CCE86e
comment.line.percentage.erlang#96CCE66e
comment.line.powershell#8FCBEA6e
comment.source.cmake#98CBED6e
comment.source.cmakecache#96CCE66e
constant.character#98BAF4de
constant.character.character-class.regexp#BA98F4de
constant.character.escape#CACA10de
constant.character.set.regexp#D0B3FEde
constant.language#CACA12de
constant.numeric#F8ADADde
constant.numeric.dec.python#0FE093de
constant.other.caps.python#EE83C6de
constant.other.character-class.regexp#CACA12de
constant.other.character-class.set.regexp#EB8A8Ade
constant.other.color.rgb-value#D1B7FEde
constant.other.placeholder#D2B7FEde
constant.other.rgb-value#12DF93de
constant.regexp#CACA15de
constant.sha.git-rebase#FEAFAFde
emphasis#FEAADFde
entity.name.class#14DE92de
entity.name.function#14DE92de
entity.name.function.preprocessor#EE8989de
entity.name.function.python#CBCB15de
entity.name.label#CBCB10de
entity.name.namespace#CBCB10de
entity.name.operator#F7A6D9de
entity.name.operator.custom-literal#2CE313de
entity.name.scope-resolution#0EE094de
entity.name.tag#FEABDFde
entity.name.tag.css#CACA12de
entity.name.type#F291CDde
entity.name.variable#91B5F2de
entity.other.attribute#A1C4FEde
entity.other.attribute-name#0FE093de
entity.other.attribute-name.class.css#EE8989de
entity.other.attribute-name.class.mixin.css#EB82C3de
entity.other.attribute-name.id#D0B3FEde
entity.other.attribute-name.id.css#F59F9Fde
entity.other.attribute-name.parent-selector.css#FEABDFde
entity.other.attribute-name.pseudo-class.css#7DA6E8de
entity.other.attribute-name.pseudo-element.css#BA98F4de
entity.other.attribute-name.scss#FEAAAAde
entity.other.document.begin.yaml#95CCE86e
entity.other.inherited-class#13DE92de
header#D2B7FEde
invalid#FEB0B0de
keyword#B695EDde
keyword.codetag.notation.python#CACA10de
keyword.control#FEB0B0de
keyword.control.anchor.regexp#B796EFde
keyword.control.import.python#CBCB15de
keyword.operator#0CDF90de
keyword.operator.alignas#CACA12de
keyword.operator.alignof#B794F2de
keyword.operator.cast#B695EDde
keyword.operator.delete#83ABEEde
keyword.operator.documentation.powershell#8FCBEA6e
keyword.operator.expression#E983C3de
keyword.operator.instanceof#F8ADADde
keyword.operator.logical.python#EB82C3de
keyword.operator.minus.exponent#EB82C3de
keyword.operator.negation.regexp#F291CDde
keyword.operator.new#CACA12de
keyword.operator.noexcept#A3C6FEde
keyword.operator.or.regexp#CACA12de
keyword.operator.plus.exponent#FEAADFde
keyword.operator.quantifier.regexp#FEAADFde
keyword.operator.sizeof#D1B7FEde
keyword.operator.typeid#F8ADDCde
keyword.operator.wordlike#2DE213de
keyword.other.operator#12E092de
keyword.other.package.java#EC81C4de
keyword.other.unit#F08A8Ade
keyword.other.using#ED8989de
markup.bold#B695ECde
markup.changed#2CE313de
markup.deleted#29E20Ede
markup.fenced_code.block.markdown#0EE094de
markup.heading#FEAFAFde
markup.inline.raw#2DE313de
markup.inserted#CACA15de
markup.italic#CBCB15de
markup.raw.block.markdown#CACA09de
markup.strikethrough#BF9FF5de
markup.underline#98BAF4de
meta.block.c#13E092de
meta.block.c#F7A6A6de
meta.class.java#FEABDFde
meta.definition.variable.name#EC8989de
meta.diff.header#7EA6EBde
meta.embedded#A3C6FEde
meta.embedded.assembly#7EA6EBde
meta.function-call.arguments.python#BA98F4de
meta.function-call.python#F08A8Ade
meta.member.access.python#F59F9Fde
meta.method.java#ED8989de
meta.object-literal.key#A4C6FEde
meta.paragraph.markdown#12DF93de
meta.preprocessor#0EE094de
meta.preprocessor.numeric#FEAADFde
meta.preprocessor.string#0CDF90de
meta.scope.prerequisites.makefile#2CE210de
meta.structure.dictionary.json.comments#8FCBEA6e
meta.structure.dictionary.key.python#2CE213de
meta.structure.dictionary.value.json.comments#8FCBEA6e
meta.template.expression#CBCB0Fde
meta.type.cast.expr#FEB0B0de
meta.type.new.expr#CBCB15de
parameter#E983C3de
punctuation.character.set.begin.regexp#B796EFde
punctuation.character.set.end.regexp#EA83C3de
punctuation.definition.array.begin.json#F8ADDCde
punctuation.definition.character-class.regexp#2CE212de
punctuation.definition.comment#95CCE86e
punctuation.definition.comment.json.comments#98CBED6e
punctuation.definition.comment.python#8FCBEA6e
punctuation.definition.dictionary.begin.json#F59FD5de
punctuation.definition.dictionary.end.json#A4C6FEde
punctuation.definition.group.assertion.regexp#B694F0de
punctuation.definition.group.regexp#CBCB10de
punctuation.definition.list.begin.json#12DF93de
punctuation.definition.list.begin.markdown#13DF93de
punctuation.definition.list.begin.python#A4C6FEde
punctuation.definition.list.end.json#0FE093de
punctuation.definition.list.end.markdown#CBCB15de
punctuation.definition.list.end.python#CBCB10de
punctuation.definition.parameters.begin.python#FEB0B0de
punctuation.definition.parameters.end.bracket.round.java#CBCB15de
punctuation.definition.quote.begin.markdown#CACA12de
punctuation.definition.tag#CACA13de
punctuation.definition.template-expression.begin#0EE094de
punctuation.definition.template-expression.end#8AB0F0de
punctuation.section.class.begin.bracket.curly.java#B794F2de
punctuation.section.embedded#EB8A8Ade
punctuation.section.embedded.begin.php#7CA6ECde
punctuation.section.embedded.end.php#D1B7FEde
punctuation.terminator.java#B794F2de
source.cmake#F8ADADde
source.coffee.embedded#CBCB15de
source.cpp#9FBFF5de
source.css.less#13DF94de
source.groovy.embedded#2DE313de
source.java#EC81C4de
source.java-properties#EA83C3de
source.json.comments#8FCBEA6e
source.makefile#FEABDFde
source.powershell#2CE210de
source.powershell.variable.other.member#7EA6EBde
source.python#13DF94de
storage#B695EDde
storage.modifier#D2B7FEde
storage.modifier.import.java#FEABDFde
storage.modifier.package.java#0FDF90de
storage.type#FEAAAAde
storage.type.annotation.groovy#CACA15de
storage.type.annotation.java#14DE92de
storage.type.boolean.go#D2B7FEde
storage.type.byte.go#CFB5F9de
storage.type.cs#27E30Fde
storage.type.error.go#C4A6F7de
storage.type.generic.cs#CBCB15de
storage.type.generic.groovy#CFB5F9de
storage.type.generic.java#A5C6FEde
storage.type.groovy#B695ECde
storage.type.java#D0B3FEde
storage.type.modifier.cs#B794F1de
storage.type.numeric.go#F8ADADde
storage.type.object.array.groovy#FEB0B0de
storage.type.object.array.java#CACA09de
storage.type.parameters.groovy#0FDF90de
storage.type.primitive.array.groovy#F291CDde
storage.type.primitive.array.java#FEAADFde
storage.type.primitive.groovy#13E092de
storage.type.primitive.java#83ABEEde
storage.type.rune.go#A4C6FEde
storage.type.string.go#13E092de
storage.type.token.java#F8ADDCde
storage.type.uintptr.go#F8ADDCde
storage.type.variable.cs#2AE210de
string#ED8989de
string.quoted.docstring.multi.python#8FCBEA6e
string.regexp#F59F9Fde
string.tag#7DA6E8de
string.value#D1B7FEde
strong#EA83C3de
support.class#0CDF90de
support.constant.color#13E092de
support.constant.dom#EE8989de
support.constant.font-name#2CE213de
support.constant.handlebars#A4C6FEde
support.constant.json#F8ADADde
support.constant.math#EE83C6de
support.constant.media#13DF93de
support.constant.media-type#FEAADFde
support.constant.property-value#7EA6EBde
support.function#83ABEEde
support.function.git-rebase#EC81C4de
support.other.parenthesis.regexp#14DE92de
support.type#CACA09de
support.type.property-name#B694F0de
support.type.vendored.property-name#D1B7FEde
support.variable#10E093de
token.debug-token#13DE92de
token.error-token#F08ACAde
token.info-token#CACA13de
token.warn-token#C9ADF8de
variable#F7A6A6de
variable.css#7EA6E9de
variable.language#CACA15de
variable.language.wildcard.java#CACA13de
variable.other.constant#D0B3FEde
variable.other.definition.java#B694F0de
variable.other.enummember#CACA15de
variable.other.less#A1C4FEde
variable.other.object.java#B794F1de
variable.other.object.property.java#F08ACAde
variable.parameter.c#13DF93de
variable.parameter.function.language.python#CBCB15de
variable.parameter.java#BA98F4de
variable.scss#CACA12de
viiv by B.W - VS Code Theme