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#E2DED7fe
  • activityBar.activeBackground#E2DED7fe
  • activityBar.activeBorder#DF4E97fe
  • activityBar.activeFocusBorder#7878EB00
  • activityBar.background#F0EEEBfe
  • activityBar.border#7878EB00
  • activityBar.dropBorder#DF4E97fe
  • activityBar.foreground#E0519Dfe
  • activityBar.inactiveForeground#4E463865
  • activityBarBadge.background#AD2D6Dfe
  • activityBarBadge.foreground#F0EEEBfe
  • badge.background#BD2E76fe
  • badge.foreground#F0EEEBfe
  • banner.background#E2DED7fe
  • banner.foreground#655330ce
  • banner.iconForeground#31603Efe
  • breadcrumb.activeSelectionForeground#695432ca
  • breadcrumb.background#EDEAE6fe
  • breadcrumb.focusForeground#9D2C65fe
  • breadcrumb.foreground#6B5330ae
  • breadcrumbPicker.background#E2DED7fe
  • button.background#B7AD9Cae
  • button.border#FAFBFA00
  • button.foreground#655330ce
  • button.hoverBackground#C9C1B46e
  • button.secondaryBackground#E2DED7fe
  • button.secondaryForeground#655330ce
  • button.secondaryHoverBackground#E2DED7fe
  • button.separator#FAFAFB00
  • charts.blue#1b1bfffe
  • charts.foreground#655330ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067aa
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F4F2F0fe
  • chat.slashCommandBackground#E2DED7fe
  • chat.slashCommandForeground#655330ce
  • checkbox.background#F4F2F0fe
  • checkbox.border#F4F2F0fe
  • checkbox.foreground#655330ce
  • checkbox.selectBackground#F4F2F0fe
  • checkbox.selectBorder#F4F2F0fe
  • commandCenter.activeBackground#CECEF483
  • commandCenter.activeBorder#F4F2F0fe
  • commandCenter.activeForeground#AD2D6Dfe
  • commandCenter.background#E2DED7fe
  • commandCenter.border#F4F2F0fe
  • commandCenter.foreground#655330ce
  • commandCenter.inactiveBorder#DAD0C09e
  • commandCenter.inactiveForeground#A27F4465
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F5F7F700
  • contrastBorder#F7F5F700
  • debugConsole.errorForeground#9C009Cce
  • debugConsole.infoForeground#655330ce
  • debugConsole.sourceForeground#655330ce
  • debugConsole.warningForeground#675500ce
  • debugConsoleInputIcon.foreground#7E398Cfe
  • debugExceptionWidget.background#FEC1FE9b
  • debugExceptionWidget.border#F4F2F0fe
  • debugIcon.breakpointCurrentStackframeForeground#335D64fe
  • debugIcon.breakpointDisabledForeground#49413565
  • debugIcon.breakpointForeground#4848BAfe
  • debugIcon.breakpointStackframeForeground#326043fe
  • debugIcon.breakpointUnverifiedForeground#864157fe
  • debugIcon.continueForeground#8A3B56fe
  • debugIcon.disconnectForeground#4C5B38fe
  • debugIcon.pauseForeground#864157fe
  • debugIcon.restartForeground#645434fe
  • debugIcon.startForeground#4C5C31fe
  • debugIcon.stepBackForeground#665234fe
  • debugIcon.stepIntoForeground#7C3F85fe
  • debugIcon.stepOutForeground#883F55fe
  • debugIcon.stepOverForeground#335F43fe
  • debugIcon.stopForeground#335F43fe
  • debugTokenExpression.boolean#151A1Cca
  • debugTokenExpression.error#1F1F2Aca
  • debugTokenExpression.name#151A1Cca
  • debugTokenExpression.number#262A1Fca
  • debugTokenExpression.value#181319ca
  • debugToolBar.background#FEC1FEc3
  • debugToolBar.border#F4F2F0fe
  • debugView.exceptionLabelBackground#84DFECca
  • debugView.exceptionLabelForeground#325D64ca
  • debugView.stateLabelBackground#89E0EEca
  • debugView.stateLabelForeground#4D5B32ca
  • debugView.valueChangedHighlight#151A1Cca
  • descriptionForeground#655330ce
  • diffEditor.border#FAFAFB00
  • diffEditor.diagonalFill#000000fd
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#7DE983fb
  • diffEditor.insertedTextBorder#FAFAFB00
  • diffEditor.move.border#F5F7F700
  • diffEditor.moveActive.border#F7F6F500
  • diffEditor.removedLineBackground#FEC6C631
  • diffEditor.removedTextBackground#FEC4C4fb
  • diffEditor.removedTextBorder#FAFBFA00
  • diffEditor.unchangedCodeBackground#E2DED7fe
  • diffEditor.unchangedRegionBackground#E2DED7fe
  • diffEditor.unchangedRegionForeground#655330ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#4E463865
  • dropdown.background#F4F2F0fe
  • dropdown.border#F4F2F0fe
  • dropdown.foreground#655330ce
  • dropdown.listBackground#F4F2F0fe
  • editor.background#E2DED7fe
  • editor.findMatchBackground#96A385a5
  • editor.findMatchBorder#F4F2F0fe
  • editor.findMatchHighlightBackground#B0B0C4a1
  • editor.findMatchHighlightBorder#F4F2F0fe
  • editor.findRangeHighlightBackground#AA8E96a2
  • editor.findRangeHighlightBorder#F4F2F0fe
  • editor.focusedStackFrameHighlightBackground#A2A2B983
  • editor.foldBackground#455F21ad
  • editor.foreground#655330ce
  • editor.hoverHighlightBackground#9B809Fa9
  • editor.inactiveSelectionBackground#D4CDC39c
  • editor.inlineValuesBackground#E2DED7fe
  • editor.inlineValuesForeground#655330ce
  • editor.lineHighlightBackground#C5BDAFb3
  • editor.lineHighlightBorder#FBFAFA00
  • editor.linkedEditingBackground#E2DED7fe
  • editor.rangeHighlightBackground#B0A592ad
  • editor.rangeHighlightBorder#F4F2F0fe
  • editor.selectionBackground#93AE9Ba8
  • editor.selectionForeground#903948ca
  • editor.selectionHighlightBackground#A7B2988a
  • editor.selectionHighlightBorder#F4F2F0fe
  • editor.snippetFinalTabstopHighlightBackground#B29DB5ac
  • editor.snippetFinalTabstopHighlightBorder#F4F2F0fe
  • editor.snippetTabstopHighlightBackground#8EA6AAa1
  • editor.snippetTabstopHighlightBorder#F4F2F0fe
  • editor.stackFrameHighlightBackground#9393AEad
  • editor.symbolHighlightBackground#B0A592aa
  • editor.symbolHighlightBorder#F4F2F0fe
  • editor.wordHighlightBackground#BAA7BDae
  • editor.wordHighlightBorder#F7F6F500
  • editor.wordHighlightStrongBackground#98AEB2a3
  • editor.wordHighlightStrongBorder#F5F7F700
  • editor.wordHighlightTextBackground#9393AEa3
  • editor.wordHighlightTextBorder#F5F7F700
  • editorBracketHighlight.foreground1#0D0C0Ace
  • editorBracketHighlight.foreground2#0D0C0Ace
  • editorBracketHighlight.foreground3#0D0C0Ace
  • editorBracketHighlight.foreground4#0D0C0Ace
  • editorBracketHighlight.foreground5#0D0C0Ace
  • editorBracketHighlight.foreground6#0D0C0Ace
  • editorBracketHighlight.unexpectedBracket.foreground#655330ce
  • editorBracketMatch.background#8F20A3ae
  • editorBracketMatch.border#F4F2F0fe
  • editorBracketPairGuide.activeBackground1#A4214482
  • editorBracketPairGuide.activeBackground2#911CA383
  • editorBracketPairGuide.activeBackground3#255E688d
  • editorBracketPairGuide.activeBackground4#21623384
  • editorBracketPairGuide.activeBackground5#A51F458a
  • editorBracketPairGuide.activeBackground6#8D249D84
  • editorBracketPairGuide.background1#F0CC90fe
  • editorBracketPairGuide.background2#F0CC90fe
  • editorBracketPairGuide.background3#84DFEBfe
  • editorBracketPairGuide.background4#7FE79Ffe
  • editorBracketPairGuide.background5#B3E071fe
  • editorBracketPairGuide.background6#B1E074fe
  • editorCodeLens.foreground#5D53436e
  • editorCommentsWidget.rangeActiveBackground#685128fe
  • editorCommentsWidget.rangeBackground#E2DED7fe
  • editorCommentsWidget.resolvedBorder#F4F2F0fe
  • editorCommentsWidget.unresolvedBorder#FEC9C9cb
  • editorCursor.background#E2DED7fe
  • editorCursor.foreground#8D2B5Cfe
  • editorError.background#F7F5F700
  • editorError.border#FBFAFA00
  • editorError.foreground#9C009Cce
  • editorGhostText.background#E2DED7fe
  • editorGhostText.border#FAFBFA00
  • editorGhostText.foreground#7350116e
  • editorGroup.border#F4F2F0fe
  • editorGroup.dropBackground#E2DED7fe
  • editorGroup.dropIntoPromptBackground#E2DED7fe
  • editorGroup.dropIntoPromptBorder#F4F2F0fe
  • editorGroup.dropIntoPromptForeground#655330ce
  • editorGroup.emptyBackground#E2DED7fe
  • editorGroup.focusedEmptyBorder#F4F2F0fe
  • editorGroupHeader.border#F7F6F500
  • editorGroupHeader.noTabsBackground#F0EEEBae
  • editorGroupHeader.tabsBackground#E2DED7a1
  • editorGroupHeader.tabsBorder#FAFBFA00
  • editorGutter.addedBackground#0E5C12fb
  • editorGutter.background#E2DED7fe
  • editorGutter.commentGlyphForeground#655330ce
  • editorGutter.commentRangeForeground#655330ce
  • editorGutter.commentUnresolvedGlyphForeground#17631Bcb
  • editorGutter.deletedBackground#B00000cb
  • editorGutter.foldingControlForeground#655330ce
  • editorGutter.modifiedBackground#675500ce
  • editorHint.border#FAFAFB00
  • editorHint.foreground#4F16FEce
  • editorHoverWidget.background#F4F2F0fe
  • editorHoverWidget.border#F4F2F0fe
  • editorHoverWidget.foreground#655330ce
  • editorHoverWidget.highlightForeground#6A5232ca
  • editorHoverWidget.statusBarBackground#E2DED7fe
  • editorIndentGuide.activeBackground1#70511Cfe
  • editorIndentGuide.activeBackground2#70511Cfe
  • editorIndentGuide.activeBackground3#70511Afe
  • editorIndentGuide.activeBackground4#71511Dfe
  • editorIndentGuide.activeBackground5#72511Bfe
  • editorIndentGuide.activeBackground6#725019fe
  • editorIndentGuide.background1#444C3935
  • editorIndentGuide.background2#536E5B35
  • editorIndentGuide.background3#44585B35
  • editorIndentGuide.background4#485C6035
  • editorIndentGuide.background5#48486035
  • editorIndentGuide.background6#40564735
  • editorInfo.background#FAFBFA00
  • editorInfo.border#FAFBFA00
  • editorInfo.foreground#4F16FEce
  • editorInlayHint.background#E2DED7fe
  • editorInlayHint.foreground#655330ce
  • editorInlayHint.parameterBackground#E2DED7fe
  • editorInlayHint.parameterForeground#655330ce
  • editorInlayHint.typeBackground#E2DED7fe
  • editorInlayHint.typeForeground#655330ce
  • editorLightBulb.foreground#675500ce
  • editorLightBulbAutoFix.foreground#17631Bcb
  • editorLineNumber.activeForeground#852A58fe
  • editorLineNumber.dimmedForeground#784E0F6e
  • editorLineNumber.foreground#7350116e
  • editorLink.activeForeground#8D2B5Cfe
  • editorMarkerNavigation.background#F4F2F0fe
  • editorMarkerNavigationError.background#FEC1FEbd
  • editorMarkerNavigationError.headerBackground#FEC1FEc8
  • editorMarkerNavigationInfo.background#CFCFFEfe
  • editorMarkerNavigationInfo.headerBackground#CFCFFEfe
  • editorMarkerNavigationWarning.background#F9CE00fe
  • editorMarkerNavigationWarning.headerBackground#F9CE00fe
  • editorOverviewRuler.addedForeground#17631Bcb
  • editorOverviewRuler.background#E2DED7fe
  • editorOverviewRuler.border#D9D0C4fe
  • editorOverviewRuler.bracketMatchForeground#655330ce
  • editorOverviewRuler.commentForeground#7350116e
  • editorOverviewRuler.commentUnresolvedForeground#17631Bcb
  • editorOverviewRuler.commonContentForeground#655330ce
  • editorOverviewRuler.currentContentForeground#565656b8
  • editorOverviewRuler.deletedForeground#B00000cb
  • editorOverviewRuler.errorForeground#9C009Cce
  • editorOverviewRuler.findMatchForeground#006161ce
  • editorOverviewRuler.incomingContentForeground#17631Bcb
  • editorOverviewRuler.infoForeground#4F16FEce
  • editorOverviewRuler.modifiedForeground#675500ce
  • editorOverviewRuler.rangeHighlightForeground#335F43ca
  • editorOverviewRuler.selectionHighlightForeground#4F16FEce
  • editorOverviewRuler.warningForeground#675500ce
  • editorOverviewRuler.wordHighlightForeground#325D64ca
  • editorOverviewRuler.wordHighlightStrongForeground#655330ce
  • editorOverviewRuler.wordHighlightTextForeground#655330ce
  • editorPane.background#E2DED7fe
  • editorRuler.foreground#69532724
  • editorStickyScroll.background#E2DED7fe
  • editorStickyScroll.shadow#FAFBFA00
  • editorStickyScrollHover.background#DED0B86e
  • editorSuggestWidget.background#F4F2F0fe
  • editorSuggestWidget.border#FAFAFB00
  • editorSuggestWidget.focusHighlightForeground#6C923Cfe
  • editorSuggestWidget.foreground#335F43fe
  • editorSuggestWidget.highlightForeground#7E3B86ca
  • editorSuggestWidget.selectedBackground#A2B6B98e
  • editorSuggestWidget.selectedForeground#4444C9ca
  • editorSuggestWidget.selectedIconForeground#903948ca
  • editorSuggestWidgetStatus.foreground#665234fe
  • editorUnicodeHighlight.background#93AAAEab
  • editorUnicodeHighlight.border#F4F2F0fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F5F7F700
  • editorWarning.border#F7F5F700
  • editorWarning.foreground#675500ce
  • editorWhitespace.foreground#655330ce
  • editorWidget.background#F4F2F0fe
  • editorWidget.border#F4F2F0fe
  • editorWidget.foreground#655330ce
  • editorWidget.resizeBorder#F4F2F0fe
  • errorForeground#9C009Cce
  • extensionBadge.remoteBackground#952C60fe
  • extensionBadge.remoteForeground#F0EEEBfe
  • extensionButton.background#E1CFB1ae
  • extensionButton.foreground#655330ce
  • extensionButton.hoverBackground#DBD0BD6e
  • extensionButton.prominentBackground#E2DED7fe
  • extensionButton.prominentForeground#655330ce
  • extensionButton.prominentHoverBackground#E2DED7fe
  • extensionButton.separator#FAFBFA00
  • extensionIcon.preReleaseForeground#794186fe
  • extensionIcon.sponsorForeground#3B4332fe
  • extensionIcon.starForeground#385A60fe
  • extensionIcon.verifiedForeground#8A3B56fe
  • focusBorder#FAFBFA00
  • foreground#655330ce
  • gitDecoration.addedResourceForeground#17631Bcb
  • gitDecoration.deletedResourceForeground#B00000cb
  • gitDecoration.modifiedResourceForeground#675500ce
  • gitDecoration.renamedResourceForeground#4F16FEce
  • gitDecoration.stageDeletedResourceForeground#B00000cb
  • gitDecoration.stageModifiedResourceForeground#17631Bcb
  • gitDecoration.untrackedResourceForeground#006161ce
  • icon.foreground#6F5221ae
  • inlineChat.background#F1C1FBca
  • inlineChat.border#9BDAF3ca
  • inlineChat.regionHighlight#131819ca
  • inlineChat.shadow#181319ca
  • inlineChatDiff.inserted#1C2425ca
  • inlineChatDiff.removed#1A1713ca
  • inlineChatInput.background#151B1Cca
  • inlineChatInput.border#79E898ca
  • inlineChatInput.focusBorder#FAFBFA00
  • inlineChatInput.placeholderForeground#655432ca
  • input.background#F4F2F0fe
  • input.border#F4F2F0fe
  • input.foreground#655330ce
  • input.placeholderForeground#534A3C65
  • inputOption.activeBackground#F4F2F0fe
  • inputOption.activeBorder#F4F2F0fe
  • inputOption.activeForeground#E15098fe
  • inputOption.hoverBackground#F4F2F0fe
  • inputValidation.errorBackground#670067c0
  • inputValidation.errorBorder#FEC1FEc1
  • inputValidation.errorForeground#9C009Cce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F4F2F0fe
  • inputValidation.infoForeground#655330ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F4F2F0fe
  • inputValidation.warningForeground#675500ce
  • interactive.activeCodeBorder#F4F2F0fe
  • interactive.inactiveCodeBorder#DAD0C09c
  • keybindingLabel.background#E2DED7fe
  • keybindingLabel.border#F4F2F0fe
  • keybindingLabel.bottomBorder#F4F2F0fe
  • keybindingLabel.foreground#655330ce
  • keybindingTable.headerBackground#E2DED7fe
  • keybindingTable.rowsBackground#E2DED7fe
  • list.activeSelectionBackground#9AA78984
  • list.activeSelectionForeground#655432ca
  • list.activeSelectionIconForeground#4343C8ca
  • list.deemphasizedForeground#655330ce
  • list.dropBackground#E2DED7fe
  • list.errorForeground#9C009Cce
  • list.filterMatchBackground#E2DED7fe
  • list.filterMatchBorder#F4F2F0fe
  • list.focusAndSelectionOutline#FAFBFA00
  • list.focusBackground#D4CDC396
  • list.focusForeground#AD2D6Dfe
  • list.focusHighlightForeground#41919Ffe
  • list.focusOutline#FAFBFA00
  • list.highlightForeground#7A3A93ca
  • list.hoverBackground#DAD0C06e
  • list.hoverForeground#8D2B5Cfe
  • list.inactiveFocusBackground#C5BDAF96
  • list.inactiveFocusOutline#FAFBFA00
  • list.inactiveSelectionBackground#F0EEEBae
  • list.inactiveSelectionForeground#4E463865
  • list.inactiveSelectionIconForeground#584F3F65
  • list.invalidItemForeground#655330ce
  • list.warningForeground#675500ce
  • listFilterWidget.background#E2DED7fe
  • listFilterWidget.noMatchesOutline#FAFAFB00
  • listFilterWidget.outline#FBFAFA00
  • listFilterWidget.shadow#FAFBFA00
  • menu.background#F0EEEBfe
  • menu.border#FAFAFB00
  • menu.foreground#6B5330ae
  • menu.selectionBackground#7B9C84ad
  • menu.selectionBorder#FAFBFA00
  • menu.selectionForeground#8D2B5Cfe
  • menu.separatorBackground#EFCD9465
  • menubar.selectionBackground#9AA789ac
  • menubar.selectionBorder#F7F5F700
  • menubar.selectionForeground#AD2D6Dfe
  • merge.border#F4F2F0fe
  • merge.commonContentBackground#E2DED7fe
  • merge.commonHeaderBackground#E2DED7fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#7DE983fb
  • merge.incomingContentBackground#9CE2A0cb
  • merge.incomingHeaderBackground#7DE983fb
  • mergeEditor.change.background#E2DED7fe
  • mergeEditor.change.word.background#E2DED7fe
  • mergeEditor.changeBase.background#E2DED7fe
  • mergeEditor.changeBase.word.background#E2DED7fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F4F2F0fe
  • mergeEditor.conflict.handledUnfocused.border#D7D2C838
  • mergeEditor.conflict.input1.background#F4F2F0fe
  • mergeEditor.conflict.input2.background#F4F2F0fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a4
  • mergeEditor.conflict.unhandledFocused.border#F4F2F0fe
  • mergeEditor.conflict.unhandledUnfocused.border#D7D2C83a
  • mergeEditor.conflictingLines.background#E2DED7fe
  • minimap.background#E2DED7fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0D0C0Ace
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#0E5C12fb
  • minimapGutter.deletedBackground#B30000fb
  • minimapGutter.modifiedBackground#675500ce
  • minimapSlider.activeBackground#97886Ffe
  • minimapSlider.background#C2B9ABae
  • minimapSlider.hoverBackground#C9C1B46e
  • notebook.cellBorderColor#F4F2F0fe
  • notebook.cellEditorBackground#E2DED7fe
  • notebook.cellHoverBackground#E2DED7fe
  • notebook.cellInsertionIndicator#20181Bca
  • notebook.cellStatusBarItemHoverBackground#E2DED7fe
  • notebook.cellToolbarSeparator#131914ca
  • notebook.editorBackground#E2DED7fe
  • notebook.focusedCellBackground#E2DED7fe
  • notebook.focusedCellBorder#852A58fe
  • notebook.focusedEditorBorder#F4F2F0fe
  • notebook.inactiveFocusedCellBorder#97886F8e
  • notebook.inactiveSelectedCellBorder#9E90798e
  • notebook.outputContainerBackgroundColor#E2DED7fe
  • notebook.outputContainerBorderColor#F4F2F0fe
  • notebook.selectedCellBackground#E2DED7fe
  • notebook.selectedCellBorder#F4F2F0fe
  • notebook.symbolHighlightBackground#E2DED7fe
  • notebookEditorOverviewRuler.runningCellForeground#655330ce
  • notebookScrollbarSlider.activeBackground#8E7F67fe
  • notebookScrollbarSlider.background#BBB1A1ae
  • notebookScrollbarSlider.hoverBackground#D4CDC36e
  • notebookStatusErrorIcon.foreground#9C009Cce
  • notebookStatusRunningIcon.foreground#4D5B32fe
  • notebookStatusSuccessIcon.foreground#17631Bcb
  • notificationCenter.border#F4F2F0fe
  • notificationCenterHeader.background#E2DED7fe
  • notificationCenterHeader.foreground#655330ce
  • notificationLink.foreground#655330ce
  • notifications.background#E2DED7fe
  • notifications.border#F4F2F0fe
  • notifications.foreground#655330ce
  • notificationsErrorIcon.foreground#9C009Cce
  • notificationsInfoIcon.foreground#4D5C37fe
  • notificationsWarningIcon.foreground#675500ce
  • notificationToast.border#F4F2F0fe
  • panel.background#E2DED7fe
  • panel.border#F4F2F0fe
  • panel.dropBorder#F4F2F0fe
  • panelInput.border#F4F2F0fe
  • panelSection.border#F4F2F0fe
  • panelSection.dropBackground#E2DED7fe
  • panelSectionHeader.background#E2DED7fe
  • panelSectionHeader.border#F4F2F0fe
  • panelSectionHeader.foreground#655330ce
  • panelTitle.activeBorder#FAFAFB00
  • panelTitle.activeForeground#E05095fe
  • panelTitle.inactiveForeground#584F3F65
  • peekView.border#DF4E97fe
  • peekViewEditor.background#F4F2F0fe
  • peekViewEditor.matchHighlightBackground#AE939B88
  • peekViewEditor.matchHighlightBorder#FBFAFA00
  • peekViewEditorGutter.background#F4F2F0fe
  • peekViewEditorStickyScroll.background#E2DED7fe
  • peekViewResult.background#F0EEEBfe
  • peekViewResult.fileForeground#655330ce
  • peekViewResult.lineForeground#655330ce
  • peekViewResult.matchHighlightBackground#8E8EAA8a
  • peekViewResult.selectionBackground#A2B6B98b
  • peekViewResult.selectionForeground#4343C8ca
  • peekViewTitle.background#F0EEEBfe
  • peekViewTitleDescription.foreground#655330ce
  • peekViewTitleLabel.foreground#655330ce
  • pickerGroup.border#F4F2F0fe
  • pickerGroup.foreground#655330ce
  • ports.iconRunningProcessForeground#326043fe
  • problemsErrorIcon.foreground#9C009Cce
  • problemsInfoIcon.foreground#4F16FEce
  • problemsWarningIcon.foreground#675500ce
  • profileBadge.background#E15098fe
  • profileBadge.foreground#F0EEEBfe
  • progressBar.background#E2DED7fe
  • quickInput.background#F0EEEBfe
  • quickInput.foreground#635230ae
  • quickInputList.focusBackground#A7BABDac
  • quickInputList.focusForeground#852A58fe
  • quickInputList.focusIconForeground#B52E71fe
  • quickInputTitle.background#F4F2F0fe
  • sash.hoverBorder#F4F2F0fe
  • scrollbar.shadow#FAFBFA00
  • scrollbarSlider.activeBackground#8E7F67fe
  • scrollbarSlider.background#B7AD9Cae
  • scrollbarSlider.hoverBackground#C5BDAF6e
  • search.resultsInfoForeground#655330ce
  • searchEditor.findMatchBackground#8EAA96ad
  • searchEditor.findMatchBorder#F4F2F0fe
  • searchEditor.textInputBorder#F4F2F0fe
  • selection.background#E2DED7fe
  • settings.checkboxBackground#F4F2F0fe
  • settings.checkboxBorder#F4F2F0fe
  • settings.checkboxForeground#655330ce
  • settings.dropdownBackground#F4F2F0fe
  • settings.dropdownBorder#F4F2F0fe
  • settings.dropdownForeground#655330ce
  • settings.dropdownListBorder#F4F2F0fe
  • settings.focusedRowBackground#A7BABD8d
  • settings.focusedRowBorder#F4F2F0fe
  • settings.headerBorder#F4F2F0fe
  • settings.headerForeground#655330ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F4F2F0fe
  • settings.numberInputBorder#F4F2F0fe
  • settings.numberInputForeground#655330ce
  • settings.rowHoverBackground#E2DED7fe
  • settings.sashBorder#F4F2F0fe
  • settings.settingsHeaderHoverForeground#A52D69fe
  • settings.textInputBackground#F4F2F0fe
  • settings.textInputBorder#F4F2F0fe
  • settings.textInputForeground#655330ce
  • sideBar.background#E2DED7fe
  • sideBar.border#F4F2F0fe
  • sideBar.dropBackground#E2DED7fe
  • sideBar.foreground#6F5221ae
  • sideBarSectionHeader.background#F5F7F700
  • sideBarSectionHeader.border#F4F2F0fe
  • sideBarSectionHeader.foreground#655330ce
  • sideBarTitle.foreground#655330ce
  • sideBySideEditor.horizontalBorder#F4F2F0fe
  • sideBySideEditor.verticalBorder#F4F2F0fe
  • simpleFindWidget.sashBorder#F4F2F0fe
  • statusBar.background#F0EEEBfe
  • statusBar.border#F4F2F0fe
  • statusBar.debuggingBackground#FEC1FEa5
  • statusBar.debuggingBorder#F4F2F0fe
  • statusBar.debuggingForeground#655330ce
  • statusBar.focusBorder#FAFBFA00
  • statusBar.foreground#7350116e
  • statusBar.noFolderBackground#F0EEEBfe
  • statusBar.noFolderBorder#F4F2F0fe
  • statusBar.noFolderForeground#655330ce
  • statusBarItem.activeBackground#F0EEEBfe
  • statusBarItem.compactHoverBackground#F0EEEBfe
  • statusBarItem.errorBackground#FEC1FEba
  • statusBarItem.errorForeground#9C009Cce
  • statusBarItem.errorHoverBackground#FEC1FEc0
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFBFA00
  • statusBarItem.hoverBackground#F0EEEBfe
  • statusBarItem.hoverForeground#B52E71fe
  • statusBarItem.offlineBackground#F0EEEBfe
  • statusBarItem.offlineForeground#655330ce
  • statusBarItem.offlineHoverBackground#F0EEEBfe
  • statusBarItem.offlineHoverForeground#7E2953fe
  • statusBarItem.prominentBackground#F0EEEBfe
  • statusBarItem.prominentForeground#655330ce
  • statusBarItem.prominentHoverBackground#F0EEEBfe
  • statusBarItem.prominentHoverForeground#B52E71fe
  • statusBarItem.remoteBackground#AD2D6Dfe
  • statusBarItem.remoteForeground#F0EEEBfe
  • statusBarItem.remoteHoverBackground#F0EEEBfe
  • statusBarItem.remoteHoverForeground#B52E71fe
  • statusBarItem.warningBackground#F9CE00fe
  • statusBarItem.warningForeground#675500ce
  • statusBarItem.warningHoverBackground#F9CE00fe
  • statusBarItem.warningHoverForeground#A08400ce
  • symbolIcon.arrayForeground#31603Efe
  • symbolIcon.booleanForeground#006161ce
  • symbolIcon.classForeground#7F398Bfe
  • symbolIcon.colorForeground#4343C8fe
  • symbolIcon.constantForeground#883F55fe
  • symbolIcon.constructorForeground#4444C4fe
  • symbolIcon.enumeratorForeground#385B61fe
  • symbolIcon.enumeratorMemberForeground#665234fe
  • symbolIcon.eventForeground#6A5232fe
  • symbolIcon.fieldForeground#635436fe
  • symbolIcon.fileForeground#4D5C37fe
  • symbolIcon.folderForeground#62543Afe
  • symbolIcon.functionForeground#335F43fe
  • symbolIcon.interfaceForeground#4646C0fe
  • symbolIcon.keyForeground#7B3D88fe
  • symbolIcon.keywordForeground#7C3F85fe
  • symbolIcon.methodForeground#335F43fe
  • symbolIcon.moduleForeground#495C30fe
  • symbolIcon.namespaceForeground#7E3B86fe
  • symbolIcon.nullForeground#665234fe
  • symbolIcon.numberForeground#635436fe
  • symbolIcon.objectForeground#655336fe
  • symbolIcon.operatorForeground#903948fe
  • symbolIcon.packageForeground#4D5B32fe
  • symbolIcon.propertyForeground#7E3B86fe
  • symbolIcon.referenceForeground#7E398Cfe
  • symbolIcon.snippetForeground#883F55fe
  • symbolIcon.stringForeground#4A5D33fe
  • symbolIcon.structForeground#864157fe
  • symbolIcon.textForeground#335B5Ffe
  • symbolIcon.typeParameterForeground#4444C1fe
  • symbolIcon.unitForeground#8E3A5Afe
  • symbolIcon.variableForeground#356044fe
  • tab.activeBackground#EDEAE6fe
  • tab.activeBorder#F7F6F500
  • tab.activeBorderTop#E15098fe
  • tab.activeForeground#FA2893fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F7F6F500
  • tab.hoverBackground#6C51266e
  • tab.hoverBorder#F4F2F0fe
  • tab.hoverForeground#952C60fe
  • tab.inactiveBackground#DAD0C091
  • tab.inactiveForeground#4E463865
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F4F2F0fe
  • tab.unfocusedActiveBackground#D7D2C83e
  • tab.unfocusedActiveBorder#FAFBFA00
  • tab.unfocusedActiveBorderTop#EFCC9765
  • tab.unfocusedActiveForeground#A27F4465
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#6B52256e
  • tab.unfocusedHoverBorder#DBD6CD36
  • tab.unfocusedHoverForeground#A27F4465
  • tab.unfocusedInactiveBackground#D0C9BE92
  • tab.unfocusedInactiveForeground#A27F4465
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333aa
  • 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#670067ac
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea8
  • terminal.ansiYellow#c4a200fe
  • terminal.background#E2DED7fe
  • terminal.border#F4F2F0fe
  • terminal.dropBackground#E2DED7fe
  • terminal.findMatchBackground#E2DED7fe
  • terminal.findMatchBorder#F4F2F0fe
  • terminal.findMatchHighlightBackground#E2DED7fe
  • terminal.findMatchHighlightBorder#F4F2F0fe
  • terminal.foreground#6F5221ae
  • terminal.hoverHighlightBackground#E2DED7fe
  • terminal.inactiveSelectionBackground#D0C9BE9a
  • terminal.selectionBackground#A7BABD81
  • terminal.selectionForeground#7F398Bca
  • terminal.tab.activeBorder#E04F97fe
  • terminalCommandDecoration.defaultBackground#6B5122ac
  • terminalCommandDecoration.errorBackground#B00000cb
  • terminalCommandDecoration.successBackground#17631Bcb
  • terminalCursor.background#E2DED7fe
  • terminalCursor.foreground#A52D69fe
  • terminalOverviewRuler.cursorForeground#655330ce
  • terminalOverviewRuler.findMatchForeground#006161ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c09a
  • testing.iconUnset#808080ca
  • testing.message.error.decorationForeground#8D2B5Cfe
  • testing.message.error.lineBackground#FEC1FEa3
  • testing.message.info.decorationForeground#AB0759fe
  • testing.message.info.lineBackground#CFCFFEfe
  • testing.peekBorder#F4F2F0fe
  • testing.peekHeaderBackground#E2DED7fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#E2DED7fe
  • textBlockQuote.border#F4F2F0fe
  • textCodeBlock.background#E2DED7fe
  • textLink.activeForeground#BD2E76fe
  • textLink.foreground#4F16FEce
  • textPreformat.foreground#655330ce
  • textSeparator.foreground#655330ce
  • titleBar.activeBackground#F0EEEBfe
  • titleBar.activeForeground#A48038ae
  • titleBar.border#F7F6F500
  • titleBar.inactiveBackground#DBD6CDdd
  • titleBar.inactiveForeground#534A3C65
  • toolbar.activeBackground#EAC5F08d
  • toolbar.hoverBackground#E2DED7fe
  • toolbar.hoverOutline#FAFBFA00
  • tree.inactiveIndentGuidesStroke#4E3D5135
  • tree.indentGuidesStroke#A90658fe
  • tree.tableColumnsBorder#F4F2F0fe
  • tree.tableOddRowsBackground#E2DED7fe
  • walkThrough.embeddedEditorBackground#E2DED7fe
  • walkthrough.stepTitle.foreground#655330ce
  • welcomePage.background#E2DED7fe
  • welcomePage.progress.background#E2DED7fe
  • welcomePage.progress.foreground#655330ce
  • welcomePage.tileBackground#E2DED7fe
  • welcomePage.tileBorder#F4F2F0fe
  • welcomePage.tileHoverBackground#E2DED7fe
  • widget.border#F4F2F0fe
  • widget.shadow#F5F7F700
  • window.activeBorder#F4F2F0fe
  • window.inactiveBorder#DBD0BD9c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#5E4A2B6e
comment.block.html#584A2D6e
comment.block.java#5E4A2B6e
comment.block.javadoc.java#5A4B2C6e
comment.block.powershell#5E4A2B6e
comment.block.xml#5B482C6e
comment.line.double-slash.c#5A4B2C6e
comment.line.double-slash.cpp#5E4A2B6e
comment.line.double-slash.java#5E4A2B6e
comment.line.double-slash.js#5B482C6e
comment.line.number-sign.makefile#5B482C6e
comment.line.number-sign.python#5A4B2C6e
comment.line.number-sign.yaml#5B482C6e
comment.line.percentage.erlang#5B482C6e
comment.line.powershell#5E4A2B6e
comment.source.cmake#5B482C6e
comment.source.cmakecache#5B482C6e
constant.character#0B2E96de
constant.character.character-class.regexp#0A5749de
constant.character.escape#773B28de
constant.character.set.regexp#095509de
constant.language#095547de
constant.numeric#0B5647de
constant.numeric.dec.python#084F41de
constant.other.caps.python#0A2B90de
constant.other.character-class.regexp#1D453Ede
constant.other.character-class.set.regexp#622B8Dde
constant.other.color.rgb-value#095648de
constant.other.placeholder#682547de
constant.other.rgb-value#082C97de
constant.regexp#383F1Bde
constant.sha.git-rebase#0B590Bde
emphasis#980A51de
entity.name.class#6C2C9Cde
entity.name.function#922603de
entity.name.function.preprocessor#8D2C0Bde
entity.name.function.python#0A5749de
entity.name.label#542876de
entity.name.namespace#072B99de
entity.name.operator#44510Ade
entity.name.operator.custom-literal#842956de
entity.name.scope-resolution#763B28de
entity.name.tag#8E2907de
entity.name.tag.css#45530Ade
entity.name.type#45520Adebold
entity.name.variable#45530Bde
entity.other.attribute#773D28de
entity.other.attribute-name#872A57de
entity.other.attribute-name.class.css#3E451Dde
entity.other.attribute-name.class.mixin.css#45520Bde
entity.other.attribute-name.id#1D451Dde
entity.other.attribute-name.id.css#45530Ade
entity.other.attribute-name.parent-selector.css#532D21de
entity.other.attribute-name.pseudo-class.css#980951de
entity.other.attribute-name.pseudo-element.css#383F1Bde
entity.other.attribute-name.scss#683625de
entity.other.document.begin.yaml#584A2D6e
entity.other.inherited-class#0A590Ade
header#980A51de
invalid#6F274Bde
keyword#8B2B0Bdebold
keyword.codetag.notation.python#27396Fdebold
keyword.control#0A5648debold
keyword.control.anchor.regexp#21534Adebold
keyword.control.import.python#960A50debold
keyword.operator#215621debold
keyword.operator.alignas#622B8Ddebold
keyword.operator.alignof#215721debold
keyword.operator.cast#095648debold
keyword.operator.delete#773C28debold
keyword.operator.documentation.powershell#5E4A2B6ebold
keyword.operator.expression#27396Fdebold
keyword.operator.instanceof#4B2568debold
keyword.operator.logical.python#44510Adebold
keyword.operator.minus.exponent#763B28debold
keyword.operator.negation.regexp#0B5749debold
keyword.operator.new#0B5647debold
keyword.operator.noexcept#8E2908debold
keyword.operator.or.regexp#45520Bdebold
keyword.operator.plus.exponent#45530Adebold
keyword.operator.quantifier.regexp#2C469Adebold
keyword.operator.sizeof#0B31A1debold
keyword.operator.typeid#0A590Adebold
keyword.operator.wordlike#682547debold
keyword.other.operator#862A58debold
keyword.other.package.java#4F276Fdebold
keyword.other.unit#45530Adebold
keyword.other.using#793C28debold
markup.bold#6C2C9Fde
markup.changed#0B5A0Bde
markup.deleted#8E2B0Ade
markup.fenced_code.block.markdown#622B8Dde
markup.heading#852A56de
markup.inline.raw#4B2568de
markup.inserted#6A2C9Dde
markup.italic#45530Ade
markup.raw.block.markdown#0A590Ade
markup.strikethrough#445308de
markup.underline#842957de
meta.block.c#2C4798de
meta.block.c#082C97de
meta.class.java#692C9Bde
meta.definition.variable.name#1F4C44de
meta.diff.header#0B590Bde
meta.embedded#2C4798de
meta.embedded.assembly#59297Ede
meta.function-call.arguments.python#6C2C9Fde
meta.function-call.python#6F03C2de
meta.member.access.python#0A2E9Bde
meta.method.java#76284Fde
meta.object-literal.key#622B8Dde
meta.paragraph.markdown#763C28de
meta.preprocessor#842957de
meta.preprocessor.numeric#435207de
meta.preprocessor.string#960A50de
meta.scope.prerequisites.makefile#0B5A0Bde
meta.structure.dictionary.json.comments#5A4B2C6e
meta.structure.dictionary.key.python#44510Ade
meta.structure.dictionary.value.json.comments#584A2D6e
meta.template.expression#960B50de
meta.type.cast.expr#45530Bdebold
meta.type.new.expr#084F08debold
parameter#950B50de
punctuation.character.set.begin.regexp#43500Ade
punctuation.character.set.end.regexp#44520Ade
punctuation.definition.array.begin.json#8E2B0Ade
punctuation.definition.character-class.regexp#980850de
punctuation.definition.comment#5B482C6e
punctuation.definition.comment.json.comments#5B482C6e
punctuation.definition.comment.python#584A2D6e
punctuation.definition.dictionary.begin.json#6F03C2de
punctuation.definition.dictionary.end.json#0A5749de
punctuation.definition.group.assertion.regexp#59297Ede
punctuation.definition.group.regexp#095A09de
punctuation.definition.list.begin.json#0B5648de
punctuation.definition.list.begin.markdown#464F1Fde
punctuation.definition.list.begin.python#445308de
punctuation.definition.list.end.json#672C95de
punctuation.definition.list.end.markdown#44520Ade
punctuation.definition.list.end.python#092B93de
punctuation.definition.parameters.begin.python#6C2C9Fde
punctuation.definition.parameters.end.bracket.round.java#0B5648de
punctuation.definition.quote.begin.markdown#0B5749de
punctuation.definition.tag#8C2A09de
punctuation.definition.template-expression.begin#0B5A0Bde
punctuation.definition.template-expression.end#990750de
punctuation.section.class.begin.bracket.curly.java#6F06C0de
punctuation.section.embedded#095509de
punctuation.section.embedded.begin.php#44510Ade
punctuation.section.embedded.end.php#99064Fde
punctuation.terminator.java#215349de
source.cmake#980A51de
source.coffee.embedded#6D2C9Cde
source.cpp#293E7Ede
source.css.less#0A580Ade
source.groovy.embedded#990750de
source.java#6C2C9Dde
source.java-properties#8B2B0Bde
source.json.comments#5A4B2C6e
source.makefile#0A590Ade
source.powershell#072B99de
source.powershell.variable.other.member#872A57de
source.python#7005C1de
storage#950B50de
storage.modifier#960B50de
storage.modifier.import.java#773B28de
storage.modifier.package.java#5A3022de
storage.type#902806debold
storage.type.annotation.groovy#7E2953debold
storage.type.annotation.java#852A58debold
storage.type.boolean.go#092B93debold
storage.type.byte.go#0A5547debold
storage.type.cs#0A590Adebold
storage.type.error.go#8E2B0Adebold
storage.type.generic.cs#682547debold
storage.type.generic.groovy#21534Adebold
storage.type.generic.java#8D2C0Bdebold
storage.type.groovy#095A09debold
storage.type.java#6C2C9Edebold
storage.type.modifier.cs#8E2907debold
storage.type.numeric.go#842957debold
storage.type.object.array.groovy#45520Bdebold
storage.type.object.array.java#45530Adebold
storage.type.parameters.groovy#960A50debold
storage.type.primitive.array.groovy#6F04C2debold
storage.type.primitive.array.java#21534Adebold
storage.type.primitive.groovy#1D451Ddebold
storage.type.primitive.java#970750debold
storage.type.rune.go#44510Adebold
storage.type.string.go#8E2907debold
storage.type.token.java#0A2FA1debold
storage.type.uintptr.go#7E2953debold
storage.type.variable.cs#763C28debold
string#383F1Bde
string.quoted.docstring.multi.python#5A4B2C6e
string.regexp#692C9Bde
string.tag#0B5A0Bde
string.value#0A5648de
strong#59297Ede
support.class#215321de
support.constant.color#095A09de
support.constant.dom#0A590Ade
support.constant.font-name#872A57de
support.constant.handlebars#2C4695de
support.constant.json#842957de
support.constant.math#6C2C9Dde
support.constant.media#672C95de
support.constant.media-type#980A51debold
support.constant.property-value#465309de
support.function#094809de
support.function.git-rebase#464F1Fde
support.other.parenthesis.regexp#44510Ade
support.type#2C4695debold
support.type.property-name#8D2C0Bdebold
support.type.vendored.property-name#2C4798debold
support.variable#8E2B0Ade
token.debug-token#0B5648de
token.error-token#45520Ade
token.info-token#1F4C44de
token.warn-token#5A3022de
variable#0A5547de
variable.css#084438de
variable.language#8E2908de
variable.language.wildcard.java#3E451Dde
variable.other.constant#842957de
variable.other.definition.java#2C479Bde
variable.other.enummember#0A590Ade
variable.other.less#45530Bde
variable.other.object.java#445308de
variable.other.object.property.java#960B51de
variable.parameter.c#2C4898de
variable.parameter.function.language.python#6C2C9Ede
variable.parameter.java#6F04C2de
variable.scss#6F09BEde
viiv by B.W - VS Code Theme