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#194313fe
  • activityBar.activeFocusBorder#46848400
  • activityBar.background#EBEBF0fe
  • activityBar.border#63814600
  • activityBar.dropBorder#194314fe
  • activityBar.foreground#0C4402fe
  • activityBar.inactiveForeground#39395065
  • activityBarBadge.background#208D11fe
  • activityBarBadge.foreground#EBEBF0fe
  • badge.background#208D11fe
  • badge.foreground#EBEBF0fe
  • banner.background#D7D7E2fe
  • banner.foreground#2B2B66ce
  • banner.iconForeground#2B3B2Ffe
  • breadcrumb.activeSelectionForeground#2E2E59ca
  • breadcrumb.background#E6E6EDfe
  • breadcrumb.focusForeground#1E8D0Ffe
  • breadcrumb.foreground#2C2C61ae
  • breadcrumbPicker.background#D7D7E2fe
  • button.background#9797B5ae
  • button.border#F7F5F500
  • button.foreground#2B2B66ce
  • button.hoverBackground#7E7EA36e
  • button.secondaryBackground#D7D7E2fe
  • button.secondaryForeground#2B2B66ce
  • button.secondaryHoverBackground#D7D7E2fe
  • button.separator#F6F7F500
  • charts.blue#1b1bfffe
  • charts.foreground#2B2B66ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ad
  • 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#B3C7B882
  • commandCenter.activeBorder#F0F0F4fe
  • commandCenter.activeForeground#3D8832fe
  • commandCenter.background#D7D7E2fe
  • commandCenter.border#F0F0F4fe
  • commandCenter.foreground#2B2B66ce
  • commandCenter.inactiveBorder#C3C3D495
  • commandCenter.inactiveForeground#3C3C5565
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F5F5F700
  • contrastBorder#F6F7F500
  • debugConsole.errorForeground#8A008Ace
  • debugConsole.infoForeground#2B2B66ce
  • debugConsole.sourceForeground#2B2B66ce
  • debugConsole.warningForeground#5A4A00ce
  • debugConsoleInputIcon.foreground#442849fe
  • debugExceptionWidget.background#FFA1FEc8
  • debugExceptionWidget.border#F0F0F4fe
  • debugIcon.breakpointCurrentStackframeForeground#3B332Bfe
  • debugIcon.breakpointDisabledForeground#35354B65
  • debugIcon.breakpointForeground#472A31fe
  • debugIcon.breakpointStackframeForeground#2D2D60fe
  • debugIcon.breakpointUnverifiedForeground#4A234Dfe
  • debugIcon.continueForeground#262679fe
  • debugIcon.disconnectForeground#183737fe
  • debugIcon.pauseForeground#55135Ffe
  • debugIcon.restartForeground#263802fe
  • debugIcon.startForeground#641028fe
  • debugIcon.stepBackForeground#631226fe
  • debugIcon.stepIntoForeground#39402Ffe
  • debugIcon.stepOutForeground#412A45fe
  • debugIcon.stepOverForeground#551260fe
  • debugIcon.stopForeground#2B3618fe
  • debugTokenExpression.boolean#22191Bca
  • debugTokenExpression.error#191214ca
  • debugTokenExpression.name#121914ca
  • debugTokenExpression.number#19221Bca
  • debugTokenExpression.value#221E19ca
  • debugToolBar.background#FFA1FEb4
  • debugToolBar.border#F0F0F4fe
  • debugView.exceptionLabelBackground#BEC6B1ca
  • debugView.exceptionLabelForeground#561062ca
  • debugView.stateLabelBackground#B2C8C8ca
  • debugView.stateLabelForeground#2D2D60ca
  • debugView.valueChangedHighlight#161D18ca
  • descriptionForeground#2B2B66ce
  • diffEditor.border#F6F7F500
  • diffEditor.diagonalFill#000000f6
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#95D198fb
  • diffEditor.insertedTextBorder#F7F6F500
  • diffEditor.move.border#F5F5F700
  • diffEditor.moveActive.border#F7F6F500
  • diffEditor.removedLineBackground#FEADAD31
  • diffEditor.removedTextBackground#FFADADfb
  • diffEditor.removedTextBorder#F7F5F500
  • 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#7FA1A1a5
  • editor.findMatchBorder#F0F0F4fe
  • editor.findMatchHighlightBackground#9B9BB8ac
  • editor.findMatchHighlightBorder#F0F0F4fe
  • editor.findRangeHighlightBackground#B0939Aa5
  • editor.findRangeHighlightBorder#F0F0F4fe
  • editor.focusedStackFrameHighlightBackground#BBA6BE8a
  • editor.foldBackground#5D4361ac
  • editor.foreground#2B2B66ce
  • editor.hoverHighlightBackground#AC8E95aa
  • editor.inactiveSelectionBackground#C3C3D49d
  • editor.inlineValuesBackground#D7D7E2fe
  • editor.inlineValuesForeground#2B2B66ce
  • editor.lineHighlightBackground#AFAFC6b1
  • editor.lineHighlightBorder#F6F7F500
  • editor.linkedEditingBackground#D7D7E2fe
  • editor.rangeHighlightBackground#B0A193a3
  • editor.rangeHighlightBorder#F0F0F4fe
  • editor.selectionBackground#C4D3D3a8
  • editor.selectionForeground#263802ca
  • editor.selectionHighlightBackground#A9B39883
  • editor.selectionHighlightBorder#F0F0F4fe
  • editor.snippetFinalTabstopHighlightBackground#A184A5a5
  • editor.snippetFinalTabstopHighlightBorder#F0F0F4fe
  • editor.snippetTabstopHighlightBackground#BFABC1a8
  • editor.snippetTabstopHighlightBorder#F0F0F4fe
  • editor.stackFrameHighlightBackground#A1907Fa9
  • editor.symbolHighlightBackground#A59484a7
  • editor.symbolHighlightBorder#F0F0F4fe
  • editor.wordHighlightBackground#89A891ae
  • editor.wordHighlightBorder#F7F6F500
  • editor.wordHighlightStrongBackground#A6BEACae
  • editor.wordHighlightStrongBorder#F7F6F500
  • editor.wordHighlightTextBackground#B79DA3aa
  • editor.wordHighlightTextBorder#F5F5F700
  • editorBracketHighlight.foreground1#0A0A0Fce
  • editorBracketHighlight.foreground2#0A0A0Fce
  • editorBracketHighlight.foreground3#0A0A0Fce
  • editorBracketHighlight.foreground4#0A0A0Fce
  • editorBracketHighlight.foreground5#0A0A0Fce
  • editorBracketHighlight.foreground6#0A0A0Fce
  • editorBracketHighlight.unexpectedBracket.foreground#2B2B66ce
  • editorBracketMatch.background#693A70a1
  • editorBracketMatch.border#F0F0F4fe
  • editorBracketPairGuide.activeBackground1#62462C84
  • editorBracketPairGuide.activeBackground2#2A54348a
  • editorBracketPairGuide.activeBackground3#7B33478b
  • editorBracketPairGuide.activeBackground4#2D52528c
  • editorBracketPairGuide.activeBackground5#41512782
  • editorBracketPairGuide.activeBackground6#2C525287
  • editorBracketPairGuide.background1#B3C8B8fe
  • editorBracketPairGuide.background2#B1C6C6fe
  • editorBracketPairGuide.background3#CDC0CFfe
  • editorBracketPairGuide.background4#CFBEC1fe
  • editorBracketPairGuide.background5#CEBED0fe
  • editorBracketPairGuide.background6#C1C1D2fe
  • editorCodeLens.foreground#43435F6e
  • editorCommentsWidget.rangeActiveBackground#3D3DAAfe
  • editorCommentsWidget.rangeBackground#D7D7E2fe
  • editorCommentsWidget.resolvedBorder#F0F0F4fe
  • editorCommentsWidget.unresolvedBorder#FFADADcb
  • editorCursor.background#D7D7E2fe
  • editorCursor.foreground#1E8D0Ffe
  • editorError.background#F5F7F500
  • editorError.border#F5F5F700
  • editorError.foreground#8A008Ace
  • editorGhostText.background#D7D7E2fe
  • editorGhostText.border#F6F7F500
  • editorGhostText.foreground#4747646e
  • editorGroup.border#F0F0F4fe
  • editorGroup.dropBackground#D7D7E2fe
  • editorGroup.dropIntoPromptBackground#D7D7E2fe
  • editorGroup.dropIntoPromptBorder#F0F0F4fe
  • editorGroup.dropIntoPromptForeground#2B2B66ce
  • editorGroup.emptyBackground#D7D7E2fe
  • editorGroup.focusedEmptyBorder#F0F0F4fe
  • editorGroupHeader.border#F7F6F500
  • editorGroupHeader.noTabsBackground#EBEBF0ae
  • editorGroupHeader.tabsBackground#D7D7E2a1
  • editorGroupHeader.tabsBorder#F5F5F700
  • 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#F5F7F700
  • editorHint.foreground#3A00F1ce
  • editorHoverWidget.background#F0F0F4fe
  • editorHoverWidget.border#F0F0F4fe
  • editorHoverWidget.foreground#2B2B66ce
  • editorHoverWidget.highlightForeground#2E2E59ca
  • editorHoverWidget.statusBarBackground#D7D7E2fe
  • editorIndentGuide.activeBackground1#254122fe
  • editorIndentGuide.activeBackground2#0D4504fe
  • editorIndentGuide.activeBackground3#1E4219fe
  • editorIndentGuide.activeBackground4#0C4402fe
  • editorIndentGuide.activeBackground5#0D4504fe
  • editorIndentGuide.activeBackground6#1E4219fe
  • editorIndentGuide.background1#445D5D35
  • editorIndentGuide.background2#445D4A35
  • editorIndentGuide.background3#58414635
  • editorIndentGuide.background4#32453735
  • editorIndentGuide.background5#41585835
  • editorIndentGuide.background6#5D444A35
  • editorInfo.background#F5F7F500
  • editorInfo.border#F7F5F700
  • 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#258D17fe
  • editorLineNumber.dimmedForeground#0101C06e
  • editorLineNumber.foreground#0101C06e
  • editorLink.activeForeground#228C12fe
  • editorMarkerNavigation.background#F0F0F4fe
  • editorMarkerNavigationError.background#FFA1FEa0
  • editorMarkerNavigationError.headerBackground#FFA1FE9f
  • editorMarkerNavigationInfo.background#BCBCFFfe
  • editorMarkerNavigationInfo.headerBackground#BCBCFFfe
  • editorMarkerNavigationWarning.background#E9C100fe
  • editorMarkerNavigationWarning.headerBackground#E9C100fe
  • editorOverviewRuler.addedForeground#1E5721cb
  • editorOverviewRuler.background#D7D7E2fe
  • editorOverviewRuler.border#C1C1D3fe
  • editorOverviewRuler.bracketMatchForeground#2B2B66ce
  • editorOverviewRuler.commentForeground#0101B86e
  • editorOverviewRuler.commentUnresolvedForeground#1E5721cb
  • editorOverviewRuler.commonContentForeground#2B2B66ce
  • editorOverviewRuler.currentContentForeground#4B4B4B9b
  • editorOverviewRuler.deletedForeground#9D0000cb
  • editorOverviewRuler.errorForeground#8A008Ace
  • editorOverviewRuler.findMatchForeground#005555ce
  • editorOverviewRuler.incomingContentForeground#1E5721cb
  • editorOverviewRuler.infoForeground#3A00F1ce
  • editorOverviewRuler.modifiedForeground#5A4A00ce
  • editorOverviewRuler.rangeHighlightForeground#631226ca
  • editorOverviewRuler.selectionHighlightForeground#3A00F1ce
  • editorOverviewRuler.warningForeground#5A4A00ce
  • editorOverviewRuler.wordHighlightForeground#163920ca
  • editorOverviewRuler.wordHighlightStrongForeground#2B2B66ce
  • editorOverviewRuler.wordHighlightTextForeground#2B2B66ce
  • editorPane.background#D7D7E2fe
  • editorRuler.foreground#3737BC31
  • editorStickyScroll.background#D7D7E2fe
  • editorStickyScrollHover.background#C1C1D36e
  • editorSuggestWidget.background#F0F0F4fe
  • editorSuggestWidget.border#F5F7F500
  • editorSuggestWidget.focusHighlightForeground#4C3620fe
  • editorSuggestWidget.foreground#55135Ffe
  • editorSuggestWidget.highlightForeground#2B3618ca
  • editorSuggestWidget.selectedBackground#B3989F81
  • editorSuggestWidget.selectedForeground#293716ca
  • editorSuggestWidget.selectedIconForeground#521959ca
  • editorSuggestWidgetStatus.foreground#2D2D60fe
  • editorUnicodeHighlight.background#B7AA9Daa
  • editorUnicodeHighlight.border#F0F0F4fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F6F7F500
  • editorWarning.border#F5F7F700
  • editorWarning.foreground#5A4A00ce
  • editorWhitespace.foreground#2B2B66ce
  • editorWidget.background#F0F0F4fe
  • editorWidget.border#F0F0F4fe
  • editorWidget.foreground#2B2B66ce
  • editorWidget.resizeBorder#F0F0F4fe
  • errorForeground#8A008Ace
  • extensionBadge.remoteBackground#258D15fe
  • extensionBadge.remoteForeground#EBEBF0fe
  • extensionButton.background#C1C1D3ae
  • extensionButton.foreground#2B2B66ce
  • extensionButton.hoverBackground#C1C1D36e
  • extensionButton.prominentBackground#D7D7E2fe
  • extensionButton.prominentForeground#2B2B66ce
  • extensionButton.prominentHoverBackground#D7D7E2fe
  • extensionButton.separator#F5F7F500
  • extensionIcon.preReleaseForeground#2B3615fe
  • extensionIcon.sponsorForeground#303049fe
  • extensionIcon.starForeground#402F33fe
  • extensionIcon.verifiedForeground#3D3023fe
  • focusBorder#F6F7F500
  • 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#CFBEC1ca
  • inlineChat.regionHighlight#191923ca
  • inlineChat.shadow#23271Dca
  • inlineChatDiff.inserted#261D27ca
  • inlineChatDiff.removed#192222ca
  • inlineChatInput.background#23271Dca
  • inlineChatInput.border#BEC5B1ca
  • inlineChatInput.focusBorder#F5F7F700
  • inlineChatInput.placeholderForeground#3F3020ca
  • input.background#F0F0F4fe
  • input.border#F0F0F4fe
  • input.foreground#2B2B66ce
  • input.placeholderForeground#32324665
  • inputOption.activeBackground#F0F0F4fe
  • inputOption.activeBorder#F0F0F4fe
  • inputOption.activeForeground#397830fe
  • inputOption.hoverBackground#F0F0F4fe
  • inputValidation.errorBackground#670067a0
  • inputValidation.errorBorder#FFA1FEbf
  • 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#93B09A85
  • list.activeSelectionForeground#521959ca
  • list.activeSelectionIconForeground#293716ca
  • list.deemphasizedForeground#2B2B66ce
  • list.dropBackground#D7D7E2fe
  • list.errorForeground#8A008Ace
  • list.filterMatchBackground#D7D7E2fe
  • list.filterMatchBorder#F0F0F4fe
  • list.focusAndSelectionOutline#F5F7F500
  • list.focusBackground#C3C3D496
  • list.focusForeground#258D15fe
  • list.focusHighlightForeground#24402Bfe
  • list.focusOutline#F7F5F500
  • list.highlightForeground#4E1F53ca
  • list.hoverBackground#B5C9C9a9
  • list.hoverForeground#397830fe
  • list.inactiveFocusBackground#AFAFC693
  • list.inactiveFocusOutline#F7F6F500
  • list.inactiveSelectionBackground#EBEBF0ae
  • list.inactiveSelectionForeground#3C3C5565
  • list.inactiveSelectionIconForeground#39395065
  • list.invalidItemForeground#2B2B66ce
  • list.warningForeground#5A4A00ce
  • listFilterWidget.background#D7D7E2fe
  • listFilterWidget.noMatchesOutline#F7F5F700
  • listFilterWidget.outline#F7F5F700
  • listFilterWidget.shadow#F6F7F500
  • menu.background#EBEBF0fe
  • menu.border#F7F5F500
  • menu.foreground#2D2D63ae
  • menu.selectionBackground#B5C9C9a3
  • menu.selectionBorder#F7F5F500
  • menu.selectionForeground#1E8D0Ffe
  • menu.separatorBackground#C1C1D365
  • menubar.selectionBackground#BFD0D0a3
  • menubar.selectionBorder#F5F5F700
  • menubar.selectionForeground#3B8031fe
  • 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#CDCDDB32
  • mergeEditor.conflict.input1.background#F0F0F4fe
  • mergeEditor.conflict.input2.background#F0F0F4fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c2
  • mergeEditor.conflict.unhandledFocused.border#F0F0F4fe
  • mergeEditor.conflict.unhandledUnfocused.border#C8C8D839
  • 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#7979A0fe
  • minimapSlider.background#AAAAC3ae
  • minimapSlider.hoverBackground#7E7EA36e
  • notebook.cellBorderColor#F0F0F4fe
  • notebook.cellEditorBackground#D7D7E2fe
  • notebook.cellHoverBackground#D7D7E2fe
  • notebook.cellInsertionIndicator#121919ca
  • notebook.cellStatusBarItemHoverBackground#D7D7E2fe
  • notebook.cellToolbarSeparator#271D1Fca
  • notebook.editorBackground#D7D7E2fe
  • notebook.focusedCellBackground#D7D7E2fe
  • notebook.focusedCellBorder#238D14fe
  • notebook.focusedEditorBorder#F0F0F4fe
  • notebook.inactiveFocusedCellBorder#74749C8e
  • notebook.inactiveSelectedCellBorder#7979A08e
  • notebook.outputContainerBackgroundColor#D7D7E2fe
  • notebook.outputContainerBorderColor#F0F0F4fe
  • notebook.selectedCellBackground#D7D7E2fe
  • notebook.selectedCellBorder#F0F0F4fe
  • notebook.symbolHighlightBackground#D7D7E2fe
  • notebookEditorOverviewRuler.runningCellForeground#2B2B66ce
  • notebookScrollbarSlider.activeBackground#74749Cfe
  • notebookScrollbarSlider.background#9797B5ae
  • notebookScrollbarSlider.hoverBackground#8888AA6e
  • notebookStatusErrorIcon.foreground#8A008Ace
  • notebookStatusRunningIcon.foreground#113A1Bfe
  • 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#0000B1fe
  • 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#F7F5F700
  • panelTitle.activeForeground#1C4215fe
  • panelTitle.inactiveForeground#40405A65
  • peekView.border#254122fe
  • peekViewEditor.background#F0F0F4fe
  • peekViewEditor.matchHighlightBackground#B5BEA688
  • peekViewEditor.matchHighlightBorder#F7F5F500
  • peekViewEditorGutter.background#F0F0F4fe
  • peekViewEditorStickyScroll.background#D7D7E2fe
  • peekViewResult.background#EBEBF0fe
  • peekViewResult.fileForeground#2B2B66ce
  • peekViewResult.lineForeground#2B2B66ce
  • peekViewResult.matchHighlightBackground#89A8A889
  • peekViewResult.selectionBackground#BAAEA284
  • peekViewResult.selectionForeground#183737ca
  • peekViewTitle.background#EBEBF0fe
  • peekViewTitleDescription.foreground#2B2B66ce
  • peekViewTitleLabel.foreground#2B2B66ce
  • pickerGroup.border#F0F0F4fe
  • pickerGroup.foreground#2B2B66ce
  • ports.iconRunningProcessForeground#2B2B66fe
  • problemsErrorIcon.foreground#8A008Ace
  • problemsInfoIcon.foreground#3A00F1ce
  • problemsWarningIcon.foreground#5A4A00ce
  • profileBadge.background#208D11fe
  • profileBadge.foreground#EBEBF0fe
  • progressBar.background#D7D7E2fe
  • quickInput.background#EBEBF0fe
  • quickInput.foreground#2D2D5Dae
  • quickInputList.focusBackground#8EACACa3
  • quickInputList.focusForeground#228C12fe
  • quickInputList.focusIconForeground#397830fe
  • quickInputTitle.background#F0F0F4fe
  • sash.hoverBorder#F0F0F4fe
  • scrollbar.shadow#F6F7F500
  • scrollbarSlider.activeBackground#6A6A95fe
  • scrollbarSlider.background#9B9BB8ae
  • scrollbarSlider.hoverBackground#9292B16e
  • search.resultsInfoForeground#2B2B66ce
  • searchEditor.findMatchBackground#8EAC95ae
  • 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#89A8918b
  • 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#258D17fe
  • settings.textInputBackground#F0F0F4fe
  • settings.textInputBorder#F0F0F4fe
  • settings.textInputForeground#2B2B66ce
  • sideBar.background#D7D7E2fe
  • sideBar.border#F0F0F4fe
  • sideBar.dropBackground#D7D7E2fe
  • sideBar.foreground#2D2DD4ae
  • sideBarSectionHeader.background#F5F5F700
  • 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#FFA1FEb5
  • 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#FFA1FE9e
  • statusBarItem.errorForeground#8A008Ace
  • statusBarItem.errorHoverBackground#FFA1FEc8
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F5F7F700
  • statusBarItem.hoverBackground#EBEBF0fe
  • statusBarItem.hoverForeground#228C12fe
  • statusBarItem.offlineBackground#EBEBF0fe
  • statusBarItem.offlineForeground#2B2B66ce
  • statusBarItem.offlineHoverBackground#EBEBF0fe
  • statusBarItem.offlineHoverForeground#397830fe
  • statusBarItem.prominentBackground#EBEBF0fe
  • statusBarItem.prominentForeground#2B2B66ce
  • statusBarItem.prominentHoverBackground#EBEBF0fe
  • statusBarItem.prominentHoverForeground#228C12fe
  • statusBarItem.remoteBackground#3B8031fe
  • statusBarItem.remoteForeground#EBEBF0fe
  • statusBarItem.remoteHoverBackground#EBEBF0fe
  • statusBarItem.remoteHoverForeground#258D17fe
  • statusBarItem.warningBackground#E9C100fe
  • statusBarItem.warningForeground#5A4A00ce
  • statusBarItem.warningHoverBackground#E9C100fe
  • statusBarItem.warningHoverForeground#917800ce
  • symbolIcon.arrayForeground#442849fe
  • symbolIcon.booleanForeground#005555ce
  • symbolIcon.classForeground#3E2F40fe
  • symbolIcon.colorForeground#313627fe
  • symbolIcon.constantForeground#551260fe
  • symbolIcon.constructorForeground#3D3023fe
  • symbolIcon.enumeratorForeground#2F4040fe
  • symbolIcon.enumeratorMemberForeground#5E1828fe
  • symbolIcon.eventForeground#39402Ffe
  • symbolIcon.fieldForeground#273636fe
  • symbolIcon.fileForeground#64111Dfe
  • symbolIcon.folderForeground#442E17fe
  • symbolIcon.functionForeground#561062fe
  • symbolIcon.interfaceForeground#551260fe
  • symbolIcon.keyForeground#631226fe
  • symbolIcon.keywordForeground#1C3822fe
  • symbolIcon.methodForeground#39402Ffe
  • symbolIcon.moduleForeground#2B3618fe
  • symbolIcon.namespaceForeground#3E2F40fe
  • symbolIcon.nullForeground#422F15fe
  • symbolIcon.numberForeground#013939fe
  • symbolIcon.objectForeground#472A31fe
  • symbolIcon.operatorForeground#1C3822fe
  • symbolIcon.packageForeground#472A31fe
  • symbolIcon.propertyForeground#40301Bfe
  • symbolIcon.referenceForeground#293716fe
  • symbolIcon.snippetForeground#4B2830fe
  • symbolIcon.stringForeground#183737fe
  • symbolIcon.structForeground#3D3023fe
  • symbolIcon.textForeground#2F4040fe
  • symbolIcon.typeParameterForeground#52232Ffe
  • symbolIcon.unitForeground#561062fe
  • symbolIcon.variableForeground#183737fe
  • tab.activeBackground#E6E6EDfe
  • tab.activeBorder#F7F5F700
  • tab.activeBorderTop#12440Bfe
  • tab.activeForeground#254122fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F5F7F500
  • tab.hoverBackground#2F5151a7
  • tab.hoverBorder#F0F0F4fe
  • tab.hoverForeground#37712Efe
  • tab.inactiveBackground#C1C1D399
  • tab.inactiveForeground#36365C65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F0F0F4fe
  • tab.unfocusedActiveBackground#C8C8D839
  • tab.unfocusedActiveBorder#F6F7F500
  • tab.unfocusedActiveBorderTop#C1C1D365
  • tab.unfocusedActiveForeground#36365C65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#3737BC28
  • tab.unfocusedHoverBorder#C8C8D828
  • tab.unfocusedHoverForeground#3C3C5565
  • tab.unfocusedInactiveBackground#B9B9CD9b
  • tab.unfocusedInactiveForeground#36365C65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b6
  • 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#6700679f
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecece9e
  • 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#BEBED198
  • terminal.selectionBackground#A184A581
  • terminal.selectionForeground#263802ca
  • terminal.tab.activeBorder#1C4215fe
  • terminalCommandDecoration.defaultBackground#61462Ba5
  • terminalCommandDecoration.errorBackground#9D0000cb
  • terminalCommandDecoration.successBackground#1E5721cb
  • terminalCursor.background#D7D7E2fe
  • terminalCursor.foreground#3B8031fe
  • terminalOverviewRuler.cursorForeground#2B2B66ce
  • terminalOverviewRuler.findMatchForeground#005555ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a8
  • testing.iconUnset#808080be
  • testing.message.error.decorationForeground#1E5715fe
  • testing.message.error.lineBackground#FFA1FEb5
  • testing.message.info.decorationForeground#215719fe
  • 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#258D17fe
  • textLink.foreground#3A00F1ce
  • textPreformat.foreground#2B2B66ce
  • textSeparator.foreground#2B2B66ce
  • titleBar.activeBackground#EBEBF0fe
  • titleBar.activeForeground#323274ae
  • titleBar.border#F5F7F700
  • titleBar.inactiveBackground#C8C8D8de
  • titleBar.inactiveForeground#36365C65
  • toolbar.activeBackground#CDBECF8b
  • toolbar.hoverBackground#D7D7E2fe
  • toolbar.hoverOutline#F5F7F500
  • tree.inactiveIndentGuidesStroke#4A403635
  • tree.indentGuidesStroke#1E5715fe
  • 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#F7F5F500
  • window.activeBorder#F0F0F4fe
  • window.inactiveBorder#C1C1D39a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#27274E6e
comment.block.html#27274C6e
comment.block.java#27274C6e
comment.block.javadoc.java#28284B6e
comment.block.powershell#27274E6e
comment.block.xml#27274C6e
comment.line.double-slash.c#27274E6e
comment.line.double-slash.cpp#28284B6e
comment.line.double-slash.java#28284C6e
comment.line.double-slash.js#28284C6e
comment.line.number-sign.makefile#28284C6e
comment.line.number-sign.python#27274C6e
comment.line.number-sign.yaml#28284B6e
comment.line.percentage.erlang#27274E6e
comment.line.powershell#27274E6e
comment.source.cmake#28284C6e
comment.source.cmakecache#28284B6e
constant.character#461F1Fde
constant.character.character-class.regexp#322055de
constant.character.escape#35264Ede
constant.character.set.regexp#361C5Cde
constant.language#461F1Fde
constant.numeric#2D2D2Dde
constant.numeric.dec.python#032763de
constant.other.caps.python#5D0404de
constant.other.character-class.regexp#4F1337de
constant.other.character-class.set.regexp#511616de
constant.other.color.rgb-value#461F1Fde
constant.other.placeholder#194C12de
constant.other.rgb-value#0D4C34de
constant.regexp#3F3F3Fde
constant.sha.git-rebase#4E2626de
emphasis#1F2B3Ede
entity.name.class#1F3A30de
entity.name.function#3C2A5Bde
entity.name.function.preprocessor#222D41de
entity.name.function.python#1B4C14de
entity.name.label#4E1919de
entity.name.namespace#5B2A49de
entity.name.operator#632B2Bde
entity.name.operator.custom-literal#5D0404de
entity.name.scope-resolution#1F2B41de
entity.name.tag#810753de
entity.name.tag.css#20341Dde
entity.name.type#461F1Fdebold
entity.name.variable#0A3204de
entity.other.attribute#810753de
entity.other.attribute-name#5D0404de
entity.other.attribute-name.class.css#472424de
entity.other.attribute-name.class.mixin.css#192B45de
entity.other.attribute-name.id#4E1919de
entity.other.attribute-name.id.css#412222de
entity.other.attribute-name.parent-selector.css#2B2B2Bde
entity.other.attribute-name.pseudo-class.css#32224Fde
entity.other.attribute-name.pseudo-element.css#0D4C34de
entity.other.attribute-name.scss#243147de
entity.other.document.begin.yaml#27274E6e
entity.other.inherited-class#20341Dde
header#063303de
invalid#5B2A49de
keyword#442D6Adebold
keyword.codetag.notation.python#360F74debold
keyword.control#0F4B34debold
keyword.control.anchor.regexp#153025debold
keyword.control.import.python#254122debold
keyword.operator#431F35debold
keyword.operator.alignas#043220debold
keyword.operator.alignof#194C12debold
keyword.operator.cast#2B2B2Bdebold
keyword.operator.delete#173213debold
keyword.operator.documentation.powershell#28284B6ebold
keyword.operator.expression#124B36debold
keyword.operator.instanceof#224135debold
keyword.operator.logical.python#312447debold
keyword.operator.minus.exponent#412035debold
keyword.operator.negation.regexp#2B2B2Bdebold
keyword.operator.new#144B36debold
keyword.operator.noexcept#233A1Fdebold
keyword.operator.or.regexp#0D3124debold
keyword.operator.plus.exponent#511616debold
keyword.operator.quantifier.regexp#2B2B2Bdebold
keyword.operator.sizeof#112A52debold
keyword.operator.typeid#4E2626debold
keyword.operator.wordlike#442020debold
keyword.other.operator#552844debold
keyword.other.package.java#2B2B2Bdebold
keyword.other.unit#5D0404debold
keyword.other.using#153025debold
markup.bold#2B2B2Bde
markup.changed#402B63de
markup.deleted#254122de
markup.fenced_code.block.markdown#4E2626de
markup.heading#431F35de
markup.inline.raw#313131de
markup.inserted#1F2B41de
markup.italic#3C2A5Bde
markup.raw.block.markdown#551111de
markup.strikethrough#003894de
markup.underline#1B4C14de
meta.block.c#243147de
meta.block.c#114B36de
meta.class.java#570438de
meta.definition.variable.name#2D2D2Dde
meta.diff.header#1A3017de
meta.embedded#570438de
meta.embedded.assembly#363636de
meta.function-call.arguments.python#132B4Ede
meta.function-call.python#402B63de
meta.member.access.python#20341Dde
meta.method.java#182F26de
meta.object-literal.key#20341Dde
meta.paragraph.markdown#371765de
meta.preprocessor#154D0Dde
meta.preprocessor.numeric#4E1919de
meta.preprocessor.string#5B2A2Ade
meta.scope.prerequisites.makefile#402B63de
meta.structure.dictionary.json.comments#28284C6e
meta.structure.dictionary.key.python#132B4Ede
meta.structure.dictionary.value.json.comments#27274E6e
meta.template.expression#032763de
meta.type.cast.expr#461F1Fdebold
meta.type.new.expr#3C2A5Bdebold
parameter#4E263Fde
punctuation.character.set.begin.regexp#442020de
punctuation.character.set.end.regexp#442D6Ade
punctuation.definition.array.begin.json#491938de
punctuation.definition.character-class.regexp#26354Ede
punctuation.definition.comment#27274C6e
punctuation.definition.comment.json.comments#27274C6e
punctuation.definition.comment.python#28284B6e
punctuation.definition.dictionary.begin.json#313131de
punctuation.definition.dictionary.end.json#313131de
punctuation.definition.group.assertion.regexp#043221de
punctuation.definition.group.regexp#371765de
punctuation.definition.list.begin.json#313131de
punctuation.definition.list.begin.markdown#371765de
punctuation.definition.list.begin.python#194C12de
punctuation.definition.list.end.json#3A3A3Ade
punctuation.definition.list.end.markdown#133026de
punctuation.definition.list.end.python#322055de
punctuation.definition.parameters.begin.python#154D0Dde
punctuation.definition.parameters.end.bracket.round.java#360F74de
punctuation.definition.quote.begin.markdown#283955de
punctuation.definition.tag#1A3017de
punctuation.definition.template-expression.begin#552828de
punctuation.definition.template-expression.end#173213de
punctuation.section.class.begin.bracket.curly.java#2B2B2Bde
punctuation.section.embedded#224135de
punctuation.section.embedded.begin.php#363636de
punctuation.section.embedded.end.php#124B36de
punctuation.terminator.java#392855de
source.cmake#31234Bde
source.coffee.embedded#0A3204de
source.cpp#0D4C34de
source.css.less#153025de
source.groovy.embedded#632B4Ede
source.java#284724de
source.java-properties#412222de
source.json.comments#28284C6e
source.makefile#10320Cde
source.powershell#5B2A49de
source.powershell.variable.other.member#144B36de
source.python#461D35de
storage#063303de
storage.modifier#283955de
storage.modifier.import.java#322055de
storage.modifier.package.java#2A3C5Bde
storage.type#2B2B2Bdebold
storage.type.annotation.groovy#2A3C5Bdebold
storage.type.annotation.java#2B2B2Bdebold
storage.type.boolean.go#47243Adebold
storage.type.byte.go#2B4063debold
storage.type.cs#570438debold
storage.type.error.go#283955debold
storage.type.generic.cs#2B2B2Bdebold
storage.type.generic.groovy#254122debold
storage.type.generic.java#461D35debold
storage.type.groovy#461D35debold
storage.type.java#3F3F3Fdebold
storage.type.modifier.cs#243147debold
storage.type.numeric.go#2B2B2Bdebold
storage.type.object.array.groovy#224135debold
storage.type.object.array.java#192B45debold
storage.type.parameters.groovy#10320Cdebold
storage.type.primitive.array.groovy#320184debold
storage.type.primitive.array.java#2A3C5Bdebold
storage.type.primitive.groovy#6A2D2Ddebold
storage.type.primitive.java#810753debold
storage.type.rune.go#0D3124debold
storage.type.string.go#541212debold
storage.type.token.java#2B2B2Bdebold
storage.type.uintptr.go#461F1Fdebold
storage.type.variable.cs#511616debold
string#3F3F3Fde
string.quoted.docstring.multi.python#28284B6e
string.regexp#632B2Bde
string.tag#194C12de
string.value#360A78de
strong#2B2B2Bde
support.class#371765de
support.constant.color#363636de
support.constant.dom#4C1637de
support.constant.font-name#810753de
support.constant.handlebars#2A3C5Bde
support.constant.json#552828de
support.constant.math#361C5Cde
support.constant.media#461D35de
support.constant.media-type#283955debold
support.constant.property-value#5B2A2Ade
support.function#424242de
support.function.git-rebase#1D342Bde
support.other.parenthesis.regexp#184C11de
support.type#153025debold
support.type.property-name#043220debold
support.type.vendored.property-name#153025debold
support.variable#0D3124de
token.debug-token#164C0Fde
token.error-token#184C11de
token.info-token#124B36de
token.warn-token#254122de
variable#31234Bde
variable.css#412222de
variable.language#1B4C14de
variable.language.wildcard.java#551111de
variable.other.constant#24473Ade
variable.other.definition.java#20341Dde
variable.other.enummember#320184de
variable.other.less#2B4063de
variable.other.object.java#511616de
variable.other.object.property.java#192B45de
variable.parameter.c#412235de
variable.parameter.function.language.python#4C1637de
variable.parameter.java#4F1337de
variable.scss#35264Ede
viiv by B.W - VS Code Theme