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#151515fe
  • activityBar.activeBackground#151515fe
  • activityBar.activeBorder#DB8CFDfe
  • activityBar.activeFocusBorder#6F5E7700
  • activityBar.background#0E0E0Efe
  • activityBar.border#60675100
  • activityBar.dropBorder#DB8BFEfe
  • activityBar.foreground#DB8CFDfe
  • activityBar.inactiveForeground#ABABAB65
  • activityBarBadge.background#962CC6fe
  • activityBarBadge.foreground#0E0E0Efe
  • badge.background#B653E4fe
  • badge.foreground#0E0E0Efe
  • banner.background#151515fe
  • banner.foreground#E8E8E8ce
  • banner.iconForeground#D7C9D0fe
  • breadcrumb.activeSelectionForeground#E2DDE5ca
  • breadcrumb.background#0F0F0Ffe
  • breadcrumb.focusForeground#AF47DFfe
  • breadcrumb.foreground#E8E8E8ae
  • breadcrumbPicker.background#151515fe
  • button.background#3C3C3Cae
  • button.border#0B0E0E00
  • button.foreground#E8E8E8ce
  • button.hoverBackground#5E5E5E6e
  • button.secondaryBackground#151515fe
  • button.secondaryForeground#E8E8E8ce
  • button.secondaryHoverBackground#151515fe
  • button.separator#0B0B0B00
  • charts.blue#1b1bfffe
  • charts.foreground#E8E8E8ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c4
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0D0D0Dfe
  • chat.slashCommandBackground#151515fe
  • chat.slashCommandForeground#E8E8E8ce
  • checkbox.background#0D0D0Dfe
  • checkbox.border#0D0D0Dfe
  • checkbox.foreground#E8E8E8ce
  • checkbox.selectBackground#0D0D0Dfe
  • checkbox.selectBorder#0D0D0Dfe
  • commandCenter.activeBackground#49056B89
  • commandCenter.activeBorder#0D0D0Dfe
  • commandCenter.activeForeground#B34DE1fe
  • commandCenter.background#151515fe
  • commandCenter.border#0D0D0Dfe
  • commandCenter.foreground#E8E8E8ce
  • commandCenter.inactiveBorder#26262699
  • commandCenter.inactiveForeground#A8A8A865
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0D0E0B00
  • contrastBorder#0B0E0E00
  • debugConsole.errorForeground#FF8BFEce
  • debugConsole.infoForeground#E8E8E8ce
  • debugConsole.sourceForeground#E8E8E8ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#BBBDCCfe
  • debugExceptionWidget.background#550055c7
  • debugExceptionWidget.border#0D0D0Dfe
  • debugIcon.breakpointCurrentStackframeForeground#D3D7C9fe
  • debugIcon.breakpointDisabledForeground#B6B6B665
  • debugIcon.breakpointForeground#C4D3D1fe
  • debugIcon.breakpointStackframeForeground#CCD0BFfe
  • debugIcon.breakpointUnverifiedForeground#B6C9C6fe
  • debugIcon.continueForeground#D3DED3fe
  • debugIcon.disconnectForeground#D0D3C4fe
  • debugIcon.pauseForeground#CEDBCEfe
  • debugIcon.restartForeground#C5B1BBfe
  • debugIcon.startForeground#D2C9D7fe
  • debugIcon.stepBackForeground#BBBDCCfe
  • debugIcon.stepIntoForeground#C4C6D3fe
  • debugIcon.stepOutForeground#DBCED4fe
  • debugIcon.stepOverForeground#C0C5B1fe
  • debugIcon.stopForeground#CEC4D3fe
  • debugTokenExpression.boolean#D2C9D7ca
  • debugTokenExpression.error#DBCED4ca
  • debugTokenExpression.name#E4E4E4ca
  • debugTokenExpression.number#D8E2E0ca
  • debugTokenExpression.value#D8D9E2ca
  • debugToolBar.background#5500559c
  • debugToolBar.border#0D0D0Dfe
  • debugView.exceptionLabelBackground#272A4Aca
  • debugView.exceptionLabelForeground#DED8E2ca
  • debugView.stateLabelBackground#2C2C2Cca
  • debugView.stateLabelForeground#E2D8DDca
  • debugView.valueChangedHighlight#CED0DBca
  • descriptionForeground#E8E8E8ce
  • diffEditor.border#0D0E0B00
  • diffEditor.diagonalFill#000000fa
  • diffEditor.insertedLineBackground#00340031
  • diffEditor.insertedTextBackground#113413fb
  • diffEditor.insertedTextBorder#0B0B0E00
  • diffEditor.move.border#0B0B0E00
  • diffEditor.moveActive.border#0B0B0E00
  • diffEditor.removedLineBackground#61000031
  • diffEditor.removedTextBackground#620000fb
  • diffEditor.removedTextBorder#0B0E0B00
  • diffEditor.unchangedCodeBackground#151515fe
  • diffEditor.unchangedRegionBackground#151515fe
  • diffEditor.unchangedRegionForeground#E8E8E8ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B6B6B665
  • dropdown.background#0D0D0Dfe
  • dropdown.border#0D0D0Dfe
  • dropdown.foreground#E8E8E8ce
  • dropdown.listBackground#0D0D0Dfe
  • editor.background#151515fe
  • editor.findMatchBackground#52435Bad
  • editor.findMatchBorder#0D0D0Dfe
  • editor.findMatchHighlightBackground#3E543Ea9
  • editor.findMatchHighlightBorder#0D0D0Dfe
  • editor.findRangeHighlightBackground#54455Eaa
  • editor.findRangeHighlightBorder#0D0D0Dfe
  • editor.focusedStackFrameHighlightBackground#45485E8a
  • editor.foldBackground#B4B6C7a2
  • editor.foreground#E8E8E8ce
  • editor.hoverHighlightBackground#53435Aa2
  • editor.inactiveSelectionBackground#49494998
  • editor.inlineValuesBackground#151515fe
  • editor.inlineValuesForeground#E8E8E8ce
  • editor.lineHighlightBackground#373737b3
  • editor.lineHighlightBorder#0D0E0B00
  • editor.linkedEditingBackground#151515fe
  • editor.rangeHighlightBackground#44475Dab
  • editor.rangeHighlightBorder#0D0D0Dfe
  • editor.selectionBackground#59424Da4
  • editor.selectionForeground#CEDBCEca
  • editor.selectionHighlightBackground#59424D89
  • editor.selectionHighlightBorder#0D0D0Dfe
  • editor.snippetFinalTabstopHighlightBackground#425956aa
  • editor.snippetFinalTabstopHighlightBorder#0D0D0Dfe
  • editor.snippetTabstopHighlightBackground#474B38ad
  • editor.snippetTabstopHighlightBorder#0D0D0Dfe
  • editor.stackFrameHighlightBackground#535942a4
  • editor.symbolHighlightBackground#3A4F3Aa4
  • editor.symbolHighlightBorder#0D0D0Dfe
  • editor.wordHighlightBackground#4A4A4Aa5
  • editor.wordHighlightBorder#0B0E0B00
  • editor.wordHighlightStrongBackground#44475Da1
  • editor.wordHighlightStrongBorder#0D0E0B00
  • editor.wordHighlightTextBackground#54716Dad
  • editor.wordHighlightTextBorder#0E0B0D00
  • editorBracketHighlight.foreground1#FAFAFAce
  • editorBracketHighlight.foreground2#FAFAFAce
  • editorBracketHighlight.foreground3#FAFAFAce
  • editorBracketHighlight.foreground4#FAFAFAce
  • editorBracketHighlight.foreground5#FAFAFAce
  • editorBracketHighlight.foreground6#FAFAFAce
  • editorBracketHighlight.unexpectedBracket.foreground#E8E8E8ce
  • editorBracketMatch.background#BFB3C6a2
  • editorBracketMatch.border#0D0D0Dfe
  • editorBracketPairGuide.activeBackground1#BEB2C689
  • editorBracketPairGuide.activeBackground2#B4B9A18d
  • editorBracketPairGuide.activeBackground3#B3BAA18c
  • editorBracketPairGuide.activeBackground4#A5BDA58a
  • editorBracketPairGuide.activeBackground5#C5B1BB8b
  • editorBracketPairGuide.activeBackground6#C5B1BB87
  • editorBracketPairGuide.background1#2C2C2Cfe
  • editorBracketPairGuide.background2#292E1Cfe
  • editorBracketPairGuide.background3#34293Afe
  • editorBracketPairGuide.background4#272A4Afe
  • editorBracketPairGuide.background5#2A2E1Bfe
  • editorBracketPairGuide.background6#2A2C3Bfe
  • editorCodeLens.foreground#B6B6B66e
  • editorCommentsWidget.rangeActiveBackground#B6B6B6fe
  • editorCommentsWidget.rangeBackground#151515fe
  • editorCommentsWidget.resolvedBorder#0D0D0Dfe
  • editorCommentsWidget.unresolvedBorder#620000cb
  • editorCursor.background#151515fe
  • editorCursor.foreground#A02FD4fe
  • editorError.background#0B0E0E00
  • editorError.border#0B0E0B00
  • editorError.foreground#FF8BFEce
  • editorGhostText.background#151515fe
  • editorGhostText.border#0E0B0D00
  • editorGhostText.foreground#B6B6B66e
  • editorGroup.border#0D0D0Dfe
  • editorGroup.dropBackground#151515fe
  • editorGroup.dropIntoPromptBackground#151515fe
  • editorGroup.dropIntoPromptBorder#0D0D0Dfe
  • editorGroup.dropIntoPromptForeground#E8E8E8ce
  • editorGroup.emptyBackground#151515fe
  • editorGroup.focusedEmptyBorder#0D0D0Dfe
  • editorGroupHeader.border#0B0E0E00
  • editorGroupHeader.noTabsBackground#0E0E0Eae
  • editorGroupHeader.tabsBackground#191919a1
  • editorGroupHeader.tabsBorder#0D0B0E00
  • editorGutter.addedBackground#7DC780fb
  • editorGutter.background#151515fe
  • editorGutter.commentGlyphForeground#E8E8E8ce
  • editorGutter.commentRangeForeground#E8E8E8ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FF9B9Bcb
  • editorGutter.foldingControlForeground#E8E8E8ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0B0B0B00
  • editorHint.foreground#BEAAFFce
  • editorHoverWidget.background#0D0D0Dfe
  • editorHoverWidget.border#0D0D0Dfe
  • editorHoverWidget.foreground#E8E8E8ce
  • editorHoverWidget.highlightForeground#E5DDE1ca
  • editorHoverWidget.statusBarBackground#151515fe
  • editorIndentGuide.activeBackground1#D98AFEfe
  • editorIndentGuide.activeBackground2#DB8BFEfe
  • editorIndentGuide.activeBackground3#DB8CFDfe
  • editorIndentGuide.activeBackground4#DB8CFDfe
  • editorIndentGuide.activeBackground5#DA8BFDfe
  • editorIndentGuide.activeBackground6#DB8BFEfe
  • editorIndentGuide.background1#A2BAA235
  • editorIndentGuide.background2#B1A2BA35
  • editorIndentGuide.background3#AF94A235
  • editorIndentGuide.background4#B0B79E35
  • editorIndentGuide.background5#AF94A235
  • editorIndentGuide.background6#ACAFC135
  • editorInfo.background#0B0E0E00
  • editorInfo.border#0B0B0E00
  • editorInfo.foreground#BEAAFFce
  • editorInlayHint.background#151515fe
  • editorInlayHint.foreground#E8E8E8ce
  • editorInlayHint.parameterBackground#151515fe
  • editorInlayHint.parameterForeground#E8E8E8ce
  • editorInlayHint.typeBackground#151515fe
  • editorInlayHint.typeForeground#E8E8E8ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#A02FD4fe
  • editorLineNumber.dimmedForeground#B6B6B66e
  • editorLineNumber.foreground#B6B6B66e
  • editorLink.activeForeground#AF47DFfe
  • editorMarkerNavigation.background#0D0D0Dfe
  • editorMarkerNavigationError.background#550055c8
  • editorMarkerNavigationError.headerBackground#550055ba
  • editorMarkerNavigationInfo.background#0000A3fe
  • editorMarkerNavigationInfo.headerBackground#0000A3fe
  • editorMarkerNavigationWarning.background#352C00fe
  • editorMarkerNavigationWarning.headerBackground#352C00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#151515fe
  • editorOverviewRuler.border#2D2D2Dfe
  • editorOverviewRuler.bracketMatchForeground#E8E8E8ce
  • editorOverviewRuler.commentForeground#B6B6B66e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E8E8E8ce
  • editorOverviewRuler.currentContentForeground#cecece9a
  • editorOverviewRuler.deletedForeground#FF9B9Bcb
  • editorOverviewRuler.errorForeground#FF8BFEce
  • editorOverviewRuler.findMatchForeground#00CCCCce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#BEAAFFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#DAD3DEca
  • editorOverviewRuler.selectionHighlightForeground#BEAAFFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D3D3D3ca
  • editorOverviewRuler.wordHighlightStrongForeground#E8E8E8ce
  • editorOverviewRuler.wordHighlightTextForeground#E8E8E8ce
  • editorPane.background#151515fe
  • editorRuler.foreground#B6B6B626
  • editorStickyScroll.background#151515fe
  • editorStickyScrollHover.background#2D2D2D6e
  • editorSuggestWidget.background#0D0D0Dfe
  • editorSuggestWidget.border#0E0B0D00
  • editorSuggestWidget.focusHighlightForeground#97A5FCfe
  • editorSuggestWidget.foreground#CEDBD9fe
  • editorSuggestWidget.highlightForeground#DDE5DDca
  • editorSuggestWidget.selectedBackground#5C62498e
  • editorSuggestWidget.selectedForeground#C9CBD7ca
  • editorSuggestWidget.selectedIconForeground#D8E2E0ca
  • editorSuggestWidgetStatus.foreground#CBCBCBfe
  • editorUnicodeHighlight.background#49625Fa7
  • editorUnicodeHighlight.border#0D0D0Dfe
  • editorUnnecessaryCode.border#332B00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0B0E0B00
  • editorWarning.border#0D0E0B00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E8E8E8ce
  • editorWidget.background#0D0D0Dfe
  • editorWidget.border#0D0D0Dfe
  • editorWidget.foreground#E8E8E8ce
  • editorWidget.resizeBorder#0D0D0Dfe
  • errorForeground#FF8BFEce
  • extensionBadge.remoteBackground#962CC6fe
  • extensionBadge.remoteForeground#0E0E0Efe
  • extensionButton.background#2D2D2Dae
  • extensionButton.foreground#E8E8E8ce
  • extensionButton.hoverBackground#2D2D2D6e
  • extensionButton.prominentBackground#151515fe
  • extensionButton.prominentForeground#E8E8E8ce
  • extensionButton.prominentHoverBackground#151515fe
  • extensionButton.separator#0D0E0B00
  • extensionIcon.preReleaseForeground#BBBDCCfe
  • extensionIcon.sponsorForeground#D7DBCEfe
  • extensionIcon.starForeground#C9B6BFfe
  • extensionIcon.verifiedForeground#D0BFC8fe
  • focusBorder#0B0E0B00
  • foreground#E8E8E8ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FF9B9Bcb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#BEAAFFce
  • gitDecoration.stageDeletedResourceForeground#FF9B9Bcb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CCCCce
  • icon.foreground#B7B7B7ae
  • inlineChat.background#252A48ca
  • inlineChat.border#292E1Cca
  • inlineChat.regionHighlight#D3DED3ca
  • inlineChat.shadow#DDDEE5ca
  • inlineChatDiff.inserted#D7C9D0ca
  • inlineChatDiff.removed#CED0DBca
  • inlineChatInput.background#D3DED3ca
  • inlineChatInput.border#2C2C2Cca
  • inlineChatInput.focusBorder#0B0B0E00
  • inlineChatInput.placeholderForeground#E2DDE5ca
  • input.background#0D0D0Dfe
  • input.border#0D0D0Dfe
  • input.foreground#E8E8E8ce
  • input.placeholderForeground#B6B6B665
  • inputOption.activeBackground#0D0D0Dfe
  • inputOption.activeBorder#0D0D0Dfe
  • inputOption.activeForeground#A83BD9fe
  • inputOption.hoverBackground#0D0D0Dfe
  • inputValidation.errorBackground#6700679a
  • inputValidation.errorBorder#550055bd
  • inputValidation.errorForeground#FF8BFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0D0D0Dfe
  • inputValidation.infoForeground#E8E8E8ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0D0D0Dfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0D0D0Dfe
  • interactive.inactiveCodeBorder#2626269c
  • keybindingLabel.background#151515fe
  • keybindingLabel.border#0D0D0Dfe
  • keybindingLabel.bottomBorder#0D0D0Dfe
  • keybindingLabel.foreground#E8E8E8ce
  • keybindingTable.headerBackground#151515fe
  • keybindingTable.rowsBackground#151515fe
  • list.activeSelectionBackground#5E455185
  • list.activeSelectionForeground#DBDED3ca
  • list.activeSelectionIconForeground#DAD3DEca
  • list.deemphasizedForeground#E8E8E8ce
  • list.dropBackground#151515fe
  • list.errorForeground#FF8BFEce
  • list.filterMatchBackground#151515fe
  • list.filterMatchBorder#0D0D0Dfe
  • list.focusAndSelectionOutline#0D0E0B00
  • list.focusBackground#49494996
  • list.focusForeground#A435D7fe
  • list.focusHighlightForeground#9DA5F9fe
  • list.focusOutline#0B0B0B00
  • list.highlightForeground#D8E2E0ca
  • list.hoverBackground#32252Bae
  • list.hoverForeground#962CC6fe
  • list.inactiveFocusBackground#2A2A2A9a
  • list.inactiveFocusOutline#0D0E0B00
  • list.inactiveSelectionBackground#0E0E0Eae
  • list.inactiveSelectionForeground#B6B6B665
  • list.inactiveSelectionIconForeground#B9B9B965
  • list.invalidItemForeground#E8E8E8ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#151515fe
  • listFilterWidget.noMatchesOutline#0B0E0B00
  • listFilterWidget.outline#0B0B0E00
  • listFilterWidget.shadow#0B0B0E00
  • menu.background#0E0E0Efe
  • menu.border#0D0B0E00
  • menu.foreground#E8E8E8ae
  • menu.selectionBackground#5B424Eae
  • menu.selectionBorder#0D0E0B00
  • menu.selectionForeground#AF47DFfe
  • menu.separatorBackground#2D2D2D65
  • menubar.selectionBackground#5A424Ead
  • menubar.selectionBorder#0B0E0B00
  • menubar.selectionForeground#B34DE1fe
  • merge.border#0D0D0Dfe
  • merge.commonContentBackground#151515fe
  • merge.commonHeaderBackground#151515fe
  • merge.currentContentBackground#00340031
  • merge.currentHeaderBackground#113413fb
  • merge.incomingContentBackground#113213cb
  • merge.incomingHeaderBackground#113413fb
  • mergeEditor.change.background#151515fe
  • mergeEditor.change.word.background#151515fe
  • mergeEditor.changeBase.background#151515fe
  • mergeEditor.changeBase.word.background#151515fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0D0D0Dfe
  • mergeEditor.conflict.handledUnfocused.border#1D1D1D3d
  • mergeEditor.conflict.input1.background#0D0D0Dfe
  • mergeEditor.conflict.input2.background#0D0D0Dfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c9
  • mergeEditor.conflict.unhandledFocused.border#0D0D0Dfe
  • mergeEditor.conflict.unhandledUnfocused.border#22222239
  • mergeEditor.conflictingLines.background#151515fe
  • minimap.background#151515fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#FAFAFAce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#7DC780fb
  • minimapGutter.deletedBackground#FF9C9Cfb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#747474fe
  • minimapSlider.background#3C3C3Cae
  • minimapSlider.hoverBackground#5151516e
  • notebook.cellBorderColor#0D0D0Dfe
  • notebook.cellEditorBackground#151515fe
  • notebook.cellHoverBackground#151515fe
  • notebook.cellInsertionIndicator#D3DED3ca
  • notebook.cellStatusBarItemHoverBackground#151515fe
  • notebook.cellToolbarSeparator#DBDED3ca
  • notebook.editorBackground#151515fe
  • notebook.focusedCellBackground#151515fe
  • notebook.focusedCellBorder#A435D7fe
  • notebook.focusedEditorBorder#0D0D0Dfe
  • notebook.inactiveFocusedCellBorder#6F6F6F8e
  • notebook.inactiveSelectedCellBorder#6767678e
  • notebook.outputContainerBackgroundColor#151515fe
  • notebook.outputContainerBorderColor#0D0D0Dfe
  • notebook.selectedCellBackground#151515fe
  • notebook.selectedCellBorder#0D0D0Dfe
  • notebook.symbolHighlightBackground#151515fe
  • notebookEditorOverviewRuler.runningCellForeground#E8E8E8ce
  • notebookScrollbarSlider.activeBackground#6F6F6Ffe
  • notebookScrollbarSlider.background#4D4D4Dae
  • notebookScrollbarSlider.hoverBackground#5E5E5E6e
  • notebookStatusErrorIcon.foreground#FF8BFEce
  • notebookStatusRunningIcon.foreground#D2C9D7fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0D0D0Dfe
  • notificationCenterHeader.background#151515fe
  • notificationCenterHeader.foreground#E8E8E8ce
  • notificationLink.foreground#E8E8E8ce
  • notifications.background#151515fe
  • notifications.border#0D0D0Dfe
  • notifications.foreground#E8E8E8ce
  • notificationsErrorIcon.foreground#FF8BFEce
  • notificationsInfoIcon.foreground#BBBDCCfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0D0D0Dfe
  • panel.background#151515fe
  • panel.border#0D0D0Dfe
  • panel.dropBorder#0D0D0Dfe
  • panelInput.border#0D0D0Dfe
  • panelSection.border#0D0D0Dfe
  • panelSection.dropBackground#151515fe
  • panelSectionHeader.background#151515fe
  • panelSectionHeader.border#0D0D0Dfe
  • panelSectionHeader.foreground#E8E8E8ce
  • panelTitle.activeBorder#0D0E0B00
  • panelTitle.activeForeground#DA8CFEfe
  • panelTitle.inactiveForeground#ABABAB65
  • peekView.border#D590F5fe
  • peekViewEditor.background#0D0D0Dfe
  • peekViewEditor.matchHighlightBackground#71546288
  • peekViewEditor.matchHighlightBorder#0B0E0B00
  • peekViewEditorGutter.background#0D0D0Dfe
  • peekViewEditorStickyScroll.background#151515fe
  • peekViewResult.background#0E0E0Efe
  • peekViewResult.fileForeground#E8E8E8ce
  • peekViewResult.lineForeground#E8E8E8ce
  • peekViewResult.matchHighlightBackground#42594288
  • peekViewResult.selectionBackground#66547181
  • peekViewResult.selectionForeground#D3DED3ca
  • peekViewTitle.background#0E0E0Efe
  • peekViewTitleDescription.foreground#E8E8E8ce
  • peekViewTitleLabel.foreground#E8E8E8ce
  • pickerGroup.border#0D0D0Dfe
  • pickerGroup.foreground#E8E8E8ce
  • ports.iconRunningProcessForeground#D8D9E2fe
  • problemsErrorIcon.foreground#FF8BFEce
  • problemsInfoIcon.foreground#BEAAFFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#A02FD4fe
  • profileBadge.foreground#0E0E0Efe
  • progressBar.background#151515fe
  • quickInput.background#0E0E0Efe
  • quickInput.foreground#E8E8E8ae
  • quickInputList.focusBackground#4C3E54ad
  • quickInputList.focusForeground#AB41DCfe
  • quickInputList.focusIconForeground#AB41DCfe
  • quickInputTitle.background#0D0D0Dfe
  • sash.hoverBorder#0D0D0Dfe
  • scrollbar.shadow#0B0B0E00
  • scrollbarSlider.activeBackground#787878fe
  • scrollbarSlider.background#4D4D4Dae
  • scrollbarSlider.hoverBackground#5E5E5E6e
  • search.resultsInfoForeground#E8E8E8ce
  • searchEditor.findMatchBackground#3A4E3Aa3
  • searchEditor.findMatchBorder#0D0D0Dfe
  • searchEditor.textInputBorder#0D0D0Dfe
  • selection.background#151515fe
  • settings.checkboxBackground#0D0D0Dfe
  • settings.checkboxBorder#0D0D0Dfe
  • settings.checkboxForeground#E8E8E8ce
  • settings.dropdownBackground#0D0D0Dfe
  • settings.dropdownBorder#0D0D0Dfe
  • settings.dropdownForeground#E8E8E8ce
  • settings.dropdownListBorder#0D0D0Dfe
  • settings.focusedRowBackground#51435A82
  • settings.focusedRowBorder#0D0D0Dfe
  • settings.headerBorder#0D0D0Dfe
  • settings.headerForeground#E8E8E8ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0D0D0Dfe
  • settings.numberInputBorder#0D0D0Dfe
  • settings.numberInputForeground#E8E8E8ce
  • settings.rowHoverBackground#151515fe
  • settings.sashBorder#0D0D0Dfe
  • settings.settingsHeaderHoverForeground#962CC6fe
  • settings.textInputBackground#0D0D0Dfe
  • settings.textInputBorder#0D0D0Dfe
  • settings.textInputForeground#E8E8E8ce
  • sideBar.background#151515fe
  • sideBar.border#0D0D0Dfe
  • sideBar.dropBackground#151515fe
  • sideBar.foreground#B7B7B7ae
  • sideBarSectionHeader.background#0B0E0E00
  • sideBarSectionHeader.border#0D0D0Dfe
  • sideBarSectionHeader.foreground#E8E8E8ce
  • sideBarTitle.foreground#E8E8E8ce
  • sideBySideEditor.horizontalBorder#0D0D0Dfe
  • sideBySideEditor.verticalBorder#0D0D0Dfe
  • simpleFindWidget.sashBorder#0D0D0Dfe
  • statusBar.background#0E0E0Efe
  • statusBar.border#0D0D0Dfe
  • statusBar.debuggingBackground#550055a3
  • statusBar.debuggingBorder#0D0D0Dfe
  • statusBar.debuggingForeground#E8E8E8ce
  • statusBar.focusBorder#0B0E0B00
  • statusBar.foreground#B7B7B76e
  • statusBar.noFolderBackground#0E0E0Efe
  • statusBar.noFolderBorder#0D0D0Dfe
  • statusBar.noFolderForeground#E8E8E8ce
  • statusBarItem.activeBackground#0E0E0Efe
  • statusBarItem.compactHoverBackground#0E0E0Efe
  • statusBarItem.errorBackground#550055c0
  • statusBarItem.errorForeground#FF8BFEce
  • statusBarItem.errorHoverBackground#550055b3
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0D0E0B00
  • statusBarItem.hoverBackground#0E0E0Efe
  • statusBarItem.hoverForeground#AF47DFfe
  • statusBarItem.offlineBackground#0E0E0Efe
  • statusBarItem.offlineForeground#E8E8E8ce
  • statusBarItem.offlineHoverBackground#0E0E0Efe
  • statusBarItem.offlineHoverForeground#BA59E6fe
  • statusBarItem.prominentBackground#0E0E0Efe
  • statusBarItem.prominentForeground#E8E8E8ce
  • statusBarItem.prominentHoverBackground#0E0E0Efe
  • statusBarItem.prominentHoverForeground#9B2CCEfe
  • statusBarItem.remoteBackground#BA59E6fe
  • statusBarItem.remoteForeground#0E0E0Efe
  • statusBarItem.remoteHoverBackground#0E0E0Efe
  • statusBarItem.remoteHoverForeground#BA59E6fe
  • statusBarItem.warningBackground#352C00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#352C00fe
  • statusBarItem.warningHoverForeground#CBA800ce
  • symbolIcon.arrayForeground#CED0DBfe
  • symbolIcon.booleanForeground#00CCCCce
  • symbolIcon.classForeground#CBCBCBfe
  • symbolIcon.colorForeground#BBBDCCfe
  • symbolIcon.constantForeground#BEB2C6fe
  • symbolIcon.constructorForeground#C9CBD7fe
  • symbolIcon.enumeratorForeground#CBCBCBfe
  • symbolIcon.enumeratorMemberForeground#DCDCDCfe
  • symbolIcon.eventForeground#D3C4CCfe
  • symbolIcon.fieldForeground#DDE5DDfe
  • symbolIcon.fileForeground#C4D3D1fe
  • symbolIcon.folderForeground#CEDBD9fe
  • symbolIcon.functionForeground#DED8E2fe
  • symbolIcon.interfaceForeground#DDE5DDfe
  • symbolIcon.keyForeground#DBDED3fe
  • symbolIcon.keywordForeground#CCD0BFfe
  • symbolIcon.methodForeground#D0D3C4fe
  • symbolIcon.moduleForeground#C2C2C2fe
  • symbolIcon.namespaceForeground#D8D9E2fe
  • symbolIcon.nullForeground#E0E0E0fe
  • symbolIcon.numberForeground#D3DED3fe
  • symbolIcon.objectForeground#E5DDE1fe
  • symbolIcon.operatorForeground#D8D9E2fe
  • symbolIcon.packageForeground#D8E2D8fe
  • symbolIcon.propertyForeground#CBCBCBfe
  • symbolIcon.referenceForeground#CABFD0fe
  • symbolIcon.snippetForeground#C5B1BBfe
  • symbolIcon.stringForeground#B1C5B1fe
  • symbolIcon.structForeground#D3D3D3fe
  • symbolIcon.textForeground#DFE2D8fe
  • symbolIcon.typeParameterForeground#B6B8C9fe
  • symbolIcon.unitForeground#C2C2C2fe
  • symbolIcon.variableForeground#CEDBCEfe
  • tab.activeBackground#0F0F0Ffe
  • tab.activeBorder#0E0B0D00
  • tab.activeBorderTop#D288F3fe
  • tab.activeForeground#DA8CFEfe
  • tab.activeModifiedBorder#332B00ce
  • tab.border#0B0B0B00
  • tab.hoverBackground#C5B1BAa7
  • tab.hoverBorder#0D0D0Dfe
  • tab.hoverForeground#AF47DFfe
  • tab.inactiveBackground#26262698
  • tab.inactiveForeground#ABABAB65
  • tab.inactiveModifiedBorder#332B00ce
  • tab.lastPinnedBorder#0D0D0Dfe
  • tab.unfocusedActiveBackground#1D1D1D22
  • tab.unfocusedActiveBorder#0E0B0D00
  • tab.unfocusedActiveBorderTop#2D2D2D65
  • tab.unfocusedActiveForeground#ABABAB65
  • tab.unfocusedActiveModifiedBorder#332B00ce
  • tab.unfocusedHoverBackground#B6B6B623
  • tab.unfocusedHoverBorder#1D1D1D30
  • tab.unfocusedHoverForeground#AAAAAA65
  • tab.unfocusedInactiveBackground#33333396
  • tab.unfocusedInactiveForeground#AAAAAA65
  • tab.unfocusedInactiveModifiedBorder#332B00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#3333339d
  • 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#670067b7
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea0
  • terminal.ansiYellow#c4a200fe
  • terminal.background#151515fe
  • terminal.border#0D0D0Dfe
  • terminal.dropBackground#151515fe
  • terminal.findMatchBackground#151515fe
  • terminal.findMatchBorder#0D0D0Dfe
  • terminal.findMatchHighlightBackground#151515fe
  • terminal.findMatchHighlightBorder#0D0D0Dfe
  • terminal.foreground#B7B7B7ae
  • terminal.hoverHighlightBackground#151515fe
  • terminal.inactiveSelectionBackground#33333392
  • terminal.selectionBackground#52435B82
  • terminal.selectionForeground#D8E2E0ca
  • terminal.tab.activeBorder#DA8BFDfe
  • terminalCommandDecoration.defaultBackground#C5B1BBae
  • terminalCommandDecoration.errorBackground#FF9B9Bcb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#151515fe
  • terminalCursor.foreground#962CC6fe
  • terminalOverviewRuler.cursorForeground#E8E8E8ce
  • terminalOverviewRuler.findMatchForeground#00CCCCce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c8
  • testing.iconUnset#808080b0
  • testing.message.error.decorationForeground#D6A4ECfe
  • testing.message.error.lineBackground#550055c9
  • testing.message.info.decorationForeground#D6A5ECfe
  • testing.message.info.lineBackground#0000A3fe
  • testing.peekBorder#0D0D0Dfe
  • testing.peekHeaderBackground#151515fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#151515fe
  • textBlockQuote.border#0D0D0Dfe
  • textCodeBlock.background#151515fe
  • textLink.activeForeground#AF47DFfe
  • textLink.foreground#BEAAFFce
  • textPreformat.foreground#E8E8E8ce
  • textSeparator.foreground#E8E8E8ce
  • titleBar.activeBackground#0E0E0Efe
  • titleBar.activeForeground#AAAAAAae
  • titleBar.border#0B0E0E00
  • titleBar.inactiveBackground#262626d3
  • titleBar.inactiveForeground#A8A8A865
  • toolbar.activeBackground#1E302D85
  • toolbar.hoverBackground#151515fe
  • toolbar.hoverOutline#0D0E0B00
  • tree.inactiveIndentGuidesStroke#B4BAA235
  • tree.indentGuidesStroke#D6A4ECfe
  • tree.tableColumnsBorder#0D0D0Dfe
  • tree.tableOddRowsBackground#151515fe
  • walkThrough.embeddedEditorBackground#151515fe
  • walkthrough.stepTitle.foreground#E8E8E8ce
  • welcomePage.background#151515fe
  • welcomePage.progress.background#151515fe
  • welcomePage.progress.foreground#E8E8E8ce
  • welcomePage.tileBackground#151515fe
  • welcomePage.tileBorder#0D0D0Dfe
  • welcomePage.tileHoverBackground#151515fe
  • widget.border#0D0D0Dfe
  • widget.shadow#0D0E0B00
  • window.activeBorder#0D0D0Dfe
  • window.inactiveBorder#2D2D2D96

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#BFBFBF6e
comment.block.html#BFBFBF6e
comment.block.java#BEBEBE6e
comment.block.javadoc.java#BFBFBF6e
comment.block.powershell#BFBFBF6e
comment.block.xml#BFBFBF6e
comment.line.double-slash.c#BFBFBF6e
comment.line.double-slash.cpp#BFBFBF6e
comment.line.double-slash.java#BFBFBF6e
comment.line.double-slash.js#BFBFBF6e
comment.line.number-sign.makefile#BFBFBF6e
comment.line.number-sign.python#BFBFBF6e
comment.line.number-sign.yaml#BFBFBF6e
comment.line.percentage.erlang#BFBFBF6e
comment.line.powershell#BFBFBF6e
comment.source.cmake#BFBFBF6e
comment.source.cmakecache#BEBEBE6e
constant.character#A6B0F8de
constant.character.character-class.regexp#9FCF11de
constant.character.escape#EEA274de
constant.character.set.regexp#F79EC5de
constant.language#0DDE19de
constant.numeric#10DE1Cde
constant.numeric.dec.python#10DD1Ede
constant.other.caps.python#EEA274de
constant.other.character-class.regexp#9ECE0Ede
constant.other.character-class.set.regexp#A0CF0Ede
constant.other.color.rgb-value#9EA9F7de
constant.other.placeholder#8F9BF2de
constant.other.rgb-value#CD84EFde
constant.regexp#FEAD7Cde
constant.sha.git-rebase#F07AAEde
emphasis#FDAD80de
entity.name.class#FEA5CCde
entity.name.function#E4A9FEde
entity.name.function.preprocessor#CE83EFde
entity.name.function.python#0ED3D3de
entity.name.label#D897F6de
entity.name.namespace#CE83EFde
entity.name.operator#ED7CAEde
entity.name.operator.custom-literal#0DD5D5de
entity.name.scope-resolution#FEA2CCde
entity.name.tag#9ECE0Ede
entity.name.tag.css#9ECF0Fde
entity.name.type#10DD1Ede
entity.name.variable#0DDE19de
entity.other.attribute#CD84EFde
entity.other.attribute-name#F8A6CAde
entity.other.attribute-name.class.css#10D4D4de
entity.other.attribute-name.class.mixin.css#10D3D3de
entity.other.attribute-name.id#E4A9FEde
entity.other.attribute-name.id.css#0BDD16de
entity.other.attribute-name.parent-selector.css#FEA5CCde
entity.other.attribute-name.pseudo-class.css#8F9BEEde
entity.other.attribute-name.pseudo-element.css#9FCF0Fde
entity.other.attribute-name.scss#97A3F6de
entity.other.document.begin.yaml#BFBFBF6e
entity.other.inherited-class#9FCE11de
header#A0CF0Ede
invalid#EA9866de
keyword#EF7CAEde
keyword.codetag.notation.python#10DD1Dde
keyword.control#DFA6F8de
keyword.control.anchor.regexp#F8A6CAde
keyword.control.import.python#10D3D3de
keyword.operator#CC84EDde
keyword.operator.alignas#10DD1Dde
keyword.operator.alignof#0FD5D5de
keyword.operator.cast#10D4D4de
keyword.operator.delete#E4A9FEde
keyword.operator.documentation.powershell#BFBFBF6e
keyword.operator.expression#E3A2FEde
keyword.operator.instanceof#EEA274de
keyword.operator.logical.python#FDAD80de
keyword.operator.minus.exponent#9FCF11de
keyword.operator.negation.regexp#A6B0F8de
keyword.operator.new#10DD1Cde
keyword.operator.noexcept#909CF5de
keyword.operator.or.regexp#ADB7F9de
keyword.operator.plus.exponent#9DD007de
keyword.operator.quantifier.regexp#E3A2FEde
keyword.operator.sizeof#CD84EEde
keyword.operator.typeid#10D4D4de
keyword.operator.wordlike#D590F5de
keyword.other.operator#8F9BF1de
keyword.other.package.java#F697C0de
keyword.other.unit#FEA5CCde
keyword.other.using#9FCF0Fde
markup.bold#E4A9FEde
markup.changed#F697C0de
markup.deleted#9EA9F7de
markup.fenced_code.block.markdown#0CD5D5de
markup.heading#0BD4D4de
markup.inline.raw#E4A9FEde
markup.inserted#9FCE11de
markup.italic#0DDE19de
markup.raw.block.markdown#B0BAFEde
markup.strikethrough#EC7EADde
markup.underline#EEA274de
meta.block.c#0EDD1Bde
meta.block.c#ABB6FEde
meta.class.java#D897F6de
meta.definition.variable.name#FDAC7Bde
meta.diff.header#909CF0de
meta.embedded#10D4D4de
meta.embedded.assembly#A0CF0Ede
meta.function-call.arguments.python#0DDE19de
meta.function-call.python#9FCE0Dde
meta.member.access.python#0EDD1Cde
meta.method.java#0CD5D5de
meta.object-literal.key#9FCE0Dde
meta.paragraph.markdown#FEAD7Cde
meta.preprocessor#9FCF11de
meta.preprocessor.numeric#B0BAFEde
meta.preprocessor.string#10DE1Dde
meta.scope.prerequisites.makefile#A0CF0Ede
meta.structure.dictionary.json.comments#BFBFBF6e
meta.structure.dictionary.key.python#F1AB81de
meta.structure.dictionary.value.json.comments#BFBFBF6e
meta.template.expression#EE7DAEde
meta.type.cast.expr#8F9BEFde
meta.type.new.expr#10DE1Cde
parameter#EEA274de
punctuation.character.set.begin.regexp#9FCF11de
punctuation.character.set.end.regexp#FCAD7Fde
punctuation.definition.array.begin.json#EE7DAEde
punctuation.definition.character-class.regexp#FEA2CCde
punctuation.definition.comment#BFBFBF6e
punctuation.definition.comment.json.comments#BFBFBF6e
punctuation.definition.comment.python#BFBFBF6e
punctuation.definition.dictionary.begin.json#A6B0F8de
punctuation.definition.dictionary.end.json#10DD1Dde
punctuation.definition.group.assertion.regexp#0EDD1Cde
punctuation.definition.group.regexp#FDAD7Dde
punctuation.definition.list.begin.json#9ECE11de
punctuation.definition.list.begin.markdown#9FCE0Cde
punctuation.definition.list.begin.python#10D3D3de
punctuation.definition.list.end.json#9ECE0Ede
punctuation.definition.list.end.markdown#FEA5CCde
punctuation.definition.list.end.python#FCAD7Fde
punctuation.definition.parameters.begin.python#9FCE11de
punctuation.definition.parameters.end.bracket.round.java#FEA5CCde
punctuation.definition.quote.begin.markdown#9ECE10de
punctuation.definition.tag#FEA5CCde
punctuation.definition.template-expression.begin#FEA2CCde
punctuation.definition.template-expression.end#ABB6FEde
punctuation.section.class.begin.bracket.curly.java#0FD5D5de
punctuation.section.embedded#9FCE11de
punctuation.section.embedded.begin.php#E89360de
punctuation.section.embedded.end.php#9ECE10de
punctuation.terminator.java#9ECE10de
source.cmake#CD84EEde
source.coffee.embedded#CE82F1de
source.cpp#DFA6F8de
source.css.less#FEAD7Ede
source.groovy.embedded#9DD007de
source.java#0FDD1Cde
source.java-properties#CE82F1de
source.json.comments#BFBFBF6e
source.makefile#FEA5CCde
source.powershell#9ECE11de
source.powershell.variable.other.member#FEA5CCde
source.python#8F9BF1de
storage#FEAD7Cde
storage.modifier#FEAD7Cde
storage.modifier.import.java#97A3F6de
storage.modifier.package.java#9FCE0Dde
storage.type#EEA274de
storage.type.annotation.groovy#CD84EFde
storage.type.annotation.java#9FCE11de
storage.type.boolean.go#97A3F6de
storage.type.byte.go#F697C0de
storage.type.cs#0ED3D3de
storage.type.error.go#B0BAFEde
storage.type.generic.cs#F3B088de
storage.type.generic.groovy#9FCE0Dde
storage.type.generic.java#0EDE1Bde
storage.type.groovy#10DD1Dde
storage.type.java#FEAD7Ede
storage.type.modifier.cs#DB9EF7de
storage.type.numeric.go#0FD5D5de
storage.type.object.array.groovy#EE7DAEde
storage.type.object.array.java#9ECE11de
storage.type.parameters.groovy#10DD1Ede
storage.type.primitive.array.groovy#9FCE11de
storage.type.primitive.array.java#10D3D3de
storage.type.primitive.groovy#0CD5D5de
storage.type.primitive.java#CE82F1de
storage.type.rune.go#D288F3de
storage.type.string.go#F388B7de
storage.type.token.java#FEA5CCde
storage.type.uintptr.go#CC84EDde
storage.type.variable.cs#0CDE19de
string#F1AB81de
string.quoted.docstring.multi.python#BEBEBE6e
string.regexp#10D4D4de
string.tag#F181B2de
string.value#FEAD7Ede
strong#10DD1Ede
support.class#0CDE19de
support.constant.color#F07AAEde
support.constant.dom#10D4D4de
support.constant.font-name#9FCF11de
support.constant.handlebars#CC84EDde
support.constant.json#0FD5D5de
support.constant.math#9ECE0Ede
support.constant.media#9FCE11de
support.constant.media-type#10D4D4de
support.constant.property-value#CC84EDde
support.function#D288F3de
support.function.git-rebase#F590BCde
support.other.parenthesis.regexp#CC84EDde
support.type#DFA6F8de
support.type.property-name#EEA274de
support.type.vendored.property-name#0BDD16de
support.variable#10D4D4de
token.debug-token#F590BCde
token.error-token#9ECE11de
token.info-token#0FD5D5de
token.warn-token#9ECE0Ede
variable#10DE1Dde
variable.css#9ECF0Fde
variable.language#8F9BEFde
variable.language.wildcard.java#F590BCde
variable.other.constant#E3A2FEde
variable.other.definition.java#0FD5D5de
variable.other.enummember#0CDE19de
variable.other.less#ED7CAEde
variable.other.object.java#CE83EFde
variable.other.object.property.java#909CF0de
variable.parameter.c#EEA274de
variable.parameter.function.language.python#E4A9FEde
variable.parameter.java#10D4D4de
variable.scss#8F9BEEde
viiv by B.W - VS Code Theme