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#D6D6E3fe
  • activityBar.activeBackground#D6D6E3fe
  • activityBar.activeBorder#0B4235fe
  • activityBar.activeFocusBorder#60833C00
  • activityBar.background#EAEAF1fe
  • activityBar.border#9E6E3E00
  • activityBar.dropBorder#164136fe
  • activityBar.foreground#27423Cfe
  • activityBar.inactiveForeground#37375165
  • activityBarBadge.background#198970fe
  • activityBarBadge.foreground#EAEAF1fe
  • badge.background#18886Ffe
  • badge.foreground#EAEAF1fe
  • banner.background#D6D6E3fe
  • banner.foreground#2C2C60ce
  • banner.iconForeground#2E2E50fe
  • breadcrumb.activeSelectionForeground#0101AFca
  • breadcrumb.background#E5E5EDfe
  • breadcrumb.focusForeground#357768fe
  • breadcrumb.foreground#2B2B68ae
  • breadcrumbPicker.background#D6D6E3fe
  • button.background#9494B7ae
  • button.border#F7F4F800
  • button.foreground#2C2C60ce
  • button.hoverBackground#8F8FB36e
  • button.secondaryBackground#D6D6E3fe
  • button.secondaryForeground#2C2C60ce
  • button.secondaryHoverBackground#D6D6E3fe
  • button.separator#F4F7F800
  • charts.blue#1b1bfffe
  • charts.foreground#2C2C60ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ba
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#EFEFF4fe
  • chat.slashCommandBackground#D6D6E3fe
  • chat.slashCommandForeground#2C2C60ce
  • checkbox.background#EFEFF4fe
  • checkbox.border#EFEFF4fe
  • checkbox.foreground#2C2C60ce
  • checkbox.selectBackground#EFEFF4fe
  • checkbox.selectBorder#EFEFF4fe
  • commandCenter.activeBackground#CABEB28e
  • commandCenter.activeBorder#EFEFF4fe
  • commandCenter.activeForeground#1A8870fe
  • commandCenter.background#D6D6E3fe
  • commandCenter.border#EFEFF4fe
  • commandCenter.foreground#2C2C60ce
  • commandCenter.inactiveBorder#BEBED295
  • commandCenter.inactiveForeground#3E3E5B65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F4F8F500
  • contrastBorder#F4F4F800
  • debugConsole.errorForeground#890089ce
  • debugConsole.infoForeground#2C2C60ce
  • debugConsole.sourceForeground#2C2C60ce
  • debugConsole.warningForeground#5A4A00ce
  • debugConsoleInputIcon.foreground#412E1Afe
  • debugExceptionWidget.background#FF9DFEbb
  • debugExceptionWidget.border#EFEFF4fe
  • debugIcon.breakpointCurrentStackframeForeground#333D29fe
  • debugIcon.breakpointDisabledForeground#33334C65
  • debugIcon.breakpointForeground#581D2Afe
  • debugIcon.breakpointStackframeForeground#5E1823fe
  • debugIcon.breakpointUnverifiedForeground#3E2F21fe
  • debugIcon.continueForeground#5E1823fe
  • debugIcon.disconnectForeground#42372Cfe
  • debugIcon.pauseForeground#263638fe
  • debugIcon.restartForeground#293616fe
  • debugIcon.startForeground#3F2E1Efe
  • debugIcon.stepBackForeground#293B3Dfe
  • debugIcon.stepIntoForeground#333D29fe
  • debugIcon.stepOutForeground#1D3723fe
  • debugIcon.stepOverForeground#143A1Dfe
  • debugIcon.stopForeground#2E2E50fe
  • debugTokenExpression.boolean#291B1Eca
  • debugTokenExpression.error#1E1416ca
  • debugTokenExpression.name#1A1F15ca
  • debugTokenExpression.number#161A11ca
  • debugTokenExpression.value#24181Aca
  • debugToolBar.background#FF9DFEca
  • debugToolBar.border#EFEFF4fe
  • debugView.exceptionLabelBackground#D3BCC1ca
  • debugView.exceptionLabelForeground#412E1Aca
  • debugView.stateLabelBackground#AAC7B0ca
  • debugView.stateLabelForeground#5E1823ca
  • debugView.valueChangedHighlight#1F1517ca
  • descriptionForeground#2C2C60ce
  • diffEditor.border#F4F4F800
  • diffEditor.diagonalFill#000000fc
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#91CF94fb
  • diffEditor.insertedTextBorder#F4F7F800
  • diffEditor.move.border#F8F6F400
  • diffEditor.moveActive.border#F4F4F800
  • diffEditor.removedLineBackground#FFA9A931
  • diffEditor.removedTextBackground#FEAAAAfb
  • diffEditor.removedTextBorder#F4F8F500
  • diffEditor.unchangedCodeBackground#D6D6E3fe
  • diffEditor.unchangedRegionBackground#D6D6E3fe
  • diffEditor.unchangedRegionForeground#2C2C60ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#3A3A5665
  • dropdown.background#EFEFF4fe
  • dropdown.border#EFEFF4fe
  • dropdown.foreground#2C2C60ce
  • dropdown.listBackground#EFEFF4fe
  • editor.background#D6D6E3fe
  • editor.findMatchBackground#8FB0B3ad
  • editor.findMatchBorder#EFEFF4fe
  • editor.findMatchHighlightBackground#80A988a3
  • editor.findMatchHighlightBorder#EFEFF4fe
  • editor.findRangeHighlightBackground#80A988a1
  • editor.findRangeHighlightBorder#EFEFF4fe
  • editor.focusedStackFrameHighlightBackground#BBA3C182
  • editor.foldBackground#773745a8
  • editor.foreground#2C2C60ce
  • editor.hoverHighlightBackground#B3A18Fad
  • editor.inactiveSelectionBackground#C2C2D596
  • editor.inlineValuesBackground#D6D6E3fe
  • editor.inlineValuesForeground#2C2C60ce
  • editor.lineHighlightBackground#B3B3CBb4
  • editor.lineHighlightBorder#F8F4F500
  • editor.linkedEditingBackground#D6D6E3fe
  • editor.rangeHighlightBackground#B6C4A9a5
  • editor.rangeHighlightBorder#EFEFF4fe
  • editor.selectionBackground#BDD0D2ab
  • editor.selectionForeground#630F22ca
  • editor.selectionHighlightBackground#A5907B85
  • editor.selectionHighlightBorder#EFEFF4fe
  • editor.snippetFinalTabstopHighlightBackground#A88AB0ac
  • editor.snippetFinalTabstopHighlightBorder#EFEFF4fe
  • editor.snippetTabstopHighlightBackground#94B3B7aa
  • editor.snippetTabstopHighlightBorder#EFEFF4fe
  • editor.stackFrameHighlightBackground#7BA1A5a5
  • editor.symbolHighlightBackground#AC858Dae
  • editor.symbolHighlightBorder#EFEFF4fe
  • editor.wordHighlightBackground#A9C4AEa4
  • editor.wordHighlightBorder#F8F4F500
  • editor.wordHighlightStrongBackground#99AC85a5
  • editor.wordHighlightStrongBorder#F4F7F800
  • editor.wordHighlightTextBackground#9EBABDa8
  • editor.wordHighlightTextBorder#F8F6F400
  • editorBracketHighlight.foreground1#0A0A0Ece
  • editorBracketHighlight.foreground2#0A0A0Ece
  • editorBracketHighlight.foreground3#0A0A0Ece
  • editorBracketHighlight.foreground4#0A0A0Ece
  • editorBracketHighlight.foreground5#0A0A0Ece
  • editorBracketHighlight.foreground6#0A0A0Ece
  • editorBracketHighlight.unexpectedBracket.foreground#2C2C60ce
  • editorBracketMatch.background#674149a4
  • editorBracketMatch.border#EFEFF4fe
  • editorBracketPairGuide.activeBackground1#77374589
  • editorBracketPairGuide.activeBackground2#26525785
  • editorBracketPairGuide.activeBackground3#60462C8e
  • editorBracketPairGuide.activeBackground4#70317E8c
  • editorBracketPairGuide.activeBackground5#6A37758e
  • editorBracketPairGuide.activeBackground6#3B51268a
  • editorBracketPairGuide.background1#D1BBC0fe
  • editorBracketPairGuide.background2#CBBEB1fe
  • editorBracketPairGuide.background3#CBBAD1fe
  • editorBracketPairGuide.background4#BEBED3fe
  • editorBracketPairGuide.background5#ADC6C9fe
  • editorBracketPairGuide.background6#CEBCD2fe
  • editorCodeLens.foreground#0101BF6e
  • editorCommentsWidget.rangeActiveBackground#3B3BAFfe
  • editorCommentsWidget.rangeBackground#D6D6E3fe
  • editorCommentsWidget.resolvedBorder#EFEFF4fe
  • editorCommentsWidget.unresolvedBorder#FFAAAAcb
  • editorCursor.background#D6D6E3fe
  • editorCursor.foreground#18886Ffe
  • editorError.background#F6F8F400
  • editorError.border#F4F7F800
  • editorError.foreground#890089ce
  • editorGhostText.background#D6D6E3fe
  • editorGhostText.border#F4F8F500
  • editorGhostText.foreground#4141606e
  • editorGroup.border#EFEFF4fe
  • editorGroup.dropBackground#D6D6E3fe
  • editorGroup.dropIntoPromptBackground#D6D6E3fe
  • editorGroup.dropIntoPromptBorder#EFEFF4fe
  • editorGroup.dropIntoPromptForeground#2C2C60ce
  • editorGroup.emptyBackground#D6D6E3fe
  • editorGroup.focusedEmptyBorder#EFEFF4fe
  • editorGroupHeader.border#F7F4F800
  • editorGroupHeader.noTabsBackground#EAEAF1ae
  • editorGroupHeader.tabsBackground#D1D1E0a1
  • editorGroupHeader.tabsBorder#F6F8F400
  • editorGutter.addedBackground#1B571Efb
  • editorGutter.background#D6D6E3fe
  • editorGutter.commentGlyphForeground#2C2C60ce
  • editorGutter.commentRangeForeground#2C2C60ce
  • editorGutter.commentUnresolvedGlyphForeground#1E5521cb
  • editorGutter.deletedBackground#9B0000cb
  • editorGutter.foldingControlForeground#2C2C60ce
  • editorGutter.modifiedBackground#5A4A00ce
  • editorHint.border#F4F7F800
  • editorHint.foreground#3900EFce
  • editorHoverWidget.background#EFEFF4fe
  • editorHoverWidget.border#EFEFF4fe
  • editorHoverWidget.foreground#2C2C60ce
  • editorHoverWidget.highlightForeground#163A21ca
  • editorHoverWidget.statusBarBackground#D6D6E3fe
  • editorIndentGuide.activeBackground1#1D4137fe
  • editorIndentGuide.activeBackground2#034234fe
  • editorIndentGuide.activeBackground3#0B4235fe
  • editorIndentGuide.activeBackground4#0B4235fe
  • editorIndentGuide.activeBackground5#0B4235fe
  • editorIndentGuide.activeBackground6#0B4235fe
  • editorIndentGuide.background1#6F4B5335
  • editorIndentGuide.background2#51604135
  • editorIndentGuide.background3#6F4B5335
  • editorIndentGuide.background4#30454735
  • editorIndentGuide.background5#6F4B5335
  • editorIndentGuide.background6#63486A35
  • editorInfo.background#F4F7F800
  • editorInfo.border#F4F8F500
  • editorInfo.foreground#3900EFce
  • editorInlayHint.background#D6D6E3fe
  • editorInlayHint.foreground#2C2C60ce
  • editorInlayHint.parameterBackground#D6D6E3fe
  • editorInlayHint.parameterForeground#2C2C60ce
  • editorInlayHint.typeBackground#D6D6E3fe
  • editorInlayHint.typeForeground#2C2C60ce
  • editorLightBulb.foreground#5A4A00ce
  • editorLightBulbAutoFix.foreground#1E5521cb
  • editorLineNumber.activeForeground#378574fe
  • editorLineNumber.dimmedForeground#0101BF6e
  • editorLineNumber.foreground#0101BF6e
  • editorLink.activeForeground#15886Ffe
  • editorMarkerNavigation.background#EFEFF4fe
  • editorMarkerNavigationError.background#FF9DFEa7
  • editorMarkerNavigationError.headerBackground#FF9DFEa8
  • editorMarkerNavigationInfo.background#BABAFFfe
  • editorMarkerNavigationInfo.headerBackground#BABAFFfe
  • editorMarkerNavigationWarning.background#E6BE00fe
  • editorMarkerNavigationWarning.headerBackground#E6BE00fe
  • editorOverviewRuler.addedForeground#1E5521cb
  • editorOverviewRuler.background#D6D6E3fe
  • editorOverviewRuler.border#BEBED2fe
  • editorOverviewRuler.bracketMatchForeground#2C2C60ce
  • editorOverviewRuler.commentForeground#4141606e
  • editorOverviewRuler.commentUnresolvedForeground#1E5521cb
  • editorOverviewRuler.commonContentForeground#2C2C60ce
  • editorOverviewRuler.currentContentForeground#4B4B4Bcb
  • editorOverviewRuler.deletedForeground#9B0000cb
  • editorOverviewRuler.errorForeground#890089ce
  • editorOverviewRuler.findMatchForeground#005555ce
  • editorOverviewRuler.incomingContentForeground#1E5521cb
  • editorOverviewRuler.infoForeground#3900EFce
  • editorOverviewRuler.modifiedForeground#5A4A00ce
  • editorOverviewRuler.rangeHighlightForeground#581D2Aca
  • editorOverviewRuler.selectionHighlightForeground#3900EFce
  • editorOverviewRuler.warningForeground#5A4A00ce
  • editorOverviewRuler.wordHighlightForeground#17381Eca
  • editorOverviewRuler.wordHighlightStrongForeground#2C2C60ce
  • editorOverviewRuler.wordHighlightTextForeground#2C2C60ce
  • editorPane.background#D6D6E3fe
  • editorRuler.foreground#3535C139
  • editorStickyScroll.background#D6D6E3fe
  • editorStickyScrollHover.background#BEBED26e
  • editorSuggestWidget.background#EFEFF4fe
  • editorSuggestWidget.border#F4F7F800
  • editorSuggestWidget.focusHighlightForeground#1A4221fe
  • editorSuggestWidget.foreground#402947fe
  • editorSuggestWidget.highlightForeground#4C1D58ca
  • editorSuggestWidget.selectedBackground#94A9808e
  • editorSuggestWidget.selectedForeground#3F2E1Eca
  • editorSuggestWidget.selectedIconForeground#143A1Dca
  • editorSuggestWidgetStatus.foreground#293B3Dfe
  • editorUnicodeHighlight.background#A9A9C4a9
  • editorUnicodeHighlight.border#EFEFF4fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F4F7F800
  • editorWarning.border#F4F4F800
  • editorWarning.foreground#5A4A00ce
  • editorWhitespace.foreground#2C2C60ce
  • editorWidget.background#EFEFF4fe
  • editorWidget.border#EFEFF4fe
  • editorWidget.foreground#2C2C60ce
  • editorWidget.resizeBorder#EFEFF4fe
  • errorForeground#890089ce
  • extensionBadge.remoteBackground#15886Ffe
  • extensionBadge.remoteForeground#EAEAF1fe
  • extensionButton.background#BEBED2ae
  • extensionButton.foreground#2C2C60ce
  • extensionButton.hoverBackground#BEBED36e
  • extensionButton.prominentBackground#D6D6E3fe
  • extensionButton.prominentForeground#2C2C60ce
  • extensionButton.prominentHoverBackground#D6D6E3fe
  • extensionButton.separator#F4F7F800
  • extensionIcon.preReleaseForeground#273617fe
  • extensionIcon.sponsorForeground#47292Efe
  • extensionIcon.starForeground#2C2C61fe
  • extensionIcon.verifiedForeground#3E2F21fe
  • focusBorder#F4F4F800
  • foreground#2C2C60ce
  • gitDecoration.addedResourceForeground#1E5521cb
  • gitDecoration.deletedResourceForeground#9B0000cb
  • gitDecoration.modifiedResourceForeground#5A4A00ce
  • gitDecoration.renamedResourceForeground#3900EFce
  • gitDecoration.stageDeletedResourceForeground#9B0000cb
  • gitDecoration.stageModifiedResourceForeground#1E5521cb
  • gitDecoration.untrackedResourceForeground#005555ce
  • icon.foreground#2B2BD7ae
  • inlineChat.background#B8C4A6ca
  • inlineChat.border#CBBEB1ca
  • inlineChat.regionHighlight#29221Bca
  • inlineChat.shadow#111A13ca
  • inlineChatDiff.inserted#1D151Fca
  • inlineChatDiff.removed#1A1611ca
  • inlineChatInput.background#18241Aca
  • inlineChatInput.border#CBBFAFca
  • inlineChatInput.focusBorder#F7F4F800
  • inlineChatInput.placeholderForeground#083A13ca
  • input.background#EFEFF4fe
  • input.border#EFEFF4fe
  • input.foreground#2C2C60ce
  • input.placeholderForeground#30304765
  • inputOption.activeBackground#EFEFF4fe
  • inputOption.activeBorder#EFEFF4fe
  • inputOption.activeForeground#378574fe
  • inputOption.hoverBackground#EFEFF4fe
  • inputValidation.errorBackground#670067a9
  • inputValidation.errorBorder#FF9DFEae
  • inputValidation.errorForeground#890089ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#EFEFF4fe
  • inputValidation.infoForeground#2C2C60ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#EFEFF4fe
  • inputValidation.warningForeground#5A4A00ce
  • interactive.activeCodeBorder#EFEFF4fe
  • interactive.inactiveCodeBorder#BEBED298
  • keybindingLabel.background#D6D6E3fe
  • keybindingLabel.border#EFEFF4fe
  • keybindingLabel.bottomBorder#EFEFF4fe
  • keybindingLabel.foreground#2C2C60ce
  • keybindingTable.headerBackground#D6D6E3fe
  • keybindingTable.rowsBackground#D6D6E3fe
  • list.activeSelectionBackground#A9948083
  • list.activeSelectionForeground#083A13ca
  • list.activeSelectionIconForeground#14373Cca
  • list.deemphasizedForeground#2C2C60ce
  • list.dropBackground#D6D6E3fe
  • list.errorForeground#890089ce
  • list.filterMatchBackground#D6D6E3fe
  • list.filterMatchBorder#EFEFF4fe
  • list.focusAndSelectionOutline#F4F7F800
  • list.focusBackground#BDBDD297
  • list.focusForeground#378574fe
  • list.focusHighlightForeground#612634fe
  • list.focusOutline#F4F4F800
  • list.highlightForeground#2C2C61ca
  • list.hoverBackground#AEC5C8a1
  • list.hoverForeground#18886Ffe
  • list.inactiveFocusBackground#AEAEC89d
  • list.inactiveFocusOutline#F8F4F500
  • list.inactiveSelectionBackground#EAEAF1ae
  • list.inactiveSelectionForeground#3E3E5B65
  • list.inactiveSelectionIconForeground#37375165
  • list.invalidItemForeground#2C2C60ce
  • list.warningForeground#5A4A00ce
  • listFilterWidget.background#D6D6E3fe
  • listFilterWidget.noMatchesOutline#F4F8F500
  • listFilterWidget.outline#F4F7F800
  • listFilterWidget.shadow#F4F8F500
  • menu.background#EAEAF1fe
  • menu.border#F6F8F400
  • menu.foreground#2B2B68ae
  • menu.selectionBackground#AEC5C8ad
  • menu.selectionBorder#F4F7F800
  • menu.selectionForeground#178970fe
  • menu.separatorBackground#BEBED365
  • menubar.selectionBackground#C2D3D5a8
  • menubar.selectionBorder#F8F4F500
  • menubar.selectionForeground#378574fe
  • merge.border#EFEFF4fe
  • merge.commonContentBackground#D6D6E3fe
  • merge.commonHeaderBackground#D6D6E3fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#91CF94fb
  • merge.incomingContentBackground#8FCF92cb
  • merge.incomingHeaderBackground#91CF94fb
  • mergeEditor.change.background#D6D6E3fe
  • mergeEditor.change.word.background#D6D6E3fe
  • mergeEditor.changeBase.background#D6D6E3fe
  • mergeEditor.changeBase.word.background#D6D6E3fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#EFEFF4fe
  • mergeEditor.conflict.handledUnfocused.border#C7C7D922
  • mergeEditor.conflict.input1.background#EFEFF4fe
  • mergeEditor.conflict.input2.background#EFEFF4fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a8
  • mergeEditor.conflict.unhandledFocused.border#EFEFF4fe
  • mergeEditor.conflict.unhandledUnfocused.border#C7C7D92d
  • mergeEditor.conflictingLines.background#D6D6E3fe
  • minimap.background#D6D6E3fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0A0Ece
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1B571Efb
  • minimapGutter.deletedBackground#9C0000fb
  • minimapGutter.modifiedBackground#5A4A00ce
  • minimapSlider.activeBackground#676798fe
  • minimapSlider.background#9999BAae
  • minimapSlider.hoverBackground#8080A96e
  • notebook.cellBorderColor#EFEFF4fe
  • notebook.cellEditorBackground#D6D6E3fe
  • notebook.cellHoverBackground#D6D6E3fe
  • notebook.cellInsertionIndicator#1E2418ca
  • notebook.cellStatusBarItemHoverBackground#D6D6E3fe
  • notebook.cellToolbarSeparator#14141Eca
  • notebook.editorBackground#D6D6E3fe
  • notebook.focusedCellBackground#D6D6E3fe
  • notebook.focusedCellBorder#198970fe
  • notebook.focusedEditorBorder#EFEFF4fe
  • notebook.inactiveFocusedCellBorder#6C6C9B8e
  • notebook.inactiveSelectedCellBorder#71719F8e
  • notebook.outputContainerBackgroundColor#D6D6E3fe
  • notebook.outputContainerBorderColor#EFEFF4fe
  • notebook.selectedCellBackground#D6D6E3fe
  • notebook.selectedCellBorder#EFEFF4fe
  • notebook.symbolHighlightBackground#D6D6E3fe
  • notebookEditorOverviewRuler.runningCellForeground#2C2C60ce
  • notebookScrollbarSlider.activeBackground#676798fe
  • notebookScrollbarSlider.background#A3A3C1ae
  • notebookScrollbarSlider.hoverBackground#8585AC6e
  • notebookStatusErrorIcon.foreground#890089ce
  • notebookStatusRunningIcon.foreground#412E1Afe
  • notebookStatusSuccessIcon.foreground#1E5521cb
  • notificationCenter.border#EFEFF4fe
  • notificationCenterHeader.background#D6D6E3fe
  • notificationCenterHeader.foreground#2C2C60ce
  • notificationLink.foreground#2C2C60ce
  • notifications.background#D6D6E3fe
  • notifications.border#EFEFF4fe
  • notifications.foreground#2C2C60ce
  • notificationsErrorIcon.foreground#890089ce
  • notificationsInfoIcon.foreground#47292Efe
  • notificationsWarningIcon.foreground#5A4A00ce
  • notificationToast.border#EFEFF4fe
  • panel.background#D6D6E3fe
  • panel.border#EFEFF4fe
  • panel.dropBorder#EFEFF4fe
  • panelInput.border#EFEFF4fe
  • panelSection.border#EFEFF4fe
  • panelSection.dropBackground#D6D6E3fe
  • panelSectionHeader.background#D6D6E3fe
  • panelSectionHeader.border#EFEFF4fe
  • panelSectionHeader.foreground#2C2C60ce
  • panelTitle.activeBorder#F6F8F400
  • panelTitle.activeForeground#034234fe
  • panelTitle.inactiveForeground#34346565
  • peekView.border#0B4235fe
  • peekViewEditor.background#EFEFF4fe
  • peekViewEditor.matchHighlightBackground#A57B848d
  • peekViewEditor.matchHighlightBorder#F8F4F500
  • peekViewEditorGutter.background#EFEFF4fe
  • peekViewEditorStickyScroll.background#D6D6E3fe
  • peekViewResult.background#EAEAF1fe
  • peekViewResult.fileForeground#2C2C60ce
  • peekViewResult.lineForeground#2C2C60ce
  • peekViewResult.matchHighlightBackground#94A9808c
  • peekViewResult.selectionBackground#B7A5948d
  • peekViewResult.selectionForeground#2C2C61ca
  • peekViewTitle.background#EAEAF1fe
  • peekViewTitleDescription.foreground#2C2C60ce
  • peekViewTitleLabel.foreground#2C2C60ce
  • pickerGroup.border#EFEFF4fe
  • pickerGroup.foreground#2C2C60ce
  • ports.iconRunningProcessForeground#530E67fe
  • problemsErrorIcon.foreground#890089ce
  • problemsInfoIcon.foreground#3900EFce
  • problemsWarningIcon.foreground#5A4A00ce
  • profileBadge.background#378574fe
  • profileBadge.foreground#EAEAF1fe
  • progressBar.background#D6D6E3fe
  • quickInput.background#EAEAF1fe
  • quickInput.foreground#2C2C62ae
  • quickInputList.focusBackground#BAAA99a4
  • quickInputList.focusForeground#378574fe
  • quickInputList.focusIconForeground#178970fe
  • quickInputTitle.background#EFEFF4fe
  • sash.hoverBorder#EFEFF4fe
  • scrollbar.shadow#F4F8F500
  • scrollbarSlider.activeBackground#676798fe
  • scrollbarSlider.background#9E9EBDae
  • scrollbarSlider.hoverBackground#8F8FB36e
  • search.resultsInfoForeground#2C2C60ce
  • searchEditor.findMatchBackground#8FB396a3
  • searchEditor.findMatchBorder#EFEFF4fe
  • searchEditor.textInputBorder#EFEFF4fe
  • selection.background#D6D6E3fe
  • settings.checkboxBackground#EFEFF4fe
  • settings.checkboxBorder#EFEFF4fe
  • settings.checkboxForeground#2C2C60ce
  • settings.dropdownBackground#EFEFF4fe
  • settings.dropdownBorder#EFEFF4fe
  • settings.dropdownForeground#2C2C60ce
  • settings.dropdownListBorder#EFEFF4fe
  • settings.focusedRowBackground#7BA58485
  • settings.focusedRowBorder#EFEFF4fe
  • settings.headerBorder#EFEFF4fe
  • settings.headerForeground#2C2C60ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#EFEFF4fe
  • settings.numberInputBorder#EFEFF4fe
  • settings.numberInputForeground#2C2C60ce
  • settings.rowHoverBackground#D6D6E3fe
  • settings.sashBorder#EFEFF4fe
  • settings.settingsHeaderHoverForeground#357768fe
  • settings.textInputBackground#EFEFF4fe
  • settings.textInputBorder#EFEFF4fe
  • settings.textInputForeground#2C2C60ce
  • sideBar.background#D6D6E3fe
  • sideBar.border#EFEFF4fe
  • sideBar.dropBackground#D6D6E3fe
  • sideBar.foreground#2B2BD7ae
  • sideBarSectionHeader.background#F4F8F500
  • sideBarSectionHeader.border#EFEFF4fe
  • sideBarSectionHeader.foreground#2C2C60ce
  • sideBarTitle.foreground#2C2C60ce
  • sideBySideEditor.horizontalBorder#EFEFF4fe
  • sideBySideEditor.verticalBorder#EFEFF4fe
  • simpleFindWidget.sashBorder#EFEFF4fe
  • statusBar.background#EAEAF1fe
  • statusBar.border#EFEFF4fe
  • statusBar.debuggingBackground#FF9DFEc4
  • statusBar.debuggingBorder#EFEFF4fe
  • statusBar.debuggingForeground#2C2C60ce
  • statusBar.focusBorder#F4F4F800
  • statusBar.foreground#48486A6e
  • statusBar.noFolderBackground#EAEAF1fe
  • statusBar.noFolderBorder#EFEFF4fe
  • statusBar.noFolderForeground#2C2C60ce
  • statusBarItem.activeBackground#EAEAF1fe
  • statusBarItem.compactHoverBackground#EAEAF1fe
  • statusBarItem.errorBackground#FF9DFE9a
  • statusBarItem.errorForeground#890089ce
  • statusBarItem.errorHoverBackground#FF9DFEb7
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F8F6F400
  • statusBarItem.hoverBackground#EAEAF1fe
  • statusBarItem.hoverForeground#12886Efe
  • statusBarItem.offlineBackground#EAEAF1fe
  • statusBarItem.offlineForeground#2C2C60ce
  • statusBarItem.offlineHoverBackground#EAEAF1fe
  • statusBarItem.offlineHoverForeground#378574fe
  • statusBarItem.prominentBackground#EAEAF1fe
  • statusBarItem.prominentForeground#2C2C60ce
  • statusBarItem.prominentHoverBackground#EAEAF1fe
  • statusBarItem.prominentHoverForeground#12886Efe
  • statusBarItem.remoteBackground#378574fe
  • statusBarItem.remoteForeground#EAEAF1fe
  • statusBarItem.remoteHoverBackground#EAEAF1fe
  • statusBarItem.remoteHoverForeground#15886Ffe
  • statusBarItem.warningBackground#E6BE00fe
  • statusBarItem.warningForeground#5A4A00ce
  • statusBarItem.warningHoverBackground#E6BE00fe
  • statusBarItem.warningHoverForeground#907700ce
  • symbolIcon.arrayForeground#531064fe
  • symbolIcon.booleanForeground#005555ce
  • symbolIcon.classForeground#482251fe
  • symbolIcon.colorForeground#2F3826fe
  • symbolIcon.constantForeground#4D252Ffe
  • symbolIcon.constructorForeground#163737fe
  • symbolIcon.enumeratorForeground#581D2Afe
  • symbolIcon.enumeratorMemberForeground#003B0Afe
  • symbolIcon.eventForeground#333D29fe
  • symbolIcon.fieldForeground#2C4231fe
  • symbolIcon.fileForeground#4D2807fe
  • symbolIcon.folderForeground#12391Afe
  • symbolIcon.functionForeground#4F1762fe
  • symbolIcon.interfaceForeground#163737fe
  • symbolIcon.keyForeground#3D3329fe
  • symbolIcon.keywordForeground#2C2C5Cfe
  • symbolIcon.methodForeground#1A363Afe
  • symbolIcon.moduleForeground#630F22fe
  • symbolIcon.namespaceForeground#402A45fe
  • symbolIcon.nullForeground#1D3723fe
  • symbolIcon.numberForeground#531163fe
  • symbolIcon.objectForeground#2E2E50fe
  • symbolIcon.operatorForeground#2A2A67fe
  • symbolIcon.packageForeground#531163fe
  • symbolIcon.propertyForeground#47292Efe
  • symbolIcon.referenceForeground#630F22fe
  • symbolIcon.snippetForeground#2A2A67fe
  • symbolIcon.stringForeground#432D17fe
  • symbolIcon.structForeground#3D2F20fe
  • symbolIcon.textForeground#452A30fe
  • symbolIcon.typeParameterForeground#47292Efe
  • symbolIcon.unitForeground#4F1762fe
  • symbolIcon.variableForeground#293B3Dfe
  • tab.activeBackground#E5E5EDfe
  • tab.activeBorder#F4F8F500
  • tab.activeBorderTop#203F38fe
  • tab.activeForeground#194037fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F8F6F400
  • tab.hoverBackground#2D5155a4
  • tab.hoverBorder#EFEFF4fe
  • tab.hoverForeground#14886Efe
  • tab.inactiveBackground#BEBED29d
  • tab.inactiveForeground#3E3E5B65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#EFEFF4fe
  • tab.unfocusedActiveBackground#CCCCDC37
  • tab.unfocusedActiveBorder#F8F6F400
  • tab.unfocusedActiveBorderTop#C0C0D465
  • tab.unfocusedActiveForeground#3A3A5665
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#3838B62c
  • tab.unfocusedHoverBorder#C7C7D92d
  • tab.unfocusedHoverForeground#3A3A5665
  • tab.unfocusedInactiveBackground#B8B8CF93
  • tab.unfocusedInactiveForeground#3A3A5665
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b9
  • 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#670067b2
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea9
  • terminal.ansiYellow#c4a200fe
  • terminal.background#D6D6E3fe
  • terminal.border#EFEFF4fe
  • terminal.dropBackground#D6D6E3fe
  • terminal.findMatchBackground#D6D6E3fe
  • terminal.findMatchBorder#EFEFF4fe
  • terminal.findMatchHighlightBackground#D6D6E3fe
  • terminal.findMatchHighlightBorder#EFEFF4fe
  • terminal.foreground#2B2BD7ae
  • terminal.hoverHighlightBackground#D6D6E3fe
  • terminal.inactiveSelectionBackground#BDBDD292
  • terminal.selectionBackground#BFA9C482
  • terminal.selectionForeground#452D15ca
  • terminal.tab.activeBorder#2B4E46fe
  • terminalCommandDecoration.defaultBackground#2D5156ae
  • terminalCommandDecoration.errorBackground#9B0000cb
  • terminalCommandDecoration.successBackground#1E5521cb
  • terminalCursor.background#D6D6E3fe
  • terminalCursor.foreground#1A8870fe
  • terminalOverviewRuler.cursorForeground#2C2C60ce
  • terminalOverviewRuler.findMatchForeground#005555ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a1
  • testing.iconUnset#808080c1
  • testing.message.error.decorationForeground#1B5447fe
  • testing.message.error.lineBackground#FF9DFEb0
  • testing.message.info.decorationForeground#1B5447fe
  • testing.message.info.lineBackground#BABAFFfe
  • testing.peekBorder#EFEFF4fe
  • testing.peekHeaderBackground#D6D6E3fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#D6D6E3fe
  • textBlockQuote.border#EFEFF4fe
  • textCodeBlock.background#D6D6E3fe
  • textLink.activeForeground#357768fe
  • textLink.foreground#3900EFce
  • textPreformat.foreground#2C2C60ce
  • textSeparator.foreground#2C2C60ce
  • titleBar.activeBackground#EAEAF1fe
  • titleBar.activeForeground#313179ae
  • titleBar.border#F4F8F500
  • titleBar.inactiveBackground#C7C7D9d3
  • titleBar.inactiveForeground#37375165
  • toolbar.activeBackground#CCBBD186
  • toolbar.hoverBackground#D6D6E3fe
  • toolbar.hoverOutline#F8F6F400
  • tree.inactiveIndentGuidesStroke#415D6035
  • tree.indentGuidesStroke#1C5448fe
  • tree.tableColumnsBorder#EFEFF4fe
  • tree.tableOddRowsBackground#D6D6E3fe
  • walkThrough.embeddedEditorBackground#D6D6E3fe
  • walkthrough.stepTitle.foreground#2C2C60ce
  • welcomePage.background#D6D6E3fe
  • welcomePage.progress.background#D6D6E3fe
  • welcomePage.progress.foreground#2C2C60ce
  • welcomePage.tileBackground#D6D6E3fe
  • welcomePage.tileBorder#EFEFF4fe
  • welcomePage.tileHoverBackground#D6D6E3fe
  • widget.border#EFEFF4fe
  • widget.shadow#F8F4F500
  • window.activeBorder#EFEFF4fe
  • window.inactiveBorder#BEBED29b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#26264D6e
comment.block.html#26264C6e
comment.block.java#26264D6e
comment.block.javadoc.java#26264B6e
comment.block.powershell#26264B6e
comment.block.xml#26264B6e
comment.line.double-slash.c#26264B6e
comment.line.double-slash.cpp#26264B6e
comment.line.double-slash.java#26264C6e
comment.line.double-slash.js#26264D6e
comment.line.number-sign.makefile#2525516e
comment.line.number-sign.python#26264C6e
comment.line.number-sign.yaml#26264B6e
comment.line.percentage.erlang#26264B6e
comment.line.powershell#26264C6e
comment.source.cmake#26264C6e
comment.source.cmakecache#26264B6e
constant.character#3C2431de
constant.character.character-class.regexp#3F4513de
constant.character.escape#294829de
constant.character.set.regexp#422D27de
constant.language#184B18de
constant.numeric#3F4514de
constant.numeric.dec.python#27423Cde
constant.other.caps.python#223622de
constant.other.character-class.regexp#18493Ede
constant.other.character-class.set.regexp#343622de
constant.other.color.rgb-value#282D02de
constant.other.placeholder#432F5Bde
constant.other.rgb-value#2A2B1Ade
constant.regexp#4E3470de
constant.sha.git-rebase#104A3Dde
emphasis#292C12de
entity.name.class#1F2A45de
entity.name.function#0E3027de
entity.name.function.preprocessor#473162de
entity.name.function.python#2D3655de
entity.name.label#2B334Ede
entity.name.namespace#422736de
entity.name.operator#372620de
entity.name.operator.custom-literal#312540de
entity.name.scope-resolution#40450Fde
entity.name.tag#134A3Ede
entity.name.tag.css#0123A1de
entity.name.type#134A3Edebold
entity.name.variable#5B2F48de
entity.other.attribute#432F5Bde
entity.other.attribute-name#3E231Dde
entity.other.attribute-name.class.css#39261Ede
entity.other.attribute-name.class.mixin.css#5B2F48de
entity.other.attribute-name.id#0D4A3Cde
entity.other.attribute-name.id.css#124A3Dde
entity.other.attribute-name.parent-selector.css#154A3Ede
entity.other.attribute-name.pseudo-class.css#62314Cde
entity.other.attribute-name.pseudo-element.css#154A3Ede
entity.other.attribute-name.scss#154A3Ede
entity.other.document.begin.yaml#26264D6e
entity.other.inherited-class#570532de
header#154C15de
invalid#243C24de
keyword#511605debold
keyword.codetag.notation.python#053205debold
keyword.control#1F2A45debold
keyword.control.anchor.regexp#570532debold
keyword.control.import.python#473162debold
keyword.operator#272D42debold
keyword.operator.alignas#031D7Adebold
keyword.operator.alignof#4A182Edebold
keyword.operator.cast#404517debold
keyword.operator.delete#402219debold
keyword.operator.documentation.powershell#26264D6ebold
keyword.operator.expression#0E3027debold
keyword.operator.instanceof#62314Cdebold
keyword.operator.logical.python#243C24debold
keyword.operator.minus.exponent#332247debold
keyword.operator.negation.regexp#292C12debold
keyword.operator.new#27423Cdebold
keyword.operator.noexcept#043204debold
keyword.operator.or.regexp#031D7Adebold
keyword.operator.plus.exponent#7A230Bdebold
keyword.operator.quantifier.regexp#243C37debold
keyword.operator.sizeof#332742debold
keyword.operator.typeid#242A3Cdebold
keyword.operator.wordlike#422736debold
keyword.other.operator#343622debold
keyword.other.package.java#172E29debold
keyword.other.unit#4E332Bdebold
keyword.other.using#17493Edebold
markup.bold#48293Ade
markup.changed#4A182Ede
markup.deleted#223622de
markup.fenced_code.block.markdown#4B3269de
markup.heading#38037Ade
markup.inline.raw#7A230Bde
markup.inserted#422D27de
markup.italic#003126de
markup.raw.block.markdown#422D27de
markup.strikethrough#312441de
markup.underline#39126Ade
meta.block.c#40450Fde
meta.block.c#2F395Bde
meta.class.java#0D310Dde
meta.definition.variable.name#172E29de
meta.diff.header#1F301Fde
meta.embedded#1F302Cde
meta.embedded.assembly#393C24de
meta.function-call.arguments.python#223631de
meta.function-call.python#18493Ede
meta.member.access.python#0123A1de
meta.method.java#312540de
meta.object-literal.key#172E29de
meta.paragraph.markdown#372948de
meta.preprocessor#343622de
meta.preprocessor.numeric#5B392Fde
meta.preprocessor.string#27423Cde
meta.scope.prerequisites.makefile#312441de
meta.structure.dictionary.json.comments#2525516e
meta.structure.dictionary.key.python#3F4514de
meta.structure.dictionary.value.json.comments#26264B6e
meta.template.expression#312441de
meta.type.cast.expr#172E29debold
meta.type.new.expr#332247debold
parameter#3D2131de
punctuation.character.set.begin.regexp#40450Fde
punctuation.character.set.end.regexp#134C13de
punctuation.definition.array.begin.json#0F4C0Fde
punctuation.definition.character-class.regexp#0123A1de
punctuation.definition.comment#26264C6e
punctuation.definition.comment.json.comments#26264C6e
punctuation.definition.comment.python#26264B6e
punctuation.definition.dictionary.begin.json#15255Fde
punctuation.definition.dictionary.end.json#043204de
punctuation.definition.group.assertion.regexp#154C15de
punctuation.definition.group.regexp#38037Ade
punctuation.definition.list.begin.json#243C24de
punctuation.definition.list.begin.markdown#222942de
punctuation.definition.list.begin.python#154C15de
punctuation.definition.list.end.json#172E29de
punctuation.definition.list.end.markdown#3B2330de
punctuation.definition.list.end.python#1B2658de
punctuation.definition.parameters.begin.python#2F395Bde
punctuation.definition.parameters.end.bracket.round.java#243C37de
punctuation.definition.quote.begin.markdown#2A2B1Ade
punctuation.definition.tag#292C0Ade
punctuation.definition.template-expression.begin#1F302Cde
punctuation.definition.template-expression.end#0E3027de
punctuation.section.class.begin.bracket.curly.java#294829de
punctuation.section.embedded#172E29de
punctuation.section.embedded.begin.php#7A230Bde
punctuation.section.embedded.end.php#2B334Ede
punctuation.terminator.java#164C16de
source.cmake#031D7Ade
source.coffee.embedded#4A1834de
source.cpp#154C15de
source.css.less#343622de
source.groovy.embedded#292C12de
source.java#2D3655de
source.java-properties#243C24de
source.json.comments#26264C6e
source.makefile#39126Ade
source.powershell#332247de
source.powershell.variable.other.member#282D02de
source.python#104A3Dde
storage#0123A1de
storage.modifier#404517de
storage.modifier.import.java#404516de
storage.modifier.package.java#372948de
storage.type#371B58debold
storage.type.annotation.groovy#0D4A3Cdebold
storage.type.annotation.java#0D4A3Cdebold
storage.type.boolean.go#0D310Ddebold
storage.type.byte.go#431D32debold
storage.type.cs#7A230Bdebold
storage.type.error.go#18493Edebold
storage.type.generic.cs#292C0Adebold
storage.type.generic.groovy#053205debold
storage.type.generic.java#003126debold
storage.type.groovy#003126debold
storage.type.java#313C62debold
storage.type.modifier.cs#3C2A24debold
storage.type.numeric.go#274227debold
storage.type.object.array.groovy#154C15debold
storage.type.object.array.java#39126Adebold
storage.type.parameters.groovy#292C12debold
storage.type.primitive.array.groovy#124A3Ddebold
storage.type.primitive.array.java#134C13debold
storage.type.primitive.groovy#3F4514debold
storage.type.primitive.java#5B2F48debold
storage.type.rune.go#18493Edebold
storage.type.string.go#1F2A45debold
storage.type.token.java#5B2F48debold
storage.type.uintptr.go#4E2B3Fdebold
storage.type.variable.cs#411F32debold
string#55362Dde
string.quoted.docstring.multi.python#26264C6e
string.regexp#043204de
string.tag#293048de
string.value#332247de
strong#372620de
support.class#292C12de
support.constant.color#15255Fde
support.constant.dom#404519de
support.constant.font-name#114C11de
support.constant.handlebars#62314Cde
support.constant.json#104A3Dde
support.constant.math#552D43de
support.constant.media#552D43de
support.constant.media-type#404519debold
support.constant.property-value#243C37de
support.function#292C0Ade
support.function.git-rebase#361F4Dde
support.other.parenthesis.regexp#124A3Dde
support.type#1F301Fdebold
support.type.property-name#5B2F48debold
support.type.vendored.property-name#39126Adebold
support.variable#5B392Fde
token.debug-token#4E3470de
token.error-token#1F2A45de
token.info-token#39261Ede
token.warn-token#62314Cde
variable#223631de
variable.css#422D27de
variable.language#0123A1de
variable.language.wildcard.java#4A182Ede
variable.other.constant#323E69de
variable.other.definition.java#003126de
variable.other.enummember#4E332Bde
variable.other.less#293048de
variable.other.object.java#223631de
variable.other.object.property.java#031D7Ade
variable.parameter.c#134A3Ede
variable.parameter.function.language.python#4E332Bde
variable.parameter.java#4E332Bde
variable.scss#431D32de
viiv by B.W - VS Code Theme