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#D7D7E2fe
  • activityBar.activeBackground#D7D7E2fe
  • activityBar.activeBorder#2E3762fe
  • activityBar.activeFocusBorder#7474B400
  • activityBar.background#EBEBF0fe
  • activityBar.border#63814600
  • activityBar.dropBorder#20386Cfe
  • activityBar.foreground#103484fe
  • activityBar.inactiveForeground#40405A65
  • activityBarBadge.background#31456Dfe
  • activityBarBadge.foreground#EBEBF0fe
  • badge.background#344F84fe
  • badge.foreground#EBEBF0fe
  • banner.background#D7D7E2fe
  • banner.foreground#2B2B66ce
  • banner.iconForeground#3E2C41fe
  • breadcrumb.activeSelectionForeground#263802ca
  • breadcrumb.background#E6E6EDfe
  • breadcrumb.focusForeground#37599Cfe
  • breadcrumb.foreground#2C2C61ae
  • breadcrumbPicker.background#D7D7E2fe
  • button.background#AAAAC3ae
  • button.border#F6F7F500
  • button.foreground#2B2B66ce
  • button.hoverBackground#7E7EA36e
  • button.secondaryBackground#D7D7E2fe
  • button.secondaryForeground#2B2B66ce
  • button.secondaryHoverBackground#D7D7E2fe
  • button.separator#F5F5F700
  • charts.blue#1b1bfffe
  • charts.foreground#2B2B66ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a0
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F0F0F4fe
  • chat.slashCommandBackground#D7D7E2fe
  • chat.slashCommandForeground#2B2B66ce
  • checkbox.background#F0F0F4fe
  • checkbox.border#F0F0F4fe
  • checkbox.foreground#2B2B66ce
  • checkbox.selectBackground#F0F0F4fe
  • checkbox.selectBorder#F0F0F4fe
  • commandCenter.activeBackground#B3C7B885
  • commandCenter.activeBorder#F0F0F4fe
  • commandCenter.activeForeground#37599Cfe
  • commandCenter.background#D7D7E2fe
  • commandCenter.border#F0F0F4fe
  • commandCenter.foreground#2B2B66ce
  • commandCenter.inactiveBorder#C3C3D49c
  • commandCenter.inactiveForeground#3C3C5565
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F7F5F500
  • contrastBorder#F5F7F700
  • debugConsole.errorForeground#8A008Ace
  • debugConsole.infoForeground#2B2B66ce
  • debugConsole.sourceForeground#2B2B66ce
  • debugConsole.warningForeground#5A4A00ce
  • debugConsoleInputIcon.foreground#2E2E59fe
  • debugExceptionWidget.background#FFA1FEa6
  • debugExceptionWidget.border#F0F0F4fe
  • debugIcon.breakpointCurrentStackframeForeground#303049fe
  • debugIcon.breakpointDisabledForeground#32324665
  • debugIcon.breakpointForeground#013939fe
  • debugIcon.breakpointStackframeForeground#293716fe
  • debugIcon.breakpointUnverifiedForeground#183920fe
  • debugIcon.continueForeground#2B2B66fe
  • debugIcon.disconnectForeground#2E2E59fe
  • debugIcon.pauseForeground#3B332Bfe
  • debugIcon.restartForeground#1E3636fe
  • debugIcon.startForeground#133838fe
  • debugIcon.stepBackForeground#561062fe
  • debugIcon.stepIntoForeground#263802fe
  • debugIcon.stepOutForeground#183737fe
  • debugIcon.stepOverForeground#263802fe
  • debugIcon.stopForeground#571F2Afe
  • debugTokenExpression.boolean#1E1A16ca
  • debugTokenExpression.error#261D27ca
  • debugTokenExpression.name#27221Dca
  • debugTokenExpression.number#191214ca
  • debugTokenExpression.value#261D27ca
  • debugToolBar.background#FFA1FEca
  • debugToolBar.border#F0F0F4fe
  • debugView.exceptionLabelBackground#CFBEC1ca
  • debugView.exceptionLabelForeground#293618ca
  • debugView.stateLabelBackground#CAC1B8ca
  • debugView.stateLabelForeground#183920ca
  • debugView.valueChangedHighlight#1E1618ca
  • descriptionForeground#2B2B66ce
  • diffEditor.border#F5F7F500
  • diffEditor.diagonalFill#000000f0
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#95D198fb
  • diffEditor.insertedTextBorder#F7F5F500
  • diffEditor.move.border#F5F7F700
  • diffEditor.moveActive.border#F6F7F500
  • diffEditor.removedLineBackground#FEADAD31
  • diffEditor.removedTextBackground#FFADADfb
  • diffEditor.removedTextBorder#F5F7F700
  • diffEditor.unchangedCodeBackground#D7D7E2fe
  • diffEditor.unchangedRegionBackground#D7D7E2fe
  • diffEditor.unchangedRegionForeground#2B2B66ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#35354B65
  • dropdown.background#F0F0F4fe
  • dropdown.border#F0F0F4fe
  • dropdown.foreground#2B2B66ce
  • dropdown.listBackground#F0F0F4fe
  • editor.background#D7D7E2fe
  • editor.findMatchBackground#A6BEACa1
  • editor.findMatchBorder#F0F0F4fe
  • editor.findMatchHighlightBackground#A89989a9
  • editor.findMatchHighlightBorder#F0F0F4fe
  • editor.findRangeHighlightBackground#A6BEBEa6
  • editor.findRangeHighlightBorder#F0F0F4fe
  • editor.focusedStackFrameHighlightBackground#B7A2BA8d
  • editor.foldBackground#7B3347a6
  • editor.foreground#2B2B66ce
  • editor.hoverHighlightBackground#A184A5ac
  • editor.inactiveSelectionBackground#B4B4CA96
  • editor.inlineValuesBackground#D7D7E2fe
  • editor.inlineValuesForeground#2B2B66ce
  • editor.lineHighlightBackground#AFAFC6b3
  • editor.lineHighlightBorder#F5F7F700
  • editor.linkedEditingBackground#D7D7E2fe
  • editor.rangeHighlightBackground#98B3B3a2
  • editor.rangeHighlightBorder#F0F0F4fe
  • editor.selectionBackground#B5C9C9a1
  • editor.selectionForeground#073B11ca
  • editor.selectionHighlightBackground#A1907F8d
  • editor.selectionHighlightBorder#F0F0F4fe
  • editor.snippetFinalTabstopHighlightBackground#A88EACa3
  • editor.snippetFinalTabstopHighlightBorder#F0F0F4fe
  • editor.snippetTabstopHighlightBackground#9DA889a5
  • editor.snippetTabstopHighlightBorder#F0F0F4fe
  • editor.stackFrameHighlightBackground#7FA188a9
  • editor.symbolHighlightBackground#9D7FA1a6
  • editor.symbolHighlightBorder#F0F0F4fe
  • editor.wordHighlightBackground#B3A598ab
  • editor.wordHighlightBorder#F7F5F700
  • editor.wordHighlightStrongBackground#AAAAC3aa
  • editor.wordHighlightStrongBorder#F7F5F700
  • editor.wordHighlightTextBackground#94A17Fac
  • editor.wordHighlightTextBorder#F7F6F500
  • editorBracketHighlight.foreground1#0A0A0Fce
  • editorBracketHighlight.foreground2#0A0A0Fce
  • editorBracketHighlight.foreground3#0A0A0Fce
  • editorBracketHighlight.foreground4#0A0A0Fce
  • editorBracketHighlight.foreground5#0A0A0Fce
  • editorBracketHighlight.foreground6#0A0A0Fce
  • editorBracketHighlight.unexpectedBracket.foreground#2B2B66ce
  • editorBracketMatch.background#2A5434ad
  • editorBracketMatch.border#F0F0F4fe
  • editorBracketPairGuide.activeBackground1#2E54378b
  • editorBracketPairGuide.activeBackground2#56493C84
  • editorBracketPairGuide.activeBackground3#2D533589
  • editorBracketPairGuide.activeBackground4#8031458a
  • editorBracketPairGuide.activeBackground5#56493E88
  • editorBracketPairGuide.activeBackground6#42502A86
  • editorBracketPairGuide.background1#CBC3B8fe
  • editorBracketPairGuide.background2#B3C8B8fe
  • editorBracketPairGuide.background3#C2C2D4fe
  • editorBracketPairGuide.background4#BEC5B1fe
  • editorBracketPairGuide.background5#B3C8B8fe
  • editorBracketPairGuide.background6#CBC2B8fe
  • editorCodeLens.foreground#4A4A696e
  • editorCommentsWidget.rangeActiveBackground#3D3DAAfe
  • editorCommentsWidget.rangeBackground#D7D7E2fe
  • editorCommentsWidget.resolvedBorder#F0F0F4fe
  • editorCommentsWidget.unresolvedBorder#FFADADcb
  • editorCursor.background#D7D7E2fe
  • editorCursor.foreground#31456Dfe
  • editorError.background#F7F6F500
  • editorError.border#F5F7F500
  • editorError.foreground#8A008Ace
  • editorGhostText.background#D7D7E2fe
  • editorGhostText.border#F5F5F700
  • editorGhostText.foreground#43435F6e
  • editorGroup.border#F0F0F4fe
  • editorGroup.dropBackground#D7D7E2fe
  • editorGroup.dropIntoPromptBackground#D7D7E2fe
  • editorGroup.dropIntoPromptBorder#F0F0F4fe
  • editorGroup.dropIntoPromptForeground#2B2B66ce
  • editorGroup.emptyBackground#D7D7E2fe
  • editorGroup.focusedEmptyBorder#F0F0F4fe
  • editorGroupHeader.border#F5F7F700
  • editorGroupHeader.noTabsBackground#EBEBF0ae
  • editorGroupHeader.tabsBackground#D2D2DFa1
  • editorGroupHeader.tabsBorder#F7F5F700
  • editorGutter.addedBackground#1B571Efb
  • editorGutter.background#D7D7E2fe
  • editorGutter.commentGlyphForeground#2B2B66ce
  • editorGutter.commentRangeForeground#2B2B66ce
  • editorGutter.commentUnresolvedGlyphForeground#1E5721cb
  • editorGutter.deletedBackground#9D0000cb
  • editorGutter.foldingControlForeground#2B2B66ce
  • editorGutter.modifiedBackground#5A4A00ce
  • editorHint.border#F6F7F500
  • editorHint.foreground#3A00F1ce
  • editorHoverWidget.background#F0F0F4fe
  • editorHoverWidget.border#F0F0F4fe
  • editorHoverWidget.foreground#2B2B66ce
  • editorHoverWidget.highlightForeground#641028ca
  • editorHoverWidget.statusBarBackground#D7D7E2fe
  • editorIndentGuide.activeBackground1#2E3762fe
  • editorIndentGuide.activeBackground2#03318Ffe
  • editorIndentGuide.activeBackground3#093583fe
  • editorIndentGuide.activeBackground4#20386Cfe
  • editorIndentGuide.activeBackground5#03318Ffe
  • editorIndentGuide.activeBackground6#273A60fe
  • editorIndentGuide.background1#53483D35
  • editorIndentGuide.background2#48626235
  • editorIndentGuide.background3#584C4135
  • editorIndentGuide.background4#65715335
  • editorIndentGuide.background5#684F6C35
  • editorIndentGuide.background6#6C4F5635
  • editorInfo.background#F7F5F700
  • editorInfo.border#F7F5F500
  • editorInfo.foreground#3A00F1ce
  • editorInlayHint.background#D7D7E2fe
  • editorInlayHint.foreground#2B2B66ce
  • editorInlayHint.parameterBackground#D7D7E2fe
  • editorInlayHint.parameterForeground#2B2B66ce
  • editorInlayHint.typeBackground#D7D7E2fe
  • editorInlayHint.typeForeground#2B2B66ce
  • editorLightBulb.foreground#5A4A00ce
  • editorLightBulbAutoFix.foreground#1E5721cb
  • editorLineNumber.activeForeground#344F84fe
  • editorLineNumber.dimmedForeground#0101C06e
  • editorLineNumber.foreground#4A4A696e
  • editorLink.activeForeground#31456Dfe
  • editorMarkerNavigation.background#F0F0F4fe
  • editorMarkerNavigationError.background#FFA1FE9b
  • editorMarkerNavigationError.headerBackground#FFA1FE99
  • editorMarkerNavigationInfo.background#BCBCFFfe
  • editorMarkerNavigationInfo.headerBackground#BCBCFFfe
  • editorMarkerNavigationWarning.background#E9C100fe
  • editorMarkerNavigationWarning.headerBackground#E9C100fe
  • editorOverviewRuler.addedForeground#1E5721cb
  • editorOverviewRuler.background#D7D7E2fe
  • editorOverviewRuler.border#C3C3D4fe
  • editorOverviewRuler.bracketMatchForeground#2B2B66ce
  • editorOverviewRuler.commentForeground#43435F6e
  • editorOverviewRuler.commentUnresolvedForeground#1E5721cb
  • editorOverviewRuler.commonContentForeground#2B2B66ce
  • editorOverviewRuler.currentContentForeground#4B4B4Bb3
  • editorOverviewRuler.deletedForeground#9D0000cb
  • editorOverviewRuler.errorForeground#8A008Ace
  • editorOverviewRuler.findMatchForeground#005555ce
  • editorOverviewRuler.incomingContentForeground#1E5721cb
  • editorOverviewRuler.infoForeground#3A00F1ce
  • editorOverviewRuler.modifiedForeground#5A4A00ce
  • editorOverviewRuler.rangeHighlightForeground#26380Aca
  • editorOverviewRuler.selectionHighlightForeground#3A00F1ce
  • editorOverviewRuler.warningForeground#5A4A00ce
  • editorOverviewRuler.wordHighlightForeground#1C3822ca
  • editorOverviewRuler.wordHighlightStrongForeground#2B2B66ce
  • editorOverviewRuler.wordHighlightTextForeground#2B2B66ce
  • editorPane.background#D7D7E2fe
  • editorRuler.foreground#3737BC2d
  • editorStickyScroll.background#D7D7E2fe
  • editorStickyScrollHover.background#C1C1D36e
  • editorSuggestWidget.background#F0F0F4fe
  • editorSuggestWidget.border#F5F7F700
  • editorSuggestWidget.focusHighlightForeground#4D2F51fe
  • editorSuggestWidget.foreground#183737fe
  • editorSuggestWidget.highlightForeground#2B3618ca
  • editorSuggestWidget.selectedBackground#98B3B38a
  • editorSuggestWidget.selectedForeground#2E2E59ca
  • editorSuggestWidget.selectedIconForeground#0A3838ca
  • editorSuggestWidgetStatus.foreground#2B3618fe
  • editorUnicodeHighlight.background#A489A8a5
  • editorUnicodeHighlight.border#F0F0F4fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F7F5F500
  • editorWarning.border#F7F5F500
  • editorWarning.foreground#5A4A00ce
  • editorWhitespace.foreground#2B2B66ce
  • editorWidget.background#F0F0F4fe
  • editorWidget.border#F0F0F4fe
  • editorWidget.foreground#2B2B66ce
  • editorWidget.resizeBorder#F0F0F4fe
  • errorForeground#8A008Ace
  • extensionBadge.remoteBackground#35528Cfe
  • extensionBadge.remoteForeground#EBEBF0fe
  • extensionButton.background#C1C1D3ae
  • extensionButton.foreground#2B2B66ce
  • extensionButton.hoverBackground#C1C1D36e
  • extensionButton.prominentBackground#D7D7E2fe
  • extensionButton.prominentForeground#2B2B66ce
  • extensionButton.prominentHoverBackground#D7D7E2fe
  • extensionButton.separator#F5F7F700
  • extensionIcon.preReleaseForeground#442849fe
  • extensionIcon.sponsorForeground#0D0DA8fe
  • extensionIcon.starForeground#1E3636fe
  • extensionIcon.verifiedForeground#3F2F1Dfe
  • focusBorder#F5F7F500
  • foreground#2B2B66ce
  • gitDecoration.addedResourceForeground#1E5721cb
  • gitDecoration.deletedResourceForeground#9D0000cb
  • gitDecoration.modifiedResourceForeground#5A4A00ce
  • gitDecoration.renamedResourceForeground#3A00F1ce
  • gitDecoration.stageDeletedResourceForeground#9D0000cb
  • gitDecoration.stageModifiedResourceForeground#1E5721cb
  • gitDecoration.untrackedResourceForeground#005555ce
  • icon.foreground#2D2DD4ae
  • inlineChat.background#D2C0C5ca
  • inlineChat.border#C1C1D3ca
  • inlineChat.regionHighlight#221E19ca
  • inlineChat.shadow#161E18ca
  • inlineChatDiff.inserted#161E18ca
  • inlineChatDiff.removed#1D271Fca
  • inlineChatInput.background#1D1617ca
  • inlineChatInput.border#CCC3B9ca
  • inlineChatInput.focusBorder#F5F5F700
  • inlineChatInput.placeholderForeground#26380Aca
  • input.background#F0F0F4fe
  • input.border#F0F0F4fe
  • input.foreground#2B2B66ce
  • input.placeholderForeground#3C3C5565
  • inputOption.activeBackground#F0F0F4fe
  • inputOption.activeBorder#F0F0F4fe
  • inputOption.activeForeground#35528Cfe
  • inputOption.hoverBackground#F0F0F4fe
  • inputValidation.errorBackground#670067ab
  • inputValidation.errorBorder#FFA1FEa4
  • inputValidation.errorForeground#8A008Ace
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F0F0F4fe
  • inputValidation.infoForeground#2B2B66ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F0F0F4fe
  • inputValidation.warningForeground#5A4A00ce
  • interactive.activeCodeBorder#F0F0F4fe
  • interactive.inactiveCodeBorder#C1C1D396
  • keybindingLabel.background#D7D7E2fe
  • keybindingLabel.border#F0F0F4fe
  • keybindingLabel.bottomBorder#F0F0F4fe
  • keybindingLabel.foreground#2B2B66ce
  • keybindingTable.headerBackground#D7D7E2fe
  • keybindingTable.rowsBackground#D7D7E2fe
  • list.activeSelectionBackground#7FA18882
  • list.activeSelectionForeground#422F15ca
  • list.activeSelectionIconForeground#163920ca
  • list.deemphasizedForeground#2B2B66ce
  • list.dropBackground#D7D7E2fe
  • list.errorForeground#8A008Ace
  • list.filterMatchBackground#D7D7E2fe
  • list.filterMatchBorder#F0F0F4fe
  • list.focusAndSelectionOutline#F7F6F500
  • list.focusBackground#C3C3D496
  • list.focusForeground#2F4166fe
  • list.focusHighlightForeground#274101fe
  • list.focusOutline#F5F7F500
  • list.highlightForeground#631226ca
  • list.hoverBackground#BFD0D0a6
  • list.hoverForeground#334C7Cfe
  • list.inactiveFocusBackground#BEBED196
  • list.inactiveFocusOutline#F7F5F500
  • list.inactiveSelectionBackground#EBEBF0ae
  • list.inactiveSelectionForeground#35354B65
  • list.inactiveSelectionIconForeground#35354B65
  • list.invalidItemForeground#2B2B66ce
  • list.warningForeground#5A4A00ce
  • listFilterWidget.background#D7D7E2fe
  • listFilterWidget.noMatchesOutline#F7F6F500
  • listFilterWidget.outline#F6F7F500
  • listFilterWidget.shadow#F7F5F700
  • menu.background#EBEBF0fe
  • menu.border#F6F7F500
  • menu.foreground#2C2C61ae
  • menu.selectionBackground#B5C9C9a8
  • menu.selectionBorder#F5F7F700
  • menu.selectionForeground#344F84fe
  • menu.separatorBackground#C2C2D365
  • menubar.selectionBackground#B5C9C9a8
  • menubar.selectionBorder#F7F5F700
  • menubar.selectionForeground#35528Cfe
  • merge.border#F0F0F4fe
  • merge.commonContentBackground#D7D7E2fe
  • merge.commonHeaderBackground#D7D7E2fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#95D198fb
  • merge.incomingContentBackground#94D197cb
  • merge.incomingHeaderBackground#95D198fb
  • mergeEditor.change.background#D7D7E2fe
  • mergeEditor.change.word.background#D7D7E2fe
  • mergeEditor.changeBase.background#D7D7E2fe
  • mergeEditor.changeBase.word.background#D7D7E2fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F0F0F4fe
  • mergeEditor.conflict.handledUnfocused.border#C8C8D839
  • mergeEditor.conflict.input1.background#F0F0F4fe
  • mergeEditor.conflict.input2.background#F0F0F4fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067be
  • mergeEditor.conflict.unhandledFocused.border#F0F0F4fe
  • mergeEditor.conflict.unhandledUnfocused.border#CDCDDB37
  • mergeEditor.conflictingLines.background#D7D7E2fe
  • minimap.background#D7D7E2fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0A0Fce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1B571Efb
  • minimapGutter.deletedBackground#9D0000fb
  • minimapGutter.modifiedBackground#5A4A00ce
  • minimapSlider.activeBackground#74749Cfe
  • minimapSlider.background#9B9BB8ae
  • minimapSlider.hoverBackground#9292B16e
  • notebook.cellBorderColor#F0F0F4fe
  • notebook.cellEditorBackground#D7D7E2fe
  • notebook.cellHoverBackground#D7D7E2fe
  • notebook.cellInsertionIndicator#1D1617ca
  • notebook.cellStatusBarItemHoverBackground#D7D7E2fe
  • notebook.cellToolbarSeparator#191612ca
  • notebook.editorBackground#D7D7E2fe
  • notebook.focusedCellBackground#D7D7E2fe
  • notebook.focusedCellBorder#365594fe
  • notebook.focusedEditorBorder#F0F0F4fe
  • notebook.inactiveFocusedCellBorder#6666908e
  • notebook.inactiveSelectedCellBorder#7979A08e
  • notebook.outputContainerBackgroundColor#D7D7E2fe
  • notebook.outputContainerBorderColor#F0F0F4fe
  • notebook.selectedCellBackground#D7D7E2fe
  • notebook.selectedCellBorder#F0F0F4fe
  • notebook.symbolHighlightBackground#D7D7E2fe
  • notebookEditorOverviewRuler.runningCellForeground#2B2B66ce
  • notebookScrollbarSlider.activeBackground#7979A0fe
  • notebookScrollbarSlider.background#9B9BB8ae
  • notebookScrollbarSlider.hoverBackground#8D8DAE6e
  • notebookStatusErrorIcon.foreground#8A008Ace
  • notebookStatusRunningIcon.foreground#262679fe
  • notebookStatusSuccessIcon.foreground#1E5721cb
  • notificationCenter.border#F0F0F4fe
  • notificationCenterHeader.background#D7D7E2fe
  • notificationCenterHeader.foreground#2B2B66ce
  • notificationLink.foreground#2B2B66ce
  • notifications.background#D7D7E2fe
  • notifications.border#F0F0F4fe
  • notifications.foreground#2B2B66ce
  • notificationsErrorIcon.foreground#8A008Ace
  • notificationsInfoIcon.foreground#183A22fe
  • notificationsWarningIcon.foreground#5A4A00ce
  • notificationToast.border#F0F0F4fe
  • panel.background#D7D7E2fe
  • panel.border#F0F0F4fe
  • panel.dropBorder#F0F0F4fe
  • panelInput.border#F0F0F4fe
  • panelSection.border#F0F0F4fe
  • panelSection.dropBackground#D7D7E2fe
  • panelSectionHeader.background#D7D7E2fe
  • panelSectionHeader.border#F0F0F4fe
  • panelSectionHeader.foreground#2B2B66ce
  • panelTitle.activeBorder#F6F7F500
  • panelTitle.activeForeground#2E3762fe
  • panelTitle.inactiveForeground#39395065
  • peekView.border#20386Cfe
  • peekViewEditor.background#F0F0F4fe
  • peekViewEditor.matchHighlightBackground#98B3B38a
  • peekViewEditor.matchHighlightBorder#F7F5F700
  • peekViewEditorGutter.background#F0F0F4fe
  • peekViewEditorStickyScroll.background#D7D7E2fe
  • peekViewResult.background#EBEBF0fe
  • peekViewResult.fileForeground#2B2B66ce
  • peekViewResult.lineForeground#2B2B66ce
  • peekViewResult.matchHighlightBackground#B7AA9D88
  • peekViewResult.selectionBackground#BAAEA284
  • peekViewResult.selectionForeground#183737ca
  • peekViewTitle.background#EBEBF0fe
  • peekViewTitleDescription.foreground#2B2B66ce
  • peekViewTitleLabel.foreground#2B2B66ce
  • pickerGroup.border#F0F0F4fe
  • pickerGroup.foreground#2B2B66ce
  • ports.iconRunningProcessForeground#3E2F40fe
  • problemsErrorIcon.foreground#8A008Ace
  • problemsInfoIcon.foreground#3A00F1ce
  • problemsWarningIcon.foreground#5A4A00ce
  • profileBadge.background#35528Cfe
  • profileBadge.foreground#EBEBF0fe
  • progressBar.background#D7D7E2fe
  • quickInput.background#EBEBF0fe
  • quickInput.foreground#2D2D5Dae
  • quickInputList.focusBackground#A9B398a7
  • quickInputList.focusForeground#365594fe
  • quickInputList.focusIconForeground#385CA4fe
  • quickInputTitle.background#F0F0F4fe
  • sash.hoverBorder#F0F0F4fe
  • scrollbar.shadow#F5F7F500
  • scrollbarSlider.activeBackground#666690fe
  • scrollbarSlider.background#A0A0BCae
  • scrollbarSlider.hoverBackground#8D8DAE6e
  • search.resultsInfoForeground#2B2B66ce
  • searchEditor.findMatchBackground#A2BAA8ae
  • searchEditor.findMatchBorder#F0F0F4fe
  • searchEditor.textInputBorder#F0F0F4fe
  • selection.background#D7D7E2fe
  • settings.checkboxBackground#F0F0F4fe
  • settings.checkboxBorder#F0F0F4fe
  • settings.checkboxForeground#2B2B66ce
  • settings.dropdownBackground#F0F0F4fe
  • settings.dropdownBorder#F0F0F4fe
  • settings.dropdownForeground#2B2B66ce
  • settings.dropdownListBorder#F0F0F4fe
  • settings.focusedRowBackground#9DB7A381
  • settings.focusedRowBorder#F0F0F4fe
  • settings.headerBorder#F0F0F4fe
  • settings.headerForeground#2B2B66ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F0F0F4fe
  • settings.numberInputBorder#F0F0F4fe
  • settings.numberInputForeground#2B2B66ce
  • settings.rowHoverBackground#D7D7E2fe
  • settings.sashBorder#F0F0F4fe
  • settings.settingsHeaderHoverForeground#35528Cfe
  • settings.textInputBackground#F0F0F4fe
  • settings.textInputBorder#F0F0F4fe
  • settings.textInputForeground#2B2B66ce
  • sideBar.background#D7D7E2fe
  • sideBar.border#F0F0F4fe
  • sideBar.dropBackground#D7D7E2fe
  • sideBar.foreground#2D2DD4ae
  • sideBarSectionHeader.background#F5F7F500
  • sideBarSectionHeader.border#F0F0F4fe
  • sideBarSectionHeader.foreground#2B2B66ce
  • sideBarTitle.foreground#2B2B66ce
  • sideBySideEditor.horizontalBorder#F0F0F4fe
  • sideBySideEditor.verticalBorder#F0F0F4fe
  • simpleFindWidget.sashBorder#F0F0F4fe
  • statusBar.background#EBEBF0fe
  • statusBar.border#F0F0F4fe
  • statusBar.debuggingBackground#FFA1FEc0
  • statusBar.debuggingBorder#F0F0F4fe
  • statusBar.debuggingForeground#2B2B66ce
  • statusBar.focusBorder#F5F7F500
  • statusBar.foreground#4A4A696e
  • statusBar.noFolderBackground#EBEBF0fe
  • statusBar.noFolderBorder#F0F0F4fe
  • statusBar.noFolderForeground#2B2B66ce
  • statusBarItem.activeBackground#EBEBF0fe
  • statusBarItem.compactHoverBackground#EBEBF0fe
  • statusBarItem.errorBackground#FFA1FEad
  • statusBarItem.errorForeground#8A008Ace
  • statusBarItem.errorHoverBackground#FFA1FEc6
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F6F7F500
  • statusBarItem.hoverBackground#EBEBF0fe
  • statusBarItem.hoverForeground#37599Cfe
  • statusBarItem.offlineBackground#EBEBF0fe
  • statusBarItem.offlineForeground#2B2B66ce
  • statusBarItem.offlineHoverBackground#EBEBF0fe
  • statusBarItem.offlineHoverForeground#35528Cfe
  • statusBarItem.prominentBackground#EBEBF0fe
  • statusBarItem.prominentForeground#2B2B66ce
  • statusBarItem.prominentHoverBackground#EBEBF0fe
  • statusBarItem.prominentHoverForeground#385CA4fe
  • statusBarItem.remoteBackground#35528Cfe
  • statusBarItem.remoteForeground#EBEBF0fe
  • statusBarItem.remoteHoverBackground#EBEBF0fe
  • statusBarItem.remoteHoverForeground#31456Dfe
  • statusBarItem.warningBackground#E9C100fe
  • statusBarItem.warningForeground#5A4A00ce
  • statusBarItem.warningHoverBackground#E9C100fe
  • statusBarItem.warningHoverForeground#917800ce
  • symbolIcon.arrayForeground#3E2C41fe
  • symbolIcon.booleanForeground#005555ce
  • symbolIcon.classForeground#551260fe
  • symbolIcon.colorForeground#631226fe
  • symbolIcon.constantForeground#641028fe
  • symbolIcon.constructorForeground#521959fe
  • symbolIcon.enumeratorForeground#3D3023fe
  • symbolIcon.enumeratorMemberForeground#2F4040fe
  • symbolIcon.eventForeground#571F2Afe
  • symbolIcon.fieldForeground#641028fe
  • symbolIcon.fileForeground#183920fe
  • symbolIcon.folderForeground#64111Dfe
  • symbolIcon.functionForeground#183920fe
  • symbolIcon.interfaceForeground#3F3020fe
  • symbolIcon.keyForeground#561062fe
  • symbolIcon.keywordForeground#64111Dfe
  • symbolIcon.methodForeground#55135Ffe
  • symbolIcon.moduleForeground#073B11fe
  • symbolIcon.namespaceForeground#2C351Ffe
  • symbolIcon.nullForeground#39402Ffe
  • symbolIcon.numberForeground#293716fe
  • symbolIcon.objectForeground#262679fe
  • symbolIcon.operatorForeground#0D0DA8fe
  • symbolIcon.packageForeground#4B2830fe
  • symbolIcon.propertyForeground#571F2Afe
  • symbolIcon.referenceForeground#3D3023fe
  • symbolIcon.snippetForeground#27362Bfe
  • symbolIcon.stringForeground#4B2830fe
  • symbolIcon.structForeground#4B2830fe
  • symbolIcon.textForeground#183737fe
  • symbolIcon.typeParameterForeground#1E3636fe
  • symbolIcon.unitForeground#353B2Bfe
  • symbolIcon.variableForeground#2F2F52fe
  • tab.activeBackground#E6E6EDfe
  • tab.activeBorder#F7F5F700
  • tab.activeBorderTop#103484fe
  • tab.activeForeground#273A60fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F6F7F500
  • tab.hoverBackground#325151a1
  • tab.hoverBorder#F0F0F4fe
  • tab.hoverForeground#385FACfe
  • tab.inactiveBackground#C1C1D393
  • tab.inactiveForeground#36365C65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F0F0F4fe
  • tab.unfocusedActiveBackground#CDCDDB25
  • tab.unfocusedActiveBorder#F7F5F500
  • tab.unfocusedActiveBorderTop#C1C1D365
  • tab.unfocusedActiveForeground#36365C65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#3A3AB43e
  • tab.unfocusedHoverBorder#CDCDDB2a
  • tab.unfocusedHoverForeground#40405A65
  • tab.unfocusedInactiveBackground#B4B4CA92
  • tab.unfocusedInactiveForeground#3C3C5565
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333c5
  • 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#67006799
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec1
  • terminal.ansiYellow#c4a200fe
  • terminal.background#D7D7E2fe
  • terminal.border#F0F0F4fe
  • terminal.dropBackground#D7D7E2fe
  • terminal.findMatchBackground#D7D7E2fe
  • terminal.findMatchBorder#F0F0F4fe
  • terminal.findMatchHighlightBackground#D7D7E2fe
  • terminal.findMatchHighlightBorder#F0F0F4fe
  • terminal.foreground#2D2DD4ae
  • terminal.hoverHighlightBackground#D7D7E2fe
  • terminal.inactiveSelectionBackground#BEBED193
  • terminal.selectionBackground#A6BEBE86
  • terminal.selectionForeground#2D2D60ca
  • terminal.tab.activeBorder#20386Cfe
  • terminalCommandDecoration.defaultBackground#71317Ba1
  • terminalCommandDecoration.errorBackground#9D0000cb
  • terminalCommandDecoration.successBackground#1E5721cb
  • terminalCursor.background#D7D7E2fe
  • terminalCursor.foreground#37599Cfe
  • terminalOverviewRuler.cursorForeground#2B2B66ce
  • terminalOverviewRuler.findMatchForeground#005555ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b8
  • testing.iconUnset#808080af
  • testing.message.error.decorationForeground#31456Dfe
  • testing.message.error.lineBackground#FFA1FEc2
  • testing.message.info.decorationForeground#0F44ADfe
  • testing.message.info.lineBackground#BCBCFFfe
  • testing.peekBorder#F0F0F4fe
  • testing.peekHeaderBackground#D7D7E2fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#D7D7E2fe
  • textBlockQuote.border#F0F0F4fe
  • textCodeBlock.background#D7D7E2fe
  • textLink.activeForeground#344F84fe
  • textLink.foreground#3A00F1ce
  • textPreformat.foreground#2B2B66ce
  • textSeparator.foreground#2B2B66ce
  • titleBar.activeBackground#EBEBF0fe
  • titleBar.activeForeground#323274ae
  • titleBar.border#F5F7F500
  • titleBar.inactiveBackground#C8C8D8de
  • titleBar.inactiveForeground#39395065
  • toolbar.activeBackground#BDC5B085
  • toolbar.hoverBackground#D7D7E2fe
  • toolbar.hoverOutline#F5F7F500
  • tree.inactiveIndentGuidesStroke#5D444A35
  • tree.indentGuidesStroke#0A42B2fe
  • tree.tableColumnsBorder#F0F0F4fe
  • tree.tableOddRowsBackground#D7D7E2fe
  • walkThrough.embeddedEditorBackground#D7D7E2fe
  • walkthrough.stepTitle.foreground#2B2B66ce
  • welcomePage.background#D7D7E2fe
  • welcomePage.progress.background#D7D7E2fe
  • welcomePage.progress.foreground#2B2B66ce
  • welcomePage.tileBackground#D7D7E2fe
  • welcomePage.tileBorder#F0F0F4fe
  • welcomePage.tileHoverBackground#D7D7E2fe
  • widget.border#F0F0F4fe
  • widget.shadow#F7F5F700
  • window.activeBorder#F0F0F4fe
  • window.inactiveBorder#C3C3D497

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#27274C6e
comment.block.html#27274E6e
comment.block.java#27274E6e
comment.block.javadoc.java#28284C6e
comment.block.powershell#28284B6e
comment.block.xml#28284C6e
comment.line.double-slash.c#28284C6e
comment.line.double-slash.cpp#27274E6e
comment.line.double-slash.java#28284C6e
comment.line.double-slash.js#28284B6e
comment.line.number-sign.makefile#28284C6e
comment.line.number-sign.python#28284C6e
comment.line.number-sign.yaml#27274E6e
comment.line.percentage.erlang#27274E6e
comment.line.powershell#27274C6e
comment.source.cmake#28284C6e
comment.source.cmakecache#27274E6e
constant.character#153026de
constant.character.character-class.regexp#27334Bde
constant.character.escape#0F4B37de
constant.character.set.regexp#3E3E23de
constant.language#582B49de
constant.numeric#153026de
constant.numeric.dec.python#373720de
constant.other.caps.python#421E37de
constant.other.character-class.regexp#032766de
constant.other.character-class.set.regexp#2B3A58de
constant.other.color.rgb-value#143127de
constant.other.placeholder#300781de
constant.other.rgb-value#471A3Ade
constant.regexp#44440Fde
constant.sha.git-rebase#0F4D0Fde
emphasis#153026de
entity.name.class#5F2D4Ede
entity.name.function#232C3Ede
entity.name.function.preprocessor#444412de
entity.name.function.python#2F2545de
entity.name.label#2B3A58de
entity.name.namespace#31234Cde
entity.name.operator#2F2545de
entity.name.operator.custom-literal#512A44de
entity.name.scope-resolution#1A2A4Dde
entity.name.tag#582B49de
entity.name.tag.css#233E23de
entity.name.type#043404debold
entity.name.variable#551212de
entity.other.attribute#5C0404de
entity.other.attribute-name#2A3751de
entity.other.attribute-name.class.css#551212de
entity.other.attribute-name.class.mixin.css#311D5Fde
entity.other.attribute-name.id#582B49de
entity.other.attribute-name.id.css#27334Bde
entity.other.attribute-name.parent-selector.css#521515de
entity.other.attribute-name.pseudo-class.css#1E312Bde
entity.other.attribute-name.pseudo-element.css#1E312Bde
entity.other.attribute-name.scss#262E02de
entity.other.document.begin.yaml#27274E6e
entity.other.inherited-class#5F2D4Ede
header#032766de
invalid#5F2D2Dde
keyword#3A2B58debold
keyword.codetag.notation.python#203730debold
keyword.control#013220debold
keyword.control.anchor.regexp#003300debold
keyword.control.import.python#252F44debold
keyword.operator#5D0202debold
keyword.operator.alignas#31234Cdebold
keyword.operator.alignof#254425debold
keyword.operator.cast#043223debold
keyword.operator.delete#5F2D4Edebold
keyword.operator.documentation.powershell#28284C6ebold
keyword.operator.expression#373720debold
keyword.operator.instanceof#1E2A45debold
keyword.operator.logical.python#1A2A4Ddebold
keyword.operator.minus.exponent#2A3751debold
keyword.operator.negation.regexp#4B2727debold
keyword.operator.new#2D2D02debold
keyword.operator.noexcept#2D3E5Fdebold
keyword.operator.or.regexp#2D3E5Fdebold
keyword.operator.plus.exponent#013220debold
keyword.operator.quantifier.regexp#444411debold
keyword.operator.sizeof#212B3Edebold
keyword.operator.typeid#44253Adebold
keyword.operator.wordlike#311472debold
keyword.other.operator#311D5Fdebold
keyword.other.package.java#233E23debold
keyword.other.unit#1E312Bdebold
keyword.other.using#2D3E5Fdebold
markup.bold#27334Bde
markup.changed#2D2D02de
markup.deleted#444412de
markup.fenced_code.block.markdown#582B2Bde
markup.heading#25443Ade
markup.inline.raw#202B42de
markup.inserted#551212de
markup.italic#4C1638de
markup.raw.block.markdown#1E2A45de
markup.strikethrough#202B42de
markup.underline#33274Bde
meta.block.c#31311Ede
meta.block.c#373720de
meta.class.java#4D1A1Ade
meta.definition.variable.name#153026de
meta.diff.header#4D1438de
meta.embedded#4E133Ade
meta.embedded.assembly#471E1Ede
meta.function-call.arguments.python#2D2D00de
meta.function-call.python#4C1638de
meta.member.access.python#132A4Fde
meta.method.java#003300de
meta.object-literal.key#0A320Ade
meta.paragraph.markdown#203730de
meta.preprocessor#512A2Ade
meta.preprocessor.numeric#143114de
meta.preprocessor.string#4E133Ade
meta.scope.prerequisites.makefile#162A4Dde
meta.structure.dictionary.json.comments#27274C6e
meta.structure.dictionary.key.python#541313de
meta.structure.dictionary.value.json.comments#27274E6e
meta.template.expression#662F2Fde
meta.type.cast.expr#33274Bdebold
meta.type.new.expr#5C0404debold
parameter#2D2D00de
punctuation.character.set.begin.regexp#4D1A1Ade
punctuation.character.set.end.regexp#043223de
punctuation.definition.array.begin.json#203730de
punctuation.definition.character-class.regexp#412F66de
punctuation.definition.comment#28284C6e
punctuation.definition.comment.json.comments#27274E6e
punctuation.definition.comment.python#27274E6e
punctuation.definition.dictionary.begin.json#0F4D0Fde
punctuation.definition.dictionary.end.json#2A3751de
punctuation.definition.group.assertion.regexp#5F2D4Ede
punctuation.definition.group.regexp#34097Cde
punctuation.definition.list.begin.json#551212de
punctuation.definition.list.begin.markdown#1E311Ede
punctuation.definition.list.begin.python#233E35de
punctuation.definition.list.end.json#312153de
punctuation.definition.list.end.markdown#551212de
punctuation.definition.list.end.python#143114de
punctuation.definition.parameters.begin.python#2B3A58de
punctuation.definition.parameters.end.bracket.round.java#444425de
punctuation.definition.quote.begin.markdown#512A2Ade
punctuation.definition.tag#421E37de
punctuation.definition.template-expression.begin#1E311Ede
punctuation.definition.template-expression.end#31234Cde
punctuation.section.class.begin.bracket.curly.java#143114de
punctuation.section.embedded#31234Cde
punctuation.section.embedded.begin.php#232C3Ede
punctuation.section.embedded.end.php#442121de
punctuation.terminator.java#44440Fde
source.cmake#312153de
source.coffee.embedded#0B3125de
source.cpp#043404de
source.css.less#312549de
source.groovy.embedded#203720de
source.java#232C3Ede
source.java-properties#44440Fde
source.json.comments#28284C6e
source.makefile#203720de
source.powershell#442121de
source.powershell.variable.other.member#154C15de
source.python#153115de
storage#5F2D2Dde
storage.modifier#4D1438de
storage.modifier.import.java#112957de
storage.modifier.package.java#254425de
storage.type#412036debold
storage.type.annotation.groovy#154B39debold
storage.type.annotation.java#2D2D02debold
storage.type.boolean.go#512A2Adebold
storage.type.byte.go#5F2D2Ddebold
storage.type.cs#442525debold
storage.type.error.go#33274Bdebold
storage.type.generic.cs#0C4D0Cdebold
storage.type.generic.groovy#3E3E23debold
storage.type.generic.java#254425debold
storage.type.groovy#233E23debold
storage.type.java#5F2D4Edebold
storage.type.modifier.cs#5F2D4Edebold
storage.type.numeric.go#57043Cdebold
storage.type.object.array.groovy#2D2D02debold
storage.type.object.array.java#57043Cdebold
storage.type.parameters.groovy#153026debold
storage.type.primitive.array.groovy#252F44debold
storage.type.primitive.array.java#0B3125debold
storage.type.primitive.groovy#444412debold
storage.type.primitive.java#2D2D00debold
storage.type.rune.go#2C2C10debold
storage.type.string.go#154C15debold
storage.type.token.java#5D0202debold
storage.type.uintptr.go#114D11debold
storage.type.variable.cs#3A2B58debold
string#203720de
string.quoted.docstring.multi.python#27274E6e
string.regexp#043404de
string.tag#582B49de
string.value#521515de
strong#1E311Ede
support.class#0C4D0Cde
support.constant.color#013220de
support.constant.dom#2D2D00de
support.constant.font-name#162A4Dde
support.constant.handlebars#5F2D4Ede
support.constant.json#4D1438de
support.constant.math#134B38de
support.constant.media#4B2727de
support.constant.media-type#512A44debold
support.constant.property-value#5F2D2Dde
support.function#512A2Ade
support.function.git-rebase#372A51de
support.other.parenthesis.regexp#2D2D02de
support.type#412F66debold
support.type.property-name#57043Cdebold
support.type.vendored.property-name#254425debold
support.variable#043404de
token.debug-token#114B38de
token.error-token#043223de
token.info-token#203730de
token.warn-token#114D11de
variable#0D4B37de
variable.css#311D5Fde
variable.language#340C7Ade
variable.language.wildcard.java#2D2D00de
variable.other.constant#2B3A58de
variable.other.definition.java#1A2A4Dde
variable.other.enummember#124D12de
variable.other.less#33274Bde
variable.other.object.java#0A320Ade
variable.other.object.property.java#0C4D0Cde
variable.parameter.c#521515de
variable.parameter.function.language.python#5F2D4Ede
variable.parameter.java#4D1438de
variable.scss#143127de
viiv by B.W - VS Code Theme