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.

  • activityBar.activeBackground#1D2029
  • activityBar.activeBorder#FFB3C0
  • activityBar.activeFocusBorder#FFB3C0
  • activityBar.background#171A21
  • activityBar.border#2F3444
  • activityBar.dropBorder#A491DA
  • activityBar.foreground#D3C7F2
  • activityBar.inactiveForeground#707A93
  • activityBarBadge.background#B39EE0
  • activityBarBadge.foreground#171A21
  • activityErrorBadge.background#FF8FA3
  • activityErrorBadge.foreground#2A1820
  • activityWarningBadge.background#EFDB93
  • activityWarningBadge.foreground#292318
  • badge.background#B39EE0
  • badge.foreground#171A21
  • banner.background#232732
  • banner.foreground#E4E7F1
  • banner.iconForeground#FFB3C0
  • breadcrumb.activeSelectionForeground#F2F3FA
  • breadcrumb.background#14161D
  • breadcrumb.focusForeground#E4E7F1
  • breadcrumb.foreground#8790A8
  • breadcrumbPicker.background#171A21
  • button.background#B39EE0
  • button.border#00000000
  • button.foreground#171A21
  • button.hoverBackground#C4B0EC
  • button.secondaryBackground#1D2029
  • button.secondaryBorder#454C63
  • button.secondaryForeground#E4E7F1
  • button.secondaryHoverBackground#232732
  • chart.axis#2F3444
  • chart.guide#232733
  • chart.line#8D96AE
  • charts.blue#ABC5FC
  • charts.foreground#A9B2C4
  • charts.green#A9E1B6
  • charts.lines#3A4054
  • charts.orange#FFC9A3
  • charts.purple#D3B5F2
  • charts.red#FF96A8
  • charts.yellow#EEDDA0
  • chat.avatarBackground#2A2F42
  • chat.avatarForeground#B39EE0
  • chat.editedFileForeground#FFB3C0
  • chat.linesAddedForeground#A9E1B6
  • chat.linesRemovedForeground#FF96A8
  • chat.requestBackground#171A21
  • chat.requestBorder#3A4054
  • chat.requestBubbleBackground#1B1E26
  • chat.requestBubbleHoverBackground#1D2029
  • chat.requestCodeBorder#3A4054
  • chat.slashCommandBackground#232732
  • chat.slashCommandForeground#E4E7F1
  • checkbox.background#161A22
  • checkbox.border#454C63
  • checkbox.foreground#E4E7F1
  • checkbox.selectBackground#2A2F42
  • checkbox.selectBorder#A491DA
  • commandCenter.activeBackground#232732
  • commandCenter.activeBorder#A491DA
  • commandCenter.activeForeground#F2F3FA
  • commandCenter.background#1D2029
  • commandCenter.border#2F3444
  • commandCenter.foreground#C6CDDE
  • commandCenter.inactiveBorder#232732
  • commandCenter.inactiveForeground#8790A8
  • commentsView.resolvedIcon#A9E1B6
  • commentsView.unresolvedIcon#FFC9A3
  • debugConsole.errorForeground#FF96A8
  • debugConsole.infoForeground#ABC5FC
  • debugConsole.sourceForeground#8A93AC
  • debugConsole.warningForeground#EFDB93
  • debugConsoleInputIcon.foreground#B39EE0
  • debugExceptionWidget.background#1D2029
  • debugExceptionWidget.border#3A4054
  • debugIcon.breakpointCurrentStackframeForeground#4FAE78
  • debugIcon.breakpointDisabledForeground#566179
  • debugIcon.breakpointForeground#FF96A8
  • debugIcon.breakpointStackframeForeground#A9E1B6
  • debugIcon.breakpointUnverifiedForeground#8A93AC
  • debugIcon.continueForeground#7BD8A0
  • debugIcon.disconnectForeground#FF8FA3
  • debugIcon.pauseForeground#EEDDA0
  • debugIcon.restartForeground#8CD9D3
  • debugIcon.startForeground#7BD8A0
  • debugIcon.stepBackForeground#A9C4F0
  • debugIcon.stepIntoForeground#A9C4F0
  • debugIcon.stepOutForeground#A9C4F0
  • debugIcon.stepOverForeground#A9C4F0
  • debugIcon.stopForeground#FF8FA3
  • debugTokenExpression.boolean#FFC9A3
  • debugTokenExpression.error#FF8FA3
  • debugTokenExpression.name#ABC5FC
  • debugTokenExpression.number#FFC9A3
  • debugTokenExpression.string#A9E1B6
  • debugTokenExpression.type#EEDDA0
  • debugTokenExpression.value#E4E7F1
  • debugToolBar.background#1D2029
  • debugToolBar.border#3A4054
  • debugView.exceptionLabelBackground#14161D
  • debugView.exceptionLabelForeground#FF96A8
  • debugView.stateLabelBackground#1D2029
  • debugView.stateLabelForeground#E4E7F1
  • debugView.valueChangedHighlight#EEDDA0
  • descriptionForeground#A9B2C4
  • diffEditor.border#2F3444
  • diffEditor.diagonalFill#2F3444
  • diffEditor.insertedLineBackground#A9E1B622
  • diffEditor.insertedTextBackground#A9E1B64C
  • diffEditor.insertedTextBorder#A9E1B6
  • diffEditor.removedLineBackground#FF8FA322
  • diffEditor.removedTextBackground#FF8FA34C
  • diffEditor.removedTextBorder#FF8FA3
  • diffEditorGutter.insertedLineBackground#4FAE78
  • diffEditorGutter.removedLineBackground#E2607C
  • diffEditorOverview.insertedForeground#A9E1B6CC
  • diffEditorOverview.removedForeground#FF8FA3CC
  • disabledForeground#4E5669
  • dropdown.background#1D2029
  • dropdown.border#3A4054
  • dropdown.foreground#E4E7F1
  • dropdown.listBackground#1D2029
  • editor.background#14161D
  • editor.compositionBorder#A491DA
  • editor.findMatchBackground#FFC9A3
  • editor.findMatchBorder#FFC9A3
  • editor.findMatchForeground#14161D
  • editor.findMatchHighlightBackground#B39EE055
  • editor.findMatchHighlightBorder#A491DA
  • editor.findMatchHighlightForeground#E4E7F1
  • editor.findRangeHighlightBackground#7A6FB022
  • editor.findRangeHighlightBorder#A491DA
  • editor.focusedStackFrameHighlightBackground#B39EE044
  • editor.foldBackground#1B1E26
  • editor.foldPlaceholderForeground#566179
  • editor.foreground#E4E7F1
  • editor.hoverHighlightBackground#4A53FF11
  • editor.inactiveLineHighlightBackground#171A21
  • editor.inactiveSelectionBackground#3E4C7766
  • editor.inlineValuesBackground#14161D8C
  • editor.inlineValuesForeground#FFC9A3
  • editor.lineHighlightBackground#1B1E26
  • editor.lineHighlightBorder#00000000
  • editor.linkedEditingBackground#3A4A7088
  • editor.placeholder.foreground#566179
  • editor.rangeHighlightBackground#7A6FB022
  • editor.rangeHighlightBorder#A491DA
  • editor.selectionBackground#44507C
  • editor.selectionForeground#F2F3FA
  • editor.selectionHighlightBackground#4A537338
  • editor.selectionHighlightBorder#00000000
  • editor.snippetFinalTabstopHighlightBackground#FFC9A333
  • editor.snippetFinalTabstopHighlightBorder#FFC9A3
  • editor.snippetTabstopHighlightBackground#B39EE033
  • editor.snippetTabstopHighlightBorder#A491DA
  • editor.stackFrameHighlightBackground#7A6FB033
  • editor.symbolHighlightBackground#FFB3C02C
  • editor.symbolHighlightBorder#FFB3C0
  • editor.wordHighlightBackground#4A556F5E
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#5A4A8060
  • editor.wordHighlightStrongBorder#00000000
  • editor.wordHighlightTextBackground#3A4A70AA
  • editor.wordHighlightTextBorder#00000000
  • editorActionList.background#1D2029
  • editorActionList.focusBackground#2A2F42
  • editorActionList.focusForeground#F2F3FA
  • editorActionList.foreground#E4E7F1
  • editorBracketHighlight.foreground1#FFB3C0
  • editorBracketHighlight.foreground2#D3B5F2
  • editorBracketHighlight.foreground3#8CD9D3
  • editorBracketHighlight.foreground4#FFC9A3
  • editorBracketHighlight.foreground5#ABC5FC
  • editorBracketHighlight.foreground6#A9E1B6
  • editorBracketHighlight.unexpectedBracket.foreground#FF96A8
  • editorBracketMatch.background#7A6FB033
  • editorBracketMatch.border#A491DA
  • editorBracketMatch.foreground#A491DA
  • editorBracketPairGuide.activeBackground1#FFB3C066
  • editorBracketPairGuide.activeBackground2#D3B5F266
  • editorBracketPairGuide.activeBackground3#8CD9D366
  • editorBracketPairGuide.activeBackground4#FFC9A366
  • editorBracketPairGuide.activeBackground5#ABC5FC66
  • editorBracketPairGuide.activeBackground6#A9E1B666
  • editorBracketPairGuide.background1#FFB3C033
  • editorBracketPairGuide.background2#D3B5F233
  • editorBracketPairGuide.background3#8CD9D333
  • editorBracketPairGuide.background4#FFC9A333
  • editorBracketPairGuide.background5#ABC5FC33
  • editorBracketPairGuide.background6#A9E1B633
  • editorCodeLens.foreground#566179
  • editorCommentsWidget.rangeActiveBackground#7A6FB080
  • editorCommentsWidget.rangeBackground#3A405460
  • editorCommentsWidget.replyInputBackground#1D2029
  • editorCommentsWidget.resolvedBorder#A9E1B6
  • editorCommentsWidget.unresolvedBorder#FF96A8
  • editorCursor.background#14161D
  • editorCursor.foreground#FFB3C0
  • editorError.background#FF8FA314
  • editorError.border#00000000
  • editorError.foreground#FF8FA3
  • editorGhostText.background#00000000
  • editorGhostText.border#00000000
  • editorGhostText.foreground#566179
  • editorGroup.border#2F3444
  • editorGroup.dropBackground#A491DAAA
  • editorGroup.dropIntoPromptBackground#171A21
  • editorGroup.dropIntoPromptBorder#3A4054
  • editorGroup.dropIntoPromptForeground#E4E7F1
  • editorGroup.emptyBackground#14161D
  • editorGroup.focusedEmptyBorder#A491DA
  • editorGroupHeader.border#2F3444
  • editorGroupHeader.noTabsBackground#171A21
  • editorGroupHeader.tabsBackground#171A21
  • editorGroupHeader.tabsBorder#2F3444
  • editorGutter.addedBackground#4FAE78
  • editorGutter.addedSecondaryBackground#4FAE7866
  • editorGutter.background#14161D
  • editorGutter.commentGlyphForeground#7A84A0
  • editorGutter.commentRangeForeground#5A677C
  • editorGutter.commentUnresolvedGlyphForeground#FFC9A3
  • editorGutter.deletedBackground#E2607C
  • editorGutter.deletedSecondaryBackground#E2607C66
  • editorGutter.foldingControlForeground#8A93AC
  • editorGutter.itemGlyphForeground#8A93AC
  • editorGutter.modifiedBackground#D9A84E
  • editorGutter.modifiedSecondaryBackground#D9A84E66
  • editorHint.border#00000000
  • editorHint.foreground#A9E1B6
  • editorHoverWidget.background#1D2029
  • editorHoverWidget.border#3A4054
  • editorHoverWidget.foreground#E4E7F1
  • editorHoverWidget.highlightForeground#FFB3C0
  • editorHoverWidget.statusBarBackground#262B36
  • editorIndentGuide.activeBackground#3A4054
  • editorIndentGuide.activeBackground1#3A4054
  • editorIndentGuide.activeBackground2#474061
  • editorIndentGuide.activeBackground3#40435A
  • editorIndentGuide.activeBackground4#3A4054
  • editorIndentGuide.activeBackground5#43465E
  • editorIndentGuide.activeBackground6#3A4054
  • editorIndentGuide.background#1E222B
  • editorIndentGuide.background1#1E222B
  • editorIndentGuide.background2#252130
  • editorIndentGuide.background3#23272E
  • editorIndentGuide.background4#1E242E
  • editorIndentGuide.background5#232730
  • editorIndentGuide.background6#202228
  • editorInfo.background#ABC5FC14
  • editorInfo.border#00000000
  • editorInfo.foreground#ABC5FC
  • editorInlayHint.background#1D2029
  • editorInlayHint.foreground#7A84A0
  • editorInlayHint.parameterBackground#1D2029
  • editorInlayHint.parameterForeground#E0AFC0
  • editorInlayHint.typeBackground#1D2029
  • editorInlayHint.typeForeground#9FB6EC
  • editorLightBulb.foreground#EEDDA0
  • editorLightBulbAi.foreground#FFB3C0
  • editorLightBulbAutoFix.foreground#A9E1B6
  • editorLineNumber.activeForeground#B9A9E6
  • editorLineNumber.dimmedForeground#2F3444
  • editorLineNumber.foreground#3A4154
  • editorLink.activeForeground#D5E1FF
  • editorMarkerNavigation.background#171A21
  • editorMarkerNavigationError.background#FF96A8
  • editorMarkerNavigationInfo.background#ABC5FC
  • editorMarkerNavigationWarning.background#EFDB93
  • editorMultiCursor.primary.background#14161D
  • editorMultiCursor.primary.foreground#FFB3C0
  • editorMultiCursor.secondary.background#14161D
  • editorMultiCursor.secondary.foreground#8CD9D3
  • editorOverviewRuler.addedForeground#A9E1B6
  • editorOverviewRuler.background#14161D
  • editorOverviewRuler.border#232732
  • editorOverviewRuler.bracketMatchForeground#A491DA
  • editorOverviewRuler.commonContentForeground#8A93AC
  • editorOverviewRuler.currentContentForeground#D3B5F2
  • editorOverviewRuler.deletedForeground#FF8FA3
  • editorOverviewRuler.errorForeground#FF8FA3
  • editorOverviewRuler.findMatchForeground#FFC9A3
  • editorOverviewRuler.incomingContentForeground#ABC5FC
  • editorOverviewRuler.infoForeground#ABC5FC
  • editorOverviewRuler.modifiedForeground#EEDDA0
  • editorOverviewRuler.rangeHighlightForeground#A491DA
  • editorOverviewRuler.selectionHighlightForeground#FFB3C066
  • editorOverviewRuler.warningForeground#EEDDA0
  • editorOverviewRuler.wordHighlightForeground#B39EE0
  • editorOverviewRuler.wordHighlightStrongForeground#D3B5F2
  • editorOverviewRuler.wordHighlightTextForeground#A9C4F0
  • editorPane.background#14161D
  • editorRuler.foreground#232732
  • editorStickyScroll.background#171A21
  • editorStickyScroll.border#2F3444
  • editorStickyScroll.shadow#00000000
  • editorStickyScrollGutter.background#171A21
  • editorStickyScrollHover.background#1D2029
  • editorSuggestWidget.background#1D2029
  • editorSuggestWidget.border#3A4054
  • editorSuggestWidget.focusHighlightForeground#FFB3C0
  • editorSuggestWidget.foreground#E4E7F1
  • editorSuggestWidget.highlightForeground#FFB3C0
  • editorSuggestWidget.selectedBackground#2A2F42
  • editorSuggestWidget.selectedForeground#F2F3FA
  • editorSuggestWidget.selectedIconForeground#F2F3FA
  • editorSuggestWidgetStatus.foreground#8A93AC
  • editorUnicodeHighlight.background#FF8FA32C
  • editorUnicodeHighlight.border#FF8FA3
  • editorUnnecessaryCode.border#566179
  • editorUnnecessaryCode.opacity#00000066
  • editorWarning.background#EFDB9314
  • editorWarning.border#00000000
  • editorWarning.foreground#EFDB93
  • editorWhitespace.foreground#232733
  • editorWidget.background#171A21
  • editorWidget.border#3A4054
  • editorWidget.foreground#E4E7F1
  • editorWidget.resizeBorder#A491DA
  • errorForeground#FF8FA3
  • extensionBadge.remoteBackground#223044
  • extensionBadge.remoteForeground#A5C4F0
  • extensionButton.background#1D2029
  • extensionButton.border#3A4054
  • extensionButton.foreground#E4E7F1
  • extensionButton.hoverBackground#232732
  • extensionButton.prominentBackground#B39EE0
  • extensionButton.prominentForeground#171A21
  • extensionButton.prominentHoverBackground#C4B0EC
  • extensionIcon.starForeground#EEDDA0
  • extensionIcon.verifiedForeground#ABC5FC
  • focusBorder#A491DA
  • foreground#E4E7F1
  • gauge.background#1D2029
  • gauge.border#2F3444
  • gauge.errorBackground#3A2230
  • gauge.errorForeground#FF96A8
  • gauge.foreground#E4E7F1
  • gauge.warningBackground#38301C
  • gauge.warningForeground#EFDB93
  • git.blame.editorDecorationForeground#566179
  • gitDecoration.addedResourceForeground#7BD8A0
  • gitDecoration.conflictingResourceForeground#FFC9A3
  • gitDecoration.deletedResourceForeground#FF7B93
  • gitDecoration.ignoredResourceForeground#566179
  • gitDecoration.modifiedResourceForeground#EEDDA0
  • gitDecoration.renamedResourceForeground#ABC5FC
  • gitDecoration.stageDeletedResourceForeground#FF7B93
  • gitDecoration.stageModifiedResourceForeground#EEDDA0
  • gitDecoration.submoduleResourceForeground#8CD9D3
  • gitDecoration.untrackedResourceForeground#A9E1B6
  • icon.foreground#BFC6D8
  • inlineChat.background#171A21
  • inlineChat.border#3A4054
  • inlineChat.foreground#E4E7F1
  • inlineChat.shadow#00000000
  • inlineChatDiff.inserted#A9E1B64C
  • inlineChatDiff.removed#FF8FA34C
  • inlineChatInput.background#1D2029
  • inlineChatInput.border#2F3444
  • inlineChatInput.focusBorder#A491DA
  • inlineChatInput.placeholderForeground#7A84A0
  • input.background#11141B
  • input.border#3A4054
  • input.foreground#E4E7F1
  • input.placeholderForeground#7A84A0
  • inputOption.activeBackground#2A2F42
  • inputOption.activeBorder#A491DA
  • inputOption.activeForeground#E4E7F1
  • inputOption.hoverBackground#232732
  • inputValidation.errorBackground#241A22
  • inputValidation.errorBorder#FF96A8
  • inputValidation.errorForeground#FF96A8
  • inputValidation.infoBackground#182030
  • inputValidation.infoBorder#ABC5FC
  • inputValidation.infoForeground#A9C4F0
  • inputValidation.warningBackground#292318
  • inputValidation.warningBorder#EEDDA0
  • inputValidation.warningForeground#EFDB93
  • interactive.activeCodeBorder#A491DA
  • interactive.inactiveCodeBorder#3A4054
  • keybindingLabel.background#1D2029
  • keybindingLabel.border#2F3444
  • keybindingLabel.bottomBorder#3A4054
  • keybindingLabel.foreground#E4E7F1
  • list.activeSelectionBackground#262B36
  • list.activeSelectionForeground#F2F3FA
  • list.activeSelectionIconForeground#F2F3FA
  • list.deemphasizedForeground#566179
  • list.dropBackground#2A2F42
  • list.dropBetweenBackground#A491DA
  • list.errorForeground#FF96A8
  • list.filterMatchBackground#3A415966
  • list.filterMatchBorder#A491DA
  • list.focusAndSelectionOutline#A491DA
  • list.focusBackground#262B36
  • list.focusForeground#F2F3FA
  • list.focusHighlightForeground#FFB3C0
  • list.focusOutline#A491DA
  • list.highlightForeground#FFB3C0
  • list.hoverBackground#1D2029
  • list.hoverForeground#E4E7F1
  • list.inactiveFocusBackground#20242E
  • list.inactiveFocusOutline#3A4054
  • list.inactiveSelectionBackground#20242E
  • list.inactiveSelectionForeground#E4E7F1
  • list.inactiveSelectionIconForeground#C6CDDE
  • list.invalidItemForeground#FF96A8
  • list.warningForeground#EFDB93
  • listFilterWidget.background#171A21
  • listFilterWidget.noMatchesOutline#FF96A8
  • listFilterWidget.outline#A491DA
  • markdownAlert.caution.foreground#FF96A8
  • markdownAlert.important.foreground#D3B5F2
  • markdownAlert.note.foreground#ABC5FC
  • markdownAlert.tip.foreground#A9E1B6
  • markdownAlert.warning.foreground#EFDB93
  • menu.background#171A21
  • menu.border#2F3444
  • menu.foreground#E4E7F1
  • menu.selectionBackground#262B36
  • menu.selectionBorder#00000000
  • menu.selectionForeground#F2F3FA
  • menu.separatorBackground#2F3444
  • menubar.selectionBackground#1D2029
  • menubar.selectionBorder#00000000
  • menubar.selectionForeground#F2F3FA
  • merge.border#3A4054
  • merge.commonContentBackground#2A2F42
  • merge.commonHeaderBackground#262B36
  • merge.currentContentBackground#7A6FB02E
  • merge.currentHeaderBackground#443457
  • merge.incomingContentBackground#ABC5FC1C
  • merge.incomingHeaderBackground#26394A
  • minimap.background#14161D
  • minimap.errorHighlight#FF96A8
  • minimap.findMatchHighlight#FFC9A3
  • minimap.infoHighlight#ABC5FC
  • minimap.selectionHighlight#FFB3C066
  • minimap.selectionOccurrenceHighlight#B39EE066
  • minimap.warningHighlight#EEDDA0
  • minimapGutter.addedBackground#4FAE78
  • minimapGutter.deletedBackground#E2607C
  • minimapGutter.modifiedBackground#D9A84E
  • minimapSlider.activeBackground#5A639055
  • minimapSlider.background#3A405433
  • minimapSlider.hoverBackground#3A405444
  • notebook.cellBorderColor#2F3444
  • notebook.cellEditorBackground#14161D
  • notebook.cellHoverBackground#171A21
  • notebook.cellInsertionIndicator#A491DA
  • notebook.cellStatusBarItemHoverBackground#232732
  • notebook.cellToolbarSeparator#2F3444
  • notebook.editorBackground#14161D
  • notebook.focusedCellBackground#171A21
  • notebook.focusedCellBorder#A491DA
  • notebook.focusedEditorBorder#A491DA
  • notebook.inactiveFocusedCellBorder#2F3444
  • notebook.inactiveSelectedCellBorder#3A4054
  • notebook.outputContainerBackgroundColor#171A21
  • notebook.outputContainerBorderColor#2F3444
  • notebook.selectedCellBackground#1B1E26
  • notebook.selectedCellBorder#3A4054
  • notebook.symbolHighlightBackground#4A53FF11
  • notebookEditorOverviewRuler.runningCellForeground#A9E1B6
  • notebookScrollbarSlider.activeBackground#8C84C9
  • notebookScrollbarSlider.background#3A4054
  • notebookScrollbarSlider.hoverBackground#5A6390
  • notebookStatusErrorIcon.foreground#FF96A8
  • notebookStatusRunningIcon.foreground#A9C4F0
  • notebookStatusSuccessIcon.foreground#A9E1B6
  • notificationCenter.border#3A4054
  • notificationCenterHeader.background#1B1E26
  • notificationCenterHeader.foreground#E4E7F1
  • notificationLink.foreground#ABC5FC
  • notifications.background#171A21
  • notifications.border#2F3444
  • notifications.foreground#E4E7F1
  • notificationsErrorIcon.foreground#FF96A8
  • notificationsInfoIcon.foreground#ABC5FC
  • notificationsWarningIcon.foreground#EFDB93
  • notificationToast.border#3A4054
  • outputView.background#14161D
  • outputViewStickyScroll.background#171A21
  • panel.background#171A21
  • panel.border#2F3444
  • panel.dropBorder#A491DA
  • panelInput.border#3A4054
  • panelSection.border#232732
  • panelSection.dropBackground#2A2F4255
  • panelSectionHeader.background#1D2029
  • panelSectionHeader.border#2F3444
  • panelSectionHeader.foreground#8A93AC
  • panelStickyScroll.background#171A21
  • panelStickyScroll.border#2F3444
  • panelTitle.activeBorder#FFB3C0
  • panelTitle.activeForeground#F2F3FA
  • panelTitle.border#2F3444
  • panelTitle.inactiveForeground#8790A8
  • panelTitleBadge.background#B39EE0
  • panelTitleBadge.foreground#171A21
  • peekView.border#A491DA
  • peekViewEditor.background#14161D
  • peekViewEditor.matchHighlightBackground#B39EE033
  • peekViewEditor.matchHighlightBorder#A491DA
  • peekViewEditorGutter.background#14161D
  • peekViewResult.background#171A21
  • peekViewResult.fileForeground#A9B2C4
  • peekViewResult.lineForeground#8A93AC
  • peekViewResult.matchHighlightBackground#B39EE033
  • peekViewResult.selectionBackground#262B36
  • peekViewResult.selectionForeground#F2F3FA
  • peekViewTitle.background#1D2029
  • peekViewTitleDescription.foreground#8A93AC
  • peekViewTitleLabel.foreground#E4E7F1
  • pickerGroup.border#2F3444
  • pickerGroup.foreground#8A93AC
  • ports.iconRunningProcessForeground#EEDDA0
  • problemsErrorIcon.foreground#FF96A8
  • problemsInfoIcon.foreground#ABC5FC
  • problemsWarningIcon.foreground#EFDB93
  • profileBadge.background#232732
  • profileBadge.foreground#B39EE0
  • profiles.sashBorder#2F3444
  • progressBar.background#B39EE0
  • quickInput.background#171A21
  • quickInput.foreground#E4E7F1
  • quickInputList.focusBackground#262B36
  • quickInputList.focusForeground#F2F3FA
  • quickInputList.focusIconForeground#F2F3FA
  • quickInputTitle.background#1D2029
  • radio.activeBackground#2A2F42
  • radio.activeBorder#A491DA
  • radio.activeForeground#E4E7F1
  • radio.inactiveBackground#1D2029
  • radio.inactiveBorder#3A4054
  • radio.inactiveForeground#A9B2C4
  • radio.inactiveHoverBackground#232732
  • sash.hoverBorder#A491DA
  • scmGraph.foreground1#FFB3C0
  • scmGraph.foreground2#D3B5F2
  • scmGraph.foreground3#ABC5FC
  • scmGraph.foreground4#8CD9D3
  • scmGraph.foreground5#A9E1B6
  • scmGraph.historyItemBaseRefColor#A491DA
  • scmGraph.historyItemHoverAdditionsForeground#A9E1B6
  • scmGraph.historyItemHoverDeletionsForeground#FF8FA3
  • scmGraph.historyItemRefColor#EEDDA0
  • scmGraph.historyItemRemoteRefColor#FFC9A3
  • scrollbar.background#14161D
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#8C84C9
  • scrollbarSlider.background#3A4054
  • scrollbarSlider.hoverBackground#5A6390
  • search.resultsInfoForeground#8A93AC
  • searchEditor.findMatchBackground#B39EE055
  • searchEditor.findMatchBorder#A491DA
  • searchEditor.textInputBorder#3A4054
  • selection.background#45517A
  • settings.checkboxBackground#161A22
  • settings.checkboxBorder#454C63
  • settings.checkboxForeground#E4E7F1
  • settings.dropdownBackground#1D2029
  • settings.dropdownBorder#3A4054
  • settings.dropdownForeground#E4E7F1
  • settings.dropdownListBorder#2F3444
  • settings.focusedRowBackground#232732
  • settings.focusedRowBorder#A491DA
  • settings.headerBorder#2F3444
  • settings.headerForeground#E4E7F1
  • settings.modifiedItemIndicator#EEDDA0
  • settings.numberInputBackground#11141B
  • settings.numberInputBorder#3A4054
  • settings.numberInputForeground#E4E7F1
  • settings.rowHoverBackground#1D2029
  • settings.sashBorder#2F3444
  • settings.settingsHeaderHoverForeground#F2F3FA
  • settings.textInputBackground#11141B
  • settings.textInputBorder#3A4054
  • settings.textInputForeground#E4E7F1
  • sideBar.background#171A21
  • sideBar.border#2F3444
  • sideBar.dropBackground#2A2F4255
  • sideBar.foreground#C6CDDE
  • sideBarActivityBarTop.border#2F3444
  • sideBarSectionHeader.background#11141B
  • sideBarSectionHeader.border#232732
  • sideBarSectionHeader.foreground#8A93AC
  • sideBarStickyScroll.background#171A21
  • sideBarStickyScroll.border#2F3444
  • sideBarStickyScroll.shadow#00000000
  • sideBarTitle.background#171A21
  • sideBarTitle.border#2F3444
  • sideBarTitle.foreground#8A93AC
  • sideBySideEditor.horizontalBorder#2F3444
  • sideBySideEditor.verticalBorder#2F3444
  • simpleFindWidget.sashBorder#A491DA
  • statusBar.background#1D2029
  • statusBar.border#2F3444
  • statusBar.debuggingBackground#332B47
  • statusBar.debuggingBorder#2F3444
  • statusBar.debuggingForeground#CFC3EC
  • statusBar.focusBorder#A491DA
  • statusBar.foreground#BFC6D8
  • statusBar.noFolderBackground#14161D
  • statusBar.noFolderBorder#2F3444
  • statusBar.noFolderForeground#BFC6D8
  • statusBarItem.activeBackground#2A2F42
  • statusBarItem.compactHoverBackground#232732
  • statusBarItem.errorBackground#3A2230
  • statusBarItem.errorForeground#FF96A8
  • statusBarItem.errorHoverBackground#452636
  • statusBarItem.errorHoverForeground#FFB3C0
  • statusBarItem.focusBorder#A491DA
  • statusBarItem.hoverBackground#232732
  • statusBarItem.hoverForeground#F2F3FA
  • statusBarItem.offlineBackground#3A2230
  • statusBarItem.offlineForeground#FF96A8
  • statusBarItem.offlineHoverBackground#452636
  • statusBarItem.offlineHoverForeground#FFB3C0
  • statusBarItem.prominentBackground#B39EE0
  • statusBarItem.prominentForeground#171A21
  • statusBarItem.prominentHoverBackground#C4B0EC
  • statusBarItem.prominentHoverForeground#171A21
  • statusBarItem.remoteBackground#223044
  • statusBarItem.remoteForeground#A5C4F0
  • statusBarItem.remoteHoverBackground#2A3B55
  • statusBarItem.remoteHoverForeground#D5E1FF
  • statusBarItem.warningBackground#38301C
  • statusBarItem.warningForeground#EFDB93
  • statusBarItem.warningHoverBackground#453B22
  • statusBarItem.warningHoverForeground#F5E1AE
  • symbolIcon.arrayForeground#8CD9D3
  • symbolIcon.booleanForeground#FFC9A3
  • symbolIcon.classForeground#EEDDA0
  • symbolIcon.colorForeground#FFB3C0
  • symbolIcon.constantForeground#FFC9A3
  • symbolIcon.constructorForeground#FFB3C0
  • symbolIcon.enumeratorForeground#EEDDA0
  • symbolIcon.enumeratorMemberForeground#ABC5FC
  • symbolIcon.eventForeground#FF96A8
  • symbolIcon.fieldForeground#ABC5FC
  • symbolIcon.fileForeground#A9B2C4
  • symbolIcon.folderForeground#C6CDDE
  • symbolIcon.functionForeground#FFB3C0
  • symbolIcon.interfaceForeground#EEDDA0
  • symbolIcon.keyForeground#EEDDA0
  • symbolIcon.keywordForeground#D3B5F2
  • symbolIcon.methodForeground#FFB3C0
  • symbolIcon.moduleForeground#8CD9D3
  • symbolIcon.namespaceForeground#8CD9D3
  • symbolIcon.nullForeground#FFC9A3
  • symbolIcon.numberForeground#FFC9A3
  • symbolIcon.objectForeground#ABC5FC
  • symbolIcon.operatorForeground#8A93AC
  • symbolIcon.packageForeground#8CD9D3
  • symbolIcon.propertyForeground#ABC5FC
  • symbolIcon.referenceForeground#A9E1B6
  • symbolIcon.snippetForeground#A9E1B6
  • symbolIcon.stringForeground#A9E1B6
  • symbolIcon.structForeground#EEDDA0
  • symbolIcon.textForeground#C6CDDE
  • symbolIcon.typeParameterForeground#ABC5FC
  • symbolIcon.unitForeground#FFC9A3
  • symbolIcon.variableForeground#ABC5FC
  • tab.activeBackground#14161D
  • tab.activeBorder#FFB3C0
  • tab.activeBorderTop#FFB3C0
  • tab.activeForeground#F2F3FA
  • tab.activeModifiedBorder#FFC9A3
  • tab.border#2F3444
  • tab.dragAndDropBorder#FFB3C0
  • tab.hoverBackground#1D2029
  • tab.hoverBorder#FFB3C070
  • tab.hoverForeground#E4E7F1
  • tab.inactiveBackground#171A21
  • tab.inactiveForeground#8790A8
  • tab.inactiveModifiedBorder#FFC9A355
  • tab.lastPinnedBorder#2F3444
  • tab.selectedBackground#14161D
  • tab.selectedBorderTop#FFB3C0
  • tab.selectedForeground#F2F3FA
  • tab.unfocusedActiveBackground#15171E
  • tab.unfocusedActiveBorder#3A4054
  • tab.unfocusedActiveBorderTop#3A4054
  • tab.unfocusedActiveForeground#B9C0D2
  • tab.unfocusedActiveModifiedBorder#FFC9A377
  • tab.unfocusedHoverBackground#1B1E26
  • tab.unfocusedHoverBorder#3A4054
  • tab.unfocusedHoverForeground#C6CDDE
  • tab.unfocusedInactiveBackground#15171E
  • tab.unfocusedInactiveForeground#737C93
  • tab.unfocusedInactiveModifiedBorder#FFC9A344
  • terminal.ansiBlack#343B4D
  • terminal.ansiBlue#7FA8F5
  • terminal.ansiBrightBlack#5A6377
  • terminal.ansiBrightBlue#A9C9FF
  • terminal.ansiBrightCyan#9AEAE4
  • terminal.ansiBrightGreen#A3E6BC
  • terminal.ansiBrightMagenta#E4C3FA
  • terminal.ansiBrightRed#FF9EAF
  • terminal.ansiBrightWhite#F2F4FA
  • terminal.ansiBrightYellow#F5E1AE
  • terminal.ansiCyan#6CD8D2
  • terminal.ansiGreen#7BD8A0
  • terminal.ansiMagenta#D2A8F2
  • terminal.ansiRed#FF7B93
  • terminal.ansiWhite#CDD3E4
  • terminal.ansiYellow#EECE8D
  • terminal.background#14161D
  • terminal.border#2F3444
  • terminal.dropBackground#2A2F4255
  • terminal.findMatchBackground#FFC9A3
  • terminal.findMatchBorder#FFC9A3
  • terminal.findMatchForeground#14161D
  • terminal.findMatchHighlightBackground#B39EE055
  • terminal.findMatchHighlightBorder#A491DA
  • terminal.foreground#DFE3EE
  • terminal.hoverHighlightBackground#FFB3C02C
  • terminal.inactiveSelectionBackground#3E4C7766
  • terminal.selectionBackground#44507C
  • terminal.selectionForeground#F2F3FA
  • terminal.tab.activeBorder#FFB3C0
  • terminalCommandDecoration.defaultBackground#3A4054
  • terminalCommandDecoration.errorBackground#FF96A8
  • terminalCommandDecoration.successBackground#4FAE78
  • terminalCursor.background#14161D
  • terminalCursor.foreground#FFB3C0
  • terminalOverviewRuler.cursorForeground#FFB3C0
  • terminalOverviewRuler.findMatchForeground#FFC9A3
  • terminalStickyScroll.background#171A21
  • terminalStickyScroll.border#2F3444
  • terminalStickyScrollHover.background#1D2029
  • testing.coveredBackground#A9E1B618
  • testing.coveredBorder#4FAE78
  • testing.coveredGutterBackground#4FAE78
  • testing.iconErrored#D3B5F2
  • testing.iconFailed#FF96A8
  • testing.iconPassed#A9E1B6
  • testing.iconQueued#EEDDA0
  • testing.iconSkipped#566179
  • testing.iconUnset#566179
  • testing.peekBorder#A491DA
  • testing.peekHeaderBackground#1D2029
  • testing.runAction#E4E7F1
  • testing.uncoveredBackground#FF8FA31C
  • testing.uncoveredBorder#E2607C
  • testing.uncoveredGutterBackground#E2607C
  • textBlockQuote.background#1B1F29
  • textBlockQuote.border#3A4054
  • textCodeBlock.background#11141B
  • textLink.activeForeground#D5E1FF
  • textLink.foreground#ABC5FC
  • textPreformat.background#11141B
  • textPreformat.foreground#E4E7F1
  • textSeparator.foreground#2F3444
  • titleBar.activeBackground#171A21
  • titleBar.activeForeground#C6CDDE
  • titleBar.border#2F3444
  • titleBar.inactiveBackground#14161D
  • titleBar.inactiveForeground#707A93
  • toolbar.activeBackground#2A2F42
  • toolbar.hoverBackground#232732
  • toolbar.hoverOutline#00000000
  • tree.inactiveIndentGuidesStroke#1E222B
  • tree.indentGuidesStroke#232733
  • tree.tableColumnsBorder#232733
  • tree.tableOddRowsBackground#161A2200
  • walkThrough.embeddedEditorBackground#14161D
  • walkthrough.stepTitle.foreground#E4E7F1
  • welcomePage.background#14161D
  • welcomePage.progress.background#232732
  • welcomePage.progress.foreground#B39EE0
  • welcomePage.tileBackground#1D2029
  • welcomePage.tileBorder#2F3444
  • welcomePage.tileHoverBackground#232732
  • widget.border#3A4054
  • widget.shadow#00000000
  • window.activeBorder#2F3444
  • window.inactiveBorder#232732

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment, comment.block.documentation#6D7B96italic
comment.line.arrow, punctuation.definition.comment.arrow#6D7B96italic
punctuation, punctuation.separator, punctuation.accessor, punctuation.terminator, punctuation.definition, meta.brace, meta.delimiter#8D96AE
keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.relational, keyword.operator.bitwise, keyword.operator.spread, keyword.operator.expression, keyword.operator.instanceof, keyword.operator.new, keyword.operator.typeof, keyword.control, keyword.other, keyword.other.template#D3B5F2
keyword, storage, storage.type, storage.modifier, keyword.declaration#D3B5F2
variable, variable.other, variable.other.member, variable.other.object, variable.other.property, variable.other.readwrite, variable.other.constant, meta.object-literal.key#E4E7F1
variable.parameter, variable.other.parameter#E4E7F1italic
variable.language, variable.other.this, variable.other.readwrite this, keyword.other.special-method#FFC9A3italic
constant.numeric, constant.language, constant.character, constant.other.symbol, constant.other.key, constant.other.unit, constant.other.placeholder, keyword.other.unit, support.constant, constant.language.boolean, constant.language.null#FFC9A3
string, string.quoted, string.unquoted, string.other, string.template, string.quoted.single, string.quoted.double, string.quoted.other, punctuation.definition.string, meta.string#A9E1B6
string.template variable, string.template punctuation, keyword.other.substitution#E4E7F1
string.regexp, source.regexp#8CD9D3
constant.character.escape, constant.other.escape#FFC9A3
entity.name.function, entity.name.method, meta.function entity.name.function, meta.function-call entity.name.function, support.function, support.function.console, variable.function, variable.other.function, entity.name.function.symbol, keyword.other.function#FFB3C0
entity.name.type, entity.name.type.class, entity.name.class, entity.name.type.interface, entity.name.type.enum, entity.name.type.struct, entity.name.namespace, entity.other.inherited-class, support.type, support.class, storage.type.primitive, support.type.primitive#EEDDA0
entity.name.type.type-parameter, meta.type.entity.name.type#ABC5FCitalic
tag.decorator.js, entity.name.function.decorator, meta.decorator, annotation, punctuation.definition.annotation#8CD9D3italic
entity.name.tag, entity.name.tag.html, entity.name.tag.jsx, meta.tag.sgml#8CD9D3
punctuation.definition.tag, meta.tag punctuation#566179
entity.other.attribute-name, entity.other.attribute-name.html, meta.attribute#ABC5FC
string.quoted.double attribute-value, entity.other.attribute-value#A9E1B6
entity.other.attribute-name.class, meta.selector entity.other.attribute-name.class#EEDDA0
entity.other.attribute-name.id#FFB3C0
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, entity.other.attribute-name.tag#ABC5FC
support.type.property-name, support.type.property-name.css, source.css support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, support.variable.property#E4E7F1
keyword.other.unit.css, keyword.other.color, constant.other.color#FFC9A3
variable.other.property, support.variable.property.dom, support.type.object.dom, variable.other.object.property#ABC5FC
punctuation.section.embedded, meta.embedded#E4E7F1
invalid, invalid.illegal, malformed#FF7B93bold underline
invalid.deprecated, invalid.deprecated.comment#566179underline
meta.diagnostic, source.sublime-linter#8A93AC
markup.heading, markup.heading entity.name, markdown.heading#FFB3C0bold
punctuation.definition.heading.markdown, markup.heading punctuation.definition.heading#566179
markup.bold, markup.bold string, punctuation.definition.bold#FFB3C0bold
markup.italic, punctuation.definition.italic#D3B5F2italic
markup.strikethrough, punctuation.definition.strikethrough#8A93ACstrikethrough
markup.inline.raw, markup.raw.inline, markup.inline.raw.string#A9E1B6
markup.raw.block, markup.raw.block.fenced.markdown, punctuation.definition.fenced.markdown#A9E1B6
markup.quote, markup.quote punctuation.definition.blockquote#8A93ACitalic
string.other.link.title.markdown, string.other.link.description.title.markdown, markup.underline.link, link#ABC5FCunderline
constant.other.reference.link.markdown, meta.link#8CD9D3
markup.list, punctuation.definition.list_item.markdown#FFB3C0
meta.separator#566179bold
markup.inserted, markup.inserted.git_gutter#A9E1B6
markup.deleted, markup.deleted.git_gutter#FF8FA3
markup.changed, markup.changed.git_gutter#EEDDA0
*url*, *link*, *uri*, *email*#ABC5FCunderline
support.type.property-name.json, meta.structure.dictionary.json support.type.property-name.json#E4E7F1
entity.key, entity.name.tag.yaml, meta.structure.dictionary.json string.unquoted.label.json#E4E7F1
keyword.key.toml, support.type.property-name.toml#E4E7F1
variable.other.bash, variable.other.shell, shell.variable#FFC9A3
keyword.other.DML, keyword.other.DDL, keyword.other.create#D3B5F2
entity.name.type.table, entity.name.class.table#EEDDA0
meta, default, text, source#E4E7F1
Taze's Zen Theme by taze92 - VS Code Theme