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#D9D9E0fe
  • activityBar.activeBackground#D9D9E0fe
  • activityBar.activeBorder#08433Bfe
  • activityBar.activeFocusBorder#9E6E6E00
  • activityBar.background#ECECEFfe
  • activityBar.border#986D9800
  • activityBar.dropBorder#08433Bfe
  • activityBar.foreground#08433Bfe
  • activityBar.inactiveForeground#44445565
  • activityBarBadge.background#138A7Bfe
  • activityBarBadge.foreground#ECECEFfe
  • badge.background#138A7Bfe
  • badge.foreground#ECECEFfe
  • banner.background#D9D9E0fe
  • banner.foreground#2F2F57ce
  • banner.iconForeground#5B2027fe
  • breadcrumb.activeSelectionForeground#1D3B21ca
  • breadcrumb.background#E7E7ECfe
  • breadcrumb.focusForeground#178A7Cfe
  • breadcrumb.foreground#2F2F57ae
  • breadcrumbPicker.background#D9D9E0fe
  • button.background#A5A5B7ae
  • button.border#F5F5F700
  • button.foreground#2F2F57ce
  • button.hoverBackground#8888A16e
  • button.secondaryBackground#D9D9E0fe
  • button.secondaryForeground#2F2F57ce
  • button.secondaryHoverBackground#D9D9E0fe
  • button.separator#F7F5F500
  • charts.blue#1b1bfffe
  • charts.foreground#2F2F57ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a3
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F0F0F3fe
  • chat.slashCommandBackground#D9D9E0fe
  • chat.slashCommandForeground#2F2F57ce
  • checkbox.background#F0F0F3fe
  • checkbox.border#F0F0F3fe
  • checkbox.foreground#2F2F57ce
  • checkbox.selectBackground#F0F0F3fe
  • checkbox.selectBorder#F0F0F3fe
  • commandCenter.activeBackground#C0C8B98e
  • commandCenter.activeBorder#F0F0F3fe
  • commandCenter.activeForeground#178A7Cfe
  • commandCenter.background#D9D9E0fe
  • commandCenter.border#F0F0F3fe
  • commandCenter.foreground#2F2F57ce
  • commandCenter.inactiveBorder#C5C5D096
  • commandCenter.inactiveForeground#40405165
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F7F5F700
  • contrastBorder#F5F5F700
  • debugConsole.errorForeground#8B008Bce
  • debugConsole.infoForeground#2F2F57ce
  • debugConsole.sourceForeground#2F2F57ce
  • debugConsole.warningForeground#5C4C00ce
  • debugConsoleInputIcon.foreground#243827fe
  • debugExceptionWidget.background#FFA9FFa6
  • debugExceptionWidget.border#F0F0F3fe
  • debugIcon.breakpointCurrentStackframeForeground#3E2F41fe
  • debugIcon.breakpointDisabledForeground#38384765
  • debugIcon.breakpointForeground#2D392Ffe
  • debugIcon.breakpointStackframeForeground#1A3A1Dfe
  • debugIcon.breakpointUnverifiedForeground#561263fe
  • debugIcon.continueForeground#19199Efe
  • debugIcon.disconnectForeground#19383Efe
  • debugIcon.pauseForeground#661220fe
  • debugIcon.restartForeground#482651fe
  • debugIcon.startForeground#412F32fe
  • debugIcon.stepBackForeground#313E33fe
  • debugIcon.stepIntoForeground#163840fe
  • debugIcon.stepOutForeground#561263fe
  • debugIcon.stepOverForeground#412F32fe
  • debugIcon.stopForeground#403021fe
  • debugTokenExpression.boolean#1D1718ca
  • debugTokenExpression.error#171D18ca
  • debugTokenExpression.name#171318ca
  • debugTokenExpression.number#1D1A17ca
  • debugTokenExpression.value#131814ca
  • debugToolBar.background#FFA9FFb4
  • debugToolBar.border#F0F0F3fe
  • debugView.exceptionLabelBackground#CDC2CFca
  • debugView.exceptionLabelForeground#462E17ca
  • debugView.stateLabelBackground#CBC5BDca
  • debugView.stateLabelForeground#1D3B21ca
  • debugView.valueChangedHighlight#171318ca
  • descriptionForeground#2F2F57ce
  • diffEditor.border#F5F5F700
  • diffEditor.diagonalFill#000000fd
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#9AD39Dfb
  • diffEditor.insertedTextBorder#F5F7F700
  • diffEditor.move.border#F6F7F500
  • diffEditor.moveActive.border#F6F7F500
  • diffEditor.removedLineBackground#FFB1B131
  • diffEditor.removedTextBackground#FFB3B3fb
  • diffEditor.removedTextBorder#F7F5F700
  • diffEditor.unchangedCodeBackground#D9D9E0fe
  • diffEditor.unchangedRegionBackground#D9D9E0fe
  • diffEditor.unchangedRegionForeground#2F2F57ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#44445565
  • dropdown.background#F0F0F3fe
  • dropdown.border#F0F0F3fe
  • dropdown.foreground#2F2F57ce
  • dropdown.listBackground#F0F0F3fe
  • editor.background#D9D9E0fe
  • editor.findMatchBackground#9D88A1ab
  • editor.findMatchBorder#F0F0F3fe
  • editor.findMatchHighlightBackground#99A48Dab
  • editor.findMatchHighlightBorder#F0F0F3fe
  • editor.findRangeHighlightBackground#8888A1aa
  • editor.findRangeHighlightBorder#F0F0F3fe
  • editor.focusedStackFrameHighlightBackground#A9B8BB8b
  • editor.foldBackground#2F5435ad
  • editor.foreground#2F2F57ce
  • editor.hoverHighlightBackground#AEB7A5a3
  • editor.inactiveSelectionBackground#BCBCCA94
  • editor.inlineValuesBackground#D9D9E0fe
  • editor.inlineValuesForeground#2F2F57ce
  • editor.lineHighlightBackground#B3B3C2b3
  • editor.lineHighlightBorder#F6F7F500
  • editor.linkedEditingBackground#D9D9E0fe
  • editor.rangeHighlightBackground#88A18Ca8
  • editor.rangeHighlightBorder#F0F0F3fe
  • editor.selectionBackground#B3C0C2a7
  • editor.selectionForeground#18383Fca
  • editor.selectionHighlightBackground#BFB6AE85
  • editor.selectionHighlightBorder#F0F0F3fe
  • editor.snippetFinalTabstopHighlightBackground#A18DA4a5
  • editor.snippetFinalTabstopHighlightBorder#F0F0F3fe
  • editor.snippetTabstopHighlightBackground#8DA1A4a7
  • editor.snippetTabstopHighlightBorder#F0F0F3fe
  • editor.stackFrameHighlightBackground#A896ACa5
  • editor.symbolHighlightBackground#9BB09Fa3
  • editor.symbolHighlightBorder#F0F0F3fe
  • editor.wordHighlightBackground#92A4A8a4
  • editor.wordHighlightBorder#F5F7F700
  • editor.wordHighlightStrongBackground#A18DA4ae
  • editor.wordHighlightStrongBorder#F7F5F500
  • editor.wordHighlightTextBackground#AEAEBFae
  • editor.wordHighlightTextBorder#F5F5F700
  • editorBracketHighlight.foreground1#0B0B0Dce
  • editorBracketHighlight.foreground2#0B0B0Dce
  • editorBracketHighlight.foreground3#0B0B0Dce
  • editorBracketHighlight.foreground4#0B0B0Dce
  • editorBracketHighlight.foreground5#0B0B0Dce
  • editorBracketHighlight.foreground6#0B0B0Dce
  • editorBracketHighlight.unexpectedBracket.foreground#2F2F57ce
  • editorBracketMatch.background#71337Eae
  • editorBracketMatch.border#F0F0F3fe
  • editorBracketPairGuide.activeBackground1#2D525A81
  • editorBracketPairGuide.activeBackground2#7330828a
  • editorBracketPairGuide.activeBackground3#47503F89
  • editorBracketPairGuide.activeBackground4#2D525A87
  • editorBracketPairGuide.activeBackground5#47503F87
  • editorBracketPairGuide.activeBackground6#2F515983
  • editorBracketPairGuide.background1#C7C7D3fe
  • editorBracketPairGuide.background2#C5C5D1fe
  • editorBracketPairGuide.background3#CCC5BFfe
  • editorBracketPairGuide.background4#CEC4D0fe
  • editorBracketPairGuide.background5#C1C8B9fe
  • editorBracketPairGuide.background6#BDC7CBfe
  • editorCodeLens.foreground#47475A6e
  • editorCommentsWidget.rangeActiveBackground#41419Ffe
  • editorCommentsWidget.rangeBackground#D9D9E0fe
  • editorCommentsWidget.resolvedBorder#F0F0F3fe
  • editorCommentsWidget.unresolvedBorder#FFB1B1cb
  • editorCursor.background#D9D9E0fe
  • editorCursor.foreground#37837Afe
  • editorError.background#F6F7F500
  • editorError.border#F5F5F700
  • editorError.foreground#8B008Bce
  • editorGhostText.background#D9D9E0fe
  • editorGhostText.border#F7F5F700
  • editorGhostText.foreground#0101BF6e
  • editorGroup.border#F0F0F3fe
  • editorGroup.dropBackground#D9D9E0fe
  • editorGroup.dropIntoPromptBackground#D9D9E0fe
  • editorGroup.dropIntoPromptBorder#F0F0F3fe
  • editorGroup.dropIntoPromptForeground#2F2F57ce
  • editorGroup.emptyBackground#D9D9E0fe
  • editorGroup.focusedEmptyBorder#F0F0F3fe
  • editorGroupHeader.border#F7F5F700
  • editorGroupHeader.noTabsBackground#ECECEFae
  • editorGroupHeader.tabsBackground#D9D9E0a1
  • editorGroupHeader.tabsBorder#F7F5F700
  • editorGutter.addedBackground#1A591Efb
  • editorGutter.background#D9D9E0fe
  • editorGutter.commentGlyphForeground#2F2F57ce
  • editorGutter.commentRangeForeground#2F2F57ce
  • editorGutter.commentUnresolvedGlyphForeground#1E5721cb
  • editorGutter.deletedBackground#9D0000cb
  • editorGutter.foldingControlForeground#2F2F57ce
  • editorGutter.modifiedBackground#5C4C00ce
  • editorHint.border#F5F7F700
  • editorHint.foreground#3A00F3ce
  • editorHoverWidget.background#F0F0F3fe
  • editorHoverWidget.border#F0F0F3fe
  • editorHoverWidget.foreground#2F2F57ce
  • editorHoverWidget.highlightForeground#303058ca
  • editorHoverWidget.statusBarBackground#D9D9E0fe
  • editorIndentGuide.activeBackground1#1B413Dfe
  • editorIndentGuide.activeBackground2#1C413Cfe
  • editorIndentGuide.activeBackground3#08433Bfe
  • editorIndentGuide.activeBackground4#1C413Cfe
  • editorIndentGuide.activeBackground5#06433Bfe
  • editorIndentGuide.activeBackground6#17423Cfe
  • editorIndentGuide.background1#4C3C3F35
  • editorIndentGuide.background2#6D565A35
  • editorIndentGuide.background3#493C4C35
  • editorIndentGuide.background4#6D565A35
  • editorIndentGuide.background5#4E405135
  • editorIndentGuide.background6#35423735
  • editorInfo.background#F6F7F500
  • editorInfo.border#F5F7F700
  • editorInfo.foreground#3A00F3ce
  • editorInlayHint.background#D9D9E0fe
  • editorInlayHint.foreground#2F2F57ce
  • editorInlayHint.parameterBackground#D9D9E0fe
  • editorInlayHint.parameterForeground#2F2F57ce
  • editorInlayHint.typeBackground#D9D9E0fe
  • editorInlayHint.typeForeground#2F2F57ce
  • editorLightBulb.foreground#5C4C00ce
  • editorLightBulbAutoFix.foreground#1E5721cb
  • editorLineNumber.activeForeground#17897Bfe
  • editorLineNumber.dimmedForeground#4F4F636e
  • editorLineNumber.foreground#0101BF6e
  • editorLink.activeForeground#198A7Bfe
  • editorMarkerNavigation.background#F0F0F3fe
  • editorMarkerNavigationError.background#FFA9FFc4
  • editorMarkerNavigationError.headerBackground#FFA9FFb6
  • editorMarkerNavigationInfo.background#C1C1FFfe
  • editorMarkerNavigationInfo.headerBackground#C1C1FFfe
  • editorMarkerNavigationWarning.background#ECC300fe
  • editorMarkerNavigationWarning.headerBackground#ECC300fe
  • editorOverviewRuler.addedForeground#1E5721cb
  • editorOverviewRuler.background#D9D9E0fe
  • editorOverviewRuler.border#C5C5D0fe
  • editorOverviewRuler.bracketMatchForeground#2F2F57ce
  • editorOverviewRuler.commentForeground#0101B76e
  • editorOverviewRuler.commentUnresolvedForeground#1E5721cb
  • editorOverviewRuler.commonContentForeground#2F2F57ce
  • editorOverviewRuler.currentContentForeground#4D4D4Dac
  • editorOverviewRuler.deletedForeground#9D0000cb
  • editorOverviewRuler.errorForeground#8B008Bce
  • editorOverviewRuler.findMatchForeground#005656ce
  • editorOverviewRuler.incomingContentForeground#1E5721cb
  • editorOverviewRuler.infoForeground#3A00F3ce
  • editorOverviewRuler.modifiedForeground#5C4C00ce
  • editorOverviewRuler.rangeHighlightForeground#303055ca
  • editorOverviewRuler.selectionHighlightForeground#3A00F3ce
  • editorOverviewRuler.warningForeground#5C4C00ce
  • editorOverviewRuler.wordHighlightForeground#283818ca
  • editorOverviewRuler.wordHighlightStrongForeground#2F2F57ce
  • editorOverviewRuler.wordHighlightTextForeground#2F2F57ce
  • editorPane.background#D9D9E0fe
  • editorRuler.foreground#3B3BB430
  • editorStickyScroll.background#D9D9E0fe
  • editorStickyScrollHover.background#C5C5D16e
  • editorSuggestWidget.background#F0F0F3fe
  • editorSuggestWidget.border#F6F7F500
  • editorSuggestWidget.focusHighlightForeground#543137fe
  • editorSuggestWidget.foreground#313E33fe
  • editorSuggestWidget.highlightForeground#4E2055ca
  • editorSuggestWidget.selectedBackground#B2BBA98b
  • editorSuggestWidget.selectedForeground#661220ca
  • editorSuggestWidget.selectedIconForeground#670F21ca
  • editorSuggestWidgetStatus.foreground#1D3B21fe
  • editorUnicodeHighlight.background#8DA1A4a4
  • editorUnicodeHighlight.border#F0F0F3fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F7F6F500
  • editorWarning.border#F5F5F700
  • editorWarning.foreground#5C4C00ce
  • editorWhitespace.foreground#2F2F57ce
  • editorWidget.background#F0F0F3fe
  • editorWidget.border#F0F0F3fe
  • editorWidget.foreground#2F2F57ce
  • editorWidget.resizeBorder#F0F0F3fe
  • errorForeground#8B008Bce
  • extensionBadge.remoteBackground#198A7Bfe
  • extensionBadge.remoteForeground#ECECEFfe
  • extensionButton.background#C5C5D1ae
  • extensionButton.foreground#2F2F57ce
  • extensionButton.hoverBackground#C5C5D16e
  • extensionButton.prominentBackground#D9D9E0fe
  • extensionButton.prominentForeground#2F2F57ce
  • extensionButton.prominentHoverBackground#D9D9E0fe
  • extensionButton.separator#F5F7F500
  • extensionIcon.preReleaseForeground#561263fe
  • extensionIcon.sponsorForeground#4C2A2Efe
  • extensionIcon.starForeground#1D373Cfe
  • extensionIcon.verifiedForeground#243913fe
  • focusBorder#F5F7F500
  • foreground#2F2F57ce
  • gitDecoration.addedResourceForeground#1E5721cb
  • gitDecoration.deletedResourceForeground#9D0000cb
  • gitDecoration.modifiedResourceForeground#5C4C00ce
  • gitDecoration.renamedResourceForeground#3A00F3ce
  • gitDecoration.stageDeletedResourceForeground#9D0000cb
  • gitDecoration.stageModifiedResourceForeground#1E5721cb
  • gitDecoration.untrackedResourceForeground#005656ce
  • icon.foreground#2F2FD5ae
  • inlineChat.background#CCC5BEca
  • inlineChat.border#C6C6D2ca
  • inlineChat.regionHighlight#1C1617ca
  • inlineChat.shadow#1C171Dca
  • inlineChatDiff.inserted#1A1A21ca
  • inlineChatDiff.removed#1D1718ca
  • inlineChatInput.background#17171dca
  • inlineChatInput.border#CDC3CFca
  • inlineChatInput.focusBorder#F6F7F500
  • inlineChatInput.placeholderForeground#41311Dca
  • input.background#F0F0F3fe
  • input.border#F0F0F3fe
  • input.foreground#2F2F57ce
  • input.placeholderForeground#3C3C4C65
  • inputOption.activeBackground#F0F0F3fe
  • inputOption.activeBorder#F0F0F3fe
  • inputOption.activeForeground#367C73fe
  • inputOption.hoverBackground#F0F0F3fe
  • inputValidation.errorBackground#670067a6
  • inputValidation.errorBorder#FFA9FFa3
  • inputValidation.errorForeground#8B008Bce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F0F0F3fe
  • inputValidation.infoForeground#2F2F57ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F0F0F3fe
  • inputValidation.warningForeground#5C4C00ce
  • interactive.activeCodeBorder#F0F0F3fe
  • interactive.inactiveCodeBorder#C6C6D19c
  • keybindingLabel.background#D9D9E0fe
  • keybindingLabel.border#F0F0F3fe
  • keybindingLabel.bottomBorder#F0F0F3fe
  • keybindingLabel.foreground#2F2F57ce
  • keybindingTable.headerBackground#D9D9E0fe
  • keybindingTable.rowsBackground#D9D9E0fe
  • list.activeSelectionBackground#B8A9BB8a
  • list.activeSelectionForeground#1D373Cca
  • list.activeSelectionIconForeground#073C0Eca
  • list.deemphasizedForeground#2F2F57ce
  • list.dropBackground#D9D9E0fe
  • list.errorForeground#8B008Bce
  • list.filterMatchBackground#D9D9E0fe
  • list.filterMatchBorder#F0F0F3fe
  • list.focusAndSelectionOutline#F7F6F500
  • list.focusBackground#C1C1CE96
  • list.focusForeground#11897Bfe
  • list.focusHighlightForeground#184420fe
  • list.focusOutline#F5F5F700
  • list.highlightForeground#303058ca
  • list.hoverBackground#BCC8C9a2
  • list.hoverForeground#158A7Bfe
  • list.inactiveFocusBackground#B8B8C694
  • list.inactiveFocusOutline#F5F5F700
  • list.inactiveSelectionBackground#ECECEFae
  • list.inactiveSelectionForeground#40405165
  • list.inactiveSelectionIconForeground#44445565
  • list.invalidItemForeground#2F2F57ce
  • list.warningForeground#5C4C00ce
  • listFilterWidget.background#D9D9E0fe
  • listFilterWidget.noMatchesOutline#F5F7F500
  • listFilterWidget.outline#F6F7F500
  • listFilterWidget.shadow#F5F5F700
  • menu.background#ECECEFfe
  • menu.border#F6F7F500
  • menu.foreground#2F2F57ae
  • menu.selectionBackground#C1CCCEab
  • menu.selectionBorder#F5F5F700
  • menu.selectionForeground#178A7Cfe
  • menu.separatorBackground#C6C6D265
  • menubar.selectionBackground#C1CCCEac
  • menubar.selectionBorder#F7F6F500
  • menubar.selectionForeground#37837Afe
  • merge.border#F0F0F3fe
  • merge.commonContentBackground#D9D9E0fe
  • merge.commonHeaderBackground#D9D9E0fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#9AD39Dfb
  • merge.incomingContentBackground#9BD49Ecb
  • merge.incomingHeaderBackground#9AD39Dfb
  • mergeEditor.change.background#D9D9E0fe
  • mergeEditor.change.word.background#D9D9E0fe
  • mergeEditor.changeBase.background#D9D9E0fe
  • mergeEditor.changeBase.word.background#D9D9E0fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F0F0F3fe
  • mergeEditor.conflict.handledUnfocused.border#CFCFD93b
  • mergeEditor.conflict.input1.background#F0F0F3fe
  • mergeEditor.conflict.input2.background#F0F0F3fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067ae
  • mergeEditor.conflict.unhandledFocused.border#F0F0F3fe
  • mergeEditor.conflict.unhandledUnfocused.border#CACAD53c
  • mergeEditor.conflictingLines.background#D9D9E0fe
  • minimap.background#D9D9E0fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0B0B0Dce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A591Efb
  • minimapGutter.deletedBackground#9F0000fb
  • minimapGutter.modifiedBackground#5C4C00ce
  • minimapSlider.activeBackground#7A7A95fe
  • minimapSlider.background#A9A9BBae
  • minimapSlider.hoverBackground#8888A16e
  • notebook.cellBorderColor#F0F0F3fe
  • notebook.cellEditorBackground#D9D9E0fe
  • notebook.cellHoverBackground#D9D9E0fe
  • notebook.cellInsertionIndicator#171D18ca
  • notebook.cellStatusBarItemHoverBackground#D9D9E0fe
  • notebook.cellToolbarSeparator#131814ca
  • notebook.editorBackground#D9D9E0fe
  • notebook.focusedCellBackground#D9D9E0fe
  • notebook.focusedCellBorder#346E66fe
  • notebook.focusedEditorBorder#F0F0F3fe
  • notebook.inactiveFocusedCellBorder#7F7F998e
  • notebook.inactiveSelectedCellBorder#6D6D898e
  • notebook.outputContainerBackgroundColor#D9D9E0fe
  • notebook.outputContainerBorderColor#F0F0F3fe
  • notebook.selectedCellBackground#D9D9E0fe
  • notebook.selectedCellBorder#F0F0F3fe
  • notebook.symbolHighlightBackground#D9D9E0fe
  • notebookEditorOverviewRuler.runningCellForeground#2F2F57ce
  • notebookScrollbarSlider.activeBackground#7A7A95fe
  • notebookScrollbarSlider.background#9B9BB0ae
  • notebookScrollbarSlider.hoverBackground#9696AC6e
  • notebookStatusErrorIcon.foreground#8B008Bce
  • notebookStatusRunningIcon.foreground#2D2D62fe
  • notebookStatusSuccessIcon.foreground#1E5721cb
  • notificationCenter.border#F0F0F3fe
  • notificationCenterHeader.background#D9D9E0fe
  • notificationCenterHeader.foreground#2F2F57ce
  • notificationLink.foreground#2F2F57ce
  • notifications.background#D9D9E0fe
  • notifications.border#F0F0F3fe
  • notifications.foreground#2F2F57ce
  • notificationsErrorIcon.foreground#8B008Bce
  • notificationsInfoIcon.foreground#482651fe
  • notificationsWarningIcon.foreground#5C4C00ce
  • notificationToast.border#F0F0F3fe
  • panel.background#D9D9E0fe
  • panel.border#F0F0F3fe
  • panel.dropBorder#F0F0F3fe
  • panelInput.border#F0F0F3fe
  • panelSection.border#F0F0F3fe
  • panelSection.dropBackground#D9D9E0fe
  • panelSectionHeader.background#D9D9E0fe
  • panelSectionHeader.border#F0F0F3fe
  • panelSectionHeader.foreground#2F2F57ce
  • panelTitle.activeBorder#F7F6F500
  • panelTitle.activeForeground#08433Bfe
  • panelTitle.inactiveForeground#3A3A4F65
  • peekView.border#1C413Cfe
  • peekViewEditor.background#F0F0F3fe
  • peekViewEditor.matchHighlightBackground#A0B0B382
  • peekViewEditor.matchHighlightBorder#F5F5F700
  • peekViewEditorGutter.background#F0F0F3fe
  • peekViewEditorStickyScroll.background#D9D9E0fe
  • peekViewResult.background#ECECEFfe
  • peekViewResult.fileForeground#2F2F57ce
  • peekViewResult.lineForeground#2F2F57ce
  • peekViewResult.matchHighlightBackground#889DA181
  • peekViewResult.selectionBackground#A1AC9685
  • peekViewResult.selectionForeground#213A00ca
  • peekViewTitle.background#ECECEFfe
  • peekViewTitleDescription.foreground#2F2F57ce
  • peekViewTitleLabel.foreground#2F2F57ce
  • pickerGroup.border#F0F0F3fe
  • pickerGroup.foreground#2F2F57ce
  • ports.iconRunningProcessForeground#173C1Efe
  • problemsErrorIcon.foreground#8B008Bce
  • problemsInfoIcon.foreground#3A00F3ce
  • problemsWarningIcon.foreground#5C4C00ce
  • profileBadge.background#158A7Bfe
  • profileBadge.foreground#ECECEFfe
  • progressBar.background#D9D9E0fe
  • quickInput.background#ECECEFfe
  • quickInput.foreground#2F2F5Eae
  • quickInputList.focusBackground#A0B3A3a2
  • quickInputList.focusForeground#178A7Cfe
  • quickInputList.focusIconForeground#11897Bfe
  • quickInputTitle.background#F0F0F3fe
  • sash.hoverBorder#F0F0F3fe
  • scrollbar.shadow#F7F5F500
  • scrollbarSlider.activeBackground#7F7F99fe
  • scrollbarSlider.background#A9A9BBae
  • scrollbarSlider.hoverBackground#9696AC6e
  • search.resultsInfoForeground#2F2F57ce
  • searchEditor.findMatchBackground#B6BFAEa7
  • searchEditor.findMatchBorder#F0F0F3fe
  • searchEditor.textInputBorder#F0F0F3fe
  • selection.background#D9D9E0fe
  • settings.checkboxBackground#F0F0F3fe
  • settings.checkboxBorder#F0F0F3fe
  • settings.checkboxForeground#2F2F57ce
  • settings.dropdownBackground#F0F0F3fe
  • settings.dropdownBorder#F0F0F3fe
  • settings.dropdownForeground#2F2F57ce
  • settings.dropdownListBorder#F0F0F3fe
  • settings.focusedRowBackground#AAB3A081
  • settings.focusedRowBorder#F0F0F3fe
  • settings.headerBorder#F0F0F3fe
  • settings.headerForeground#2F2F57ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F0F0F3fe
  • settings.numberInputBorder#F0F0F3fe
  • settings.numberInputForeground#2F2F57ce
  • settings.rowHoverBackground#D9D9E0fe
  • settings.sashBorder#F0F0F3fe
  • settings.settingsHeaderHoverForeground#35756Dfe
  • settings.textInputBackground#F0F0F3fe
  • settings.textInputBorder#F0F0F3fe
  • settings.textInputForeground#2F2F57ce
  • sideBar.background#D9D9E0fe
  • sideBar.border#F0F0F3fe
  • sideBar.dropBackground#D9D9E0fe
  • sideBar.foreground#2F2FD5ae
  • sideBarSectionHeader.background#F7F6F500
  • sideBarSectionHeader.border#F0F0F3fe
  • sideBarSectionHeader.foreground#2F2F57ce
  • sideBarTitle.foreground#2F2F57ce
  • sideBySideEditor.horizontalBorder#F0F0F3fe
  • sideBySideEditor.verticalBorder#F0F0F3fe
  • simpleFindWidget.sashBorder#F0F0F3fe
  • statusBar.background#ECECEFfe
  • statusBar.border#F0F0F3fe
  • statusBar.debuggingBackground#FFA9FFb9
  • statusBar.debuggingBorder#F0F0F3fe
  • statusBar.debuggingForeground#2F2F57ce
  • statusBar.focusBorder#F7F5F700
  • statusBar.foreground#0101B76e
  • statusBar.noFolderBackground#ECECEFfe
  • statusBar.noFolderBorder#F0F0F3fe
  • statusBar.noFolderForeground#2F2F57ce
  • statusBarItem.activeBackground#ECECEFfe
  • statusBarItem.compactHoverBackground#ECECEFfe
  • statusBarItem.errorBackground#FFA9FFa6
  • statusBarItem.errorForeground#8B008Bce
  • statusBarItem.errorHoverBackground#FFA9FFac
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F7F6F500
  • statusBarItem.hoverBackground#ECECEFfe
  • statusBarItem.hoverForeground#178A7Cfe
  • statusBarItem.offlineBackground#ECECEFfe
  • statusBarItem.offlineForeground#2F2F57ce
  • statusBarItem.offlineHoverBackground#ECECEFfe
  • statusBarItem.offlineHoverForeground#17897Bfe
  • statusBarItem.prominentBackground#ECECEFfe
  • statusBarItem.prominentForeground#2F2F57ce
  • statusBarItem.prominentHoverBackground#ECECEFfe
  • statusBarItem.prominentHoverForeground#37837Afe
  • statusBarItem.remoteBackground#367C73fe
  • statusBarItem.remoteForeground#ECECEFfe
  • statusBarItem.remoteHoverBackground#ECECEFfe
  • statusBarItem.remoteHoverForeground#37837Afe
  • statusBarItem.warningBackground#ECC300fe
  • statusBarItem.warningForeground#5C4C00ce
  • statusBarItem.warningHoverBackground#ECC300fe
  • statusBarItem.warningHoverForeground#927900ce
  • symbolIcon.arrayForeground#661220fe
  • symbolIcon.booleanForeground#005656ce
  • symbolIcon.classForeground#403021fe
  • symbolIcon.colorForeground#173C1Efe
  • symbolIcon.constantForeground#452F18fe
  • symbolIcon.constructorForeground#27277Bfe
  • symbolIcon.enumeratorForeground#19383Efe
  • symbolIcon.enumeratorMemberForeground#193A1Ffe
  • symbolIcon.eventForeground#462C31fe
  • symbolIcon.fieldForeground#4E2055fe
  • symbolIcon.fileForeground#303052fe
  • symbolIcon.folderForeground#223A09fe
  • symbolIcon.functionForeground#303058fe
  • symbolIcon.interfaceForeground#313B3Efe
  • symbolIcon.keyForeground#412F32fe
  • symbolIcon.keywordForeground#0B0BADfe
  • symbolIcon.methodForeground#2D392Ffe
  • symbolIcon.moduleForeground#3C3128fe
  • symbolIcon.namespaceForeground#670F21fe
  • symbolIcon.nullForeground#51262Bfe
  • symbolIcon.numberForeground#193A1Ffe
  • symbolIcon.objectForeground#670F21fe
  • symbolIcon.operatorForeground#313E33fe
  • symbolIcon.packageForeground#303058fe
  • symbolIcon.propertyForeground#482651fe
  • symbolIcon.referenceForeground#18383Ffe
  • symbolIcon.snippetForeground#1A3A1Dfe
  • symbolIcon.stringForeground#303058fe
  • symbolIcon.structForeground#183A1Efe
  • symbolIcon.textForeground#611823fe
  • symbolIcon.typeParameterForeground#3F3125fe
  • symbolIcon.unitForeground#2D3739fe
  • symbolIcon.variableForeground#183A1Efe
  • tab.activeBackground#E7E7ECfe
  • tab.activeBorder#F5F7F500
  • tab.activeBorderTop#18423Dfe
  • tab.activeForeground#294642fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F7F5F500
  • tab.hoverBackground#345257ac
  • tab.hoverBorder#F0F0F3fe
  • tab.hoverForeground#37837Afe
  • tab.inactiveBackground#C5C5D195
  • tab.inactiveForeground#39395565
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F0F0F3fe
  • tab.unfocusedActiveBackground#CACAD53c
  • tab.unfocusedActiveBorder#F5F5F700
  • tab.unfocusedActiveBorderTop#C6C6D165
  • tab.unfocusedActiveForeground#40405165
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#3D3DAE27
  • tab.unfocusedHoverBorder#CFCFD922
  • tab.unfocusedHoverForeground#44445565
  • tab.unfocusedInactiveBackground#B8B8C696
  • tab.unfocusedInactiveForeground#3A3A4F65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333be
  • 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#670067c4
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeaa
  • terminal.ansiYellow#c4a200fe
  • terminal.background#D9D9E0fe
  • terminal.border#F0F0F3fe
  • terminal.dropBackground#D9D9E0fe
  • terminal.findMatchBackground#D9D9E0fe
  • terminal.findMatchBorder#F0F0F3fe
  • terminal.findMatchHighlightBackground#D9D9E0fe
  • terminal.findMatchHighlightBorder#F0F0F3fe
  • terminal.foreground#2F2FD5ae
  • terminal.hoverHighlightBackground#D9D9E0fe
  • terminal.inactiveSelectionBackground#B8B8C696
  • terminal.selectionBackground#94A1888a
  • terminal.selectionForeground#1D3B21ca
  • terminal.tab.activeBorder#00433Dfe
  • terminalCommandDecoration.defaultBackground#574B3Fac
  • terminalCommandDecoration.errorBackground#9D0000cb
  • terminalCommandDecoration.successBackground#1E5721cb
  • terminalCursor.background#D9D9E0fe
  • terminalCursor.foreground#158A7Bfe
  • terminalOverviewRuler.cursorForeground#2F2F57ce
  • terminalOverviewRuler.findMatchForeground#005656ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a5
  • testing.iconUnset#808080be
  • testing.message.error.decorationForeground#19564Ffe
  • testing.message.error.lineBackground#FFA9FFbf
  • testing.message.info.decorationForeground#19564Efe
  • testing.message.info.lineBackground#C1C1FFfe
  • testing.peekBorder#F0F0F3fe
  • testing.peekHeaderBackground#D9D9E0fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#D9D9E0fe
  • textBlockQuote.border#F0F0F3fe
  • textCodeBlock.background#D9D9E0fe
  • textLink.activeForeground#37837Afe
  • textLink.foreground#3A00F3ce
  • textPreformat.foreground#2F2F57ce
  • textSeparator.foreground#2F2F57ce
  • titleBar.activeBackground#ECECEFfe
  • titleBar.activeForeground#333378ae
  • titleBar.border#F7F5F500
  • titleBar.inactiveBackground#CFCFD9d6
  • titleBar.inactiveForeground#3A3A4F65
  • toolbar.activeBackground#CFC3C585
  • toolbar.hoverBackground#D9D9E0fe
  • toolbar.hoverOutline#F7F5F700
  • tree.inactiveIndentGuidesStroke#3B423535
  • tree.indentGuidesStroke#17564Efe
  • tree.tableColumnsBorder#F0F0F3fe
  • tree.tableOddRowsBackground#D9D9E0fe
  • walkThrough.embeddedEditorBackground#D9D9E0fe
  • walkthrough.stepTitle.foreground#2F2F57ce
  • welcomePage.background#D9D9E0fe
  • welcomePage.progress.background#D9D9E0fe
  • welcomePage.progress.foreground#2F2F57ce
  • welcomePage.tileBackground#D9D9E0fe
  • welcomePage.tileBorder#F0F0F3fe
  • welcomePage.tileHoverBackground#D9D9E0fe
  • widget.border#F0F0F3fe
  • widget.shadow#F7F6F500
  • window.activeBorder#F0F0F3fe
  • window.inactiveBorder#C5C5D191

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#2929466e
comment.block.html#2929486e
comment.block.java#2929486e
comment.block.javadoc.java#2929486e
comment.block.powershell#29294E6e
comment.block.xml#2929486e
comment.line.double-slash.c#2929466e
comment.line.double-slash.cpp#2929486e
comment.line.double-slash.java#2929486e
comment.line.double-slash.js#2929486e
comment.line.number-sign.makefile#2929486e
comment.line.number-sign.python#2929486e
comment.line.number-sign.yaml#29294E6e
comment.line.percentage.erlang#2929466e
comment.line.powershell#2929466e
comment.source.cmake#2929466e
comment.source.cmakecache#2929466e
constant.character#404026de
constant.character.character-class.regexp#294642de
constant.character.escape#454517de
constant.character.set.regexp#134B45de
constant.language#061987de
constant.numeric#3B2B4Cde
constant.numeric.dec.python#3A3A24de
constant.other.caps.python#1F2A4Dde
constant.other.character-class.regexp#1B302Dde
constant.other.character-class.set.regexp#252B40de
constant.other.color.rgb-value#3B2B4Cde
constant.other.placeholder#4A1B37de
constant.other.rgb-value#2C2C2Cde
constant.regexp#372946de
constant.sha.git-rebase#212B48de
emphasis#1B302Dde
entity.name.class#592F49de
entity.name.function#422136de
entity.name.function.preprocessor#3D261Fde
entity.name.function.python#422417de
entity.name.label#03207Bde
entity.name.namespace#232B42de
entity.name.operator#7B260Ade
entity.name.operator.custom-literal#2D2D16de
entity.name.scope-resolution#2E2E01de
entity.name.tag#404026de
entity.name.tag.css#392822de
entity.name.type#53362Ddebold
entity.name.variable#182761de
entity.other.attribute#323F67de
entity.other.attribute-name#531805de
entity.other.attribute-name.class.css#58053Ade
entity.other.attribute-name.class.mixin.css#2C2C2Cde
entity.other.attribute-name.id#3D261Fde
entity.other.attribute-name.id.css#03207Bde
entity.other.attribute-name.parent-selector.css#2E2E04de
entity.other.attribute-name.pseudo-class.css#2D3653de
entity.other.attribute-name.pseudo-element.css#2C2C2Cde
entity.other.attribute-name.scss#252B40de
entity.other.document.begin.yaml#2929486e
entity.other.inherited-class#3A2924de
header#112667de
invalid#2E2E0Cde
keyword#3A2924debold
keyword.codetag.notation.python#03207Bdebold
keyword.control#12312Edebold
keyword.control.anchor.regexp#4F1637debold
keyword.control.import.python#4E1639debold
keyword.operator#1B302Ddebold
keyword.operator.alignas#45450Edebold
keyword.operator.alignof#352644debold
keyword.operator.cast#45450Edebold
keyword.operator.delete#4C3267debold
keyword.operator.documentation.powershell#2929486ebold
keyword.operator.expression#2E2E0Cdebold
keyword.operator.instanceof#4F1637debold
keyword.operator.logical.python#3C1861debold
keyword.operator.minus.exponent#4E1639debold
keyword.operator.negation.regexp#454512debold
keyword.operator.new#58053Adebold
keyword.operator.noexcept#404040debold
keyword.operator.or.regexp#53362Ddebold
keyword.operator.plus.exponent#12312Edebold
keyword.operator.quantifier.regexp#2E2E04debold
keyword.operator.sizeof#45450Edebold
keyword.operator.typeid#3B2B4Cdebold
keyword.operator.wordlike#26403Ddebold
keyword.other.operator#58053Adebold
keyword.other.package.java#463029debold
keyword.other.unit#53362Ddebold
keyword.other.using#531805debold
markup.bold#3A2924de
markup.changed#45450Ede
markup.deleted#422417de
markup.fenced_code.block.markdown#342641de
markup.heading#2E2E2Ede
markup.inline.raw#451F38de
markup.inserted#483060de
markup.italic#1F2A4Dde
markup.raw.block.markdown#2E2E04de
markup.strikethrough#352644de
markup.underline#252B40de
meta.block.c#463029de
meta.block.c#232B42de
meta.class.java#392822de
meta.definition.variable.name#60304Ede
meta.diff.header#3C3C3Cde
meta.embedded#212B48de
meta.embedded.assembly#4A1B37de
meta.function-call.arguments.python#442F59de
meta.function-call.python#454517de
meta.member.access.python#2C2C2Cde
meta.method.java#343421de
meta.object-literal.key#343421de
meta.paragraph.markdown#53362Dde
meta.preprocessor#59392Fde
meta.preprocessor.numeric#03207Bde
meta.preprocessor.string#3E0F6Ede
meta.scope.prerequisites.makefile#454510de
meta.structure.dictionary.json.comments#2929466e
meta.structure.dictionary.key.python#2E2E04de
meta.structure.dictionary.value.json.comments#2929466e
meta.template.expression#422136de
meta.type.cast.expr#333333debold
meta.type.new.expr#404026debold
parameter#114B43de
punctuation.character.set.begin.regexp#830755de
punctuation.character.set.end.regexp#303C60de
punctuation.definition.array.begin.json#18302Dde
punctuation.definition.character-class.regexp#112667de
punctuation.definition.comment#2929466e
punctuation.definition.comment.json.comments#2929486e
punctuation.definition.comment.python#2929486e
punctuation.definition.dictionary.begin.json#262D40de
punctuation.definition.dictionary.end.json#243A37de
punctuation.definition.group.assertion.regexp#3A2924de
punctuation.definition.group.regexp#53362Dde
punctuation.definition.list.begin.json#3F2334de
punctuation.definition.list.begin.markdown#3C1861de
punctuation.definition.list.begin.python#352644de
punctuation.definition.list.end.json#59392Fde
punctuation.definition.list.end.markdown#434343de
punctuation.definition.list.end.python#3A3A24de
punctuation.definition.parameters.begin.python#18302Dde
punctuation.definition.parameters.end.bracket.round.java#45241Bde
punctuation.definition.quote.begin.markdown#3E0F6Ede
punctuation.definition.tag#212B48de
punctuation.definition.template-expression.begin#352448de
punctuation.definition.template-expression.end#2E2E04de
punctuation.section.class.begin.bracket.curly.java#2C2C2Cde
punctuation.section.embedded#45241Bde
punctuation.section.embedded.begin.php#4C3267de
punctuation.section.embedded.end.php#2F3959de
punctuation.terminator.java#213431de
source.cmake#3A2924de
source.coffee.embedded#4F1637de
source.cpp#454517de
source.css.less#7D2407de
source.groovy.embedded#2C2C2Cde
source.java#1F2A4Dde
source.java-properties#213431de
source.json.comments#2929486e
source.makefile#2B334Cde
source.powershell#3D261Fde
source.powershell.variable.other.member#352644de
source.python#463029de
storage#352644de
storage.modifier#4F1637de
storage.modifier.import.java#2C2C2Cde
storage.modifier.package.java#2E2E2Ede
storage.type#2D2D16debold
storage.type.annotation.groovy#532D44debold
storage.type.annotation.java#114B43debold
storage.type.boolean.go#463029debold
storage.type.byte.go#590436debold
storage.type.cs#3A0B79debold
storage.type.error.go#59392Fdebold
storage.type.generic.cs#3E0F6Edebold
storage.type.generic.groovy#2C2C2Cdebold
storage.type.generic.java#352448debold
storage.type.groovy#7B260Adebold
storage.type.java#2C2C2Cdebold
storage.type.modifier.cs#590436debold
storage.type.numeric.go#2E2E2Edebold
storage.type.object.array.groovy#463029debold
storage.type.object.array.java#134B45debold
storage.type.parameters.groovy#352644debold
storage.type.primitive.array.groovy#18302Ddebold
storage.type.primitive.array.java#1B302Ddebold
storage.type.primitive.groovy#2C2C2Cdebold
storage.type.primitive.java#59392Fdebold
storage.type.rune.go#592F49debold
storage.type.string.go#252B40debold
storage.type.token.java#45450Edebold
storage.type.uintptr.go#7D2407debold
storage.type.variable.cs#213431debold
string#402636de
string.quoted.docstring.multi.python#2929486e
string.regexp#1F2A4Dde
string.tag#2E2E01de
string.value#3E0F6Ede
strong#3A3A24de
support.class#03207Bde
support.constant.color#3C2720de
support.constant.dom#2E2E2Ede
support.constant.font-name#2C2C2Cde
support.constant.handlebars#532D44de
support.constant.json#3F2334de
support.constant.math#2E2E04de
support.constant.media#18302Dde
support.constant.media-type#1F2A4Ddebold
support.constant.property-value#372946de
support.function#2E2E1Ede
support.function.git-rebase#2E2E01de
support.other.parenthesis.regexp#3D261Fde
support.type#182761debold
support.type.property-name#53362Ddebold
support.type.vendored.property-name#422136debold
support.variable#442F59de
token.debug-token#53362Dde
token.error-token#164B44de
token.info-token#18302Dde
token.warn-token#53362Dde
variable#2C2C2Cde
variable.css#4F1637de
variable.language#061987de
variable.language.wildcard.java#45450Ede
variable.other.constant#232B42de
variable.other.definition.java#323F67de
variable.other.enummember#454514de
variable.other.less#434343de
variable.other.object.java#402636de
variable.other.object.property.java#3B2B4Cde
variable.parameter.c#2B334Cde
variable.parameter.function.language.python#3A1E56de
variable.parameter.java#7D2407de
variable.scss#2C2C2Cde
viiv by B.W - VS Code Theme