Nightcall
Publisher: Robert PattersonThemes in package: 8
A mellow yet colorful Visual Studio Code theme built around vibrant shades of pink, purple, and blue.
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#3F3F64
- activityBar.activeBorder#FFB8E0
- activityBar.activeFocusBorder#FFB8E0
- activityBar.background#27283F
- activityBar.border#373758
- activityBar.foreground#6E6EA2
- activityBar.inactiveForeground#6E6EA2
- activityBarBadge.background#27283F
- activityBarBadge.foreground#FFB8E0
- activityBarTop.activeBorder#FFB8E0
- activityBarTop.activeFocusBorder#FFB8E0
- activityBarTop.background#27283F
- activityBarTop.border#373758
- activityBarTop.foreground#6E6EA2
- activityBarTop.inactiveForeground#6E6EA2
- activityErrorBadge.background#F77FA7
- activityErrorBadge.foreground#1C1D2D
- activityWarningBadge.background#ffd6a7
- activityWarningBadge.foreground#1C1D2D
- agents.background#2F2F4B
- agentsBadge.background#FFB8E0
- agentsBadge.foreground#1C1D2D
- agentsChatInput.background#373758
- agentsChatInput.border#3B3B5E
- agentsChatInput.focusBorder#FFB8E0
- agentsChatInput.foreground#B0B0CC
- agentsChatInput.placeholderForeground#6E6EA2
- agentSessionReadIndicator.foreground#FFB8E0
- agentSessionSelectedBadge.border#FFB8E0
- agentSessionSelectedUnfocusedBadge.border#ffb8e080
- agentsGradient.tintColor#FFB8E0
- agentsNewSessionButton.background#2f2f4b00
- agentsNewSessionButton.border#3B3B5E
- agentsNewSessionButton.foreground#B0B0CC
- agentsNewSessionButton.hoverBackground#3F3F64
- agentsPanel.background#2F2F4B
- agentsPanel.border#373758
- agentsPanel.foreground#B0B0CC
- agentStatusIndicator.background#FFB8E0
- agentsUnreadBadge.background#FFB8E0
- agentsUnreadBadge.foreground#1C1D2D
- aiCustomizationManagement.sashBorder#373758
- badge.background#27283F
- badge.foreground#8F8FB7
- breadcrumb.activeSelectionForeground#E6DAFB
- breadcrumb.background#2F2F4B
- breadcrumb.focusForeground#B0B0CC
- breadcrumb.foreground#B0B0CC
- breadcrumbPicker.background#2F2F4B
- button.background#FFB8E0
- button.border#4F4F7D
- button.foreground#2F2F4B
- button.hoverBackground#FFB8E0
- button.secondaryBackground#3F3F64
- button.secondaryBorder#4F4F7D
- button.secondaryForeground#B9B9D2
- button.secondaryHoverBackground#4F4F7D
- button.separator#373758
- charts.blue#a0b7f6
- charts.foreground#B0B0CC
- charts.green#b9f8cf
- charts.lines#b0b0cc80
- charts.orange#ffedd4
- charts.purple#F3CBFB
- charts.red#F889AE
- charts.yellow#FFE2BE
- chat.avatarBackground#373758
- chat.avatarForeground#E6DAFB
- chat.checkpointSeparator#373758
- chat.editedFileForeground#ffd6a7
- chat.inputWorkingBorderColor1#ffb8e080
- chat.inputWorkingBorderColor2#f3cbfb80
- chat.inputWorkingBorderColor3#a0b7f680
- chat.linesAddedForeground#9af5bc99
- chat.linesRemovedForeground#f889ae99
- chat.requestBackground#2f2f4b00
- chat.requestBorder#3B3B5E
- chat.requestBubbleBackground#37375899
- chat.requestBubbleHoverBackground#37375880
- chat.requestCodeBorder#4f4f7d99
- chat.slashCommandBackground#373758
- chat.slashCommandForeground#E6DAFB
- chat.thinkingShimmer#ffa3d8d6
- chatManagement.sashBorder#373758
- checkbox.background#373758
- checkbox.border#4F4F7D
- checkbox.disabled.background#373758
- checkbox.disabled.foreground#B0B0CC
- checkbox.foreground#B0B0CC
- checkbox.selectBackground#373758
- checkbox.selectBorder#4F4F7D
- commandCenter.activeBackground#2F2F4B
- commandCenter.activeBorder#FFB8E0
- commandCenter.activeForeground#8F8FB7
- commandCenter.background#27283F
- commandCenter.border#373758
- commandCenter.foreground#8F8FB7
- commandCenter.inactiveBorder#373758
- commandCenter.inactiveForeground#8F8FB7
- debugConsole.errorForeground#F889AE
- debugConsole.infoForeground#00d3f2
- debugConsole.sourceForeground#6E6EA2
- debugConsole.warningForeground#FFE2BE
- debugConsoleInputIcon.foreground#F3CBFB
- debugExceptionWidget.background#2F2F4B
- debugExceptionWidget.border#373758
- debugIcon.breakpointForeground#F889AE
- debugTokenExpression.boolean#b9f8cf
- debugTokenExpression.error#F889AE
- debugTokenExpression.name#a0b7f6
- debugTokenExpression.number#b9f8cf
- debugTokenExpression.string#FFA3D8
- debugTokenExpression.value#FFA3D8
- debugToolBar.background#2F2F4B
- debugToolBar.border#373758
- descriptionForeground#8F8FB7
- diffEditor.border#2F2F4B
- diffEditor.insertedLineBackground#9af5bc26
- diffEditor.insertedTextBackground#9af5bc1a
- diffEditor.removedLineBackground#f889ae26
- diffEditor.removedTextBackground#f889ae1a
- disabledForeground#6e6ea2bf
- dropdown.background#3F3F64
- dropdown.border#373758
- dropdown.foreground#E6DAFB
- dropdown.listBackground#3F3F64
- editor.background#2F2F4B
- editor.border#3B3B5E
- editor.findMatchBackground#373758
- editor.findMatchBorder#f3cbfb8c
- editor.findMatchHighlightBackground#3737588c
- editor.findRangeHighlightBackground#efbafa33
- editor.focusedStackFrameHighlightBackground#27283F
- editor.foldBackground#3737581a
- editor.foreground#ECE3FC
- editor.hoverHighlightBackground#f3cbfb40
- editor.inactiveSelectionBackground#efbafa20
- editor.lineHighlightBackground#5e5e9780
- editor.linkedEditingBackground#f3cbfb40
- editor.rangeHighlightBackground#f3cbfb40
- editor.selectionBackground#f3cbfb40
- editor.selectionForeground#E6DAFB
- editor.selectionHighlightBackground#f3cbfb40
- editor.snippetFinalTabstopHighlightBackground#efbafa40
- editor.snippetFinalTabstopHighlightBorder#efbafa40
- editor.snippetTabstopHighlightBackground#efbafa40
- editor.snippetTabstopHighlightBorder#f3cbfb40
- editor.stackFrameHighlightBackground#2F2F4B
- editor.symbolHighlightBackground#f3cbfb40
- editor.wordHighlightBackground#5e5e978c
- editor.wordHighlightBorder#5e5e9799
- editor.wordHighlightStrongBackground#5e5e978c
- editor.wordHighlightStrongBorder#5e5e9799
- editor.wordHighlightTextBackground#f3cbfb40
- editorBracketHighlight.foreground1#FFADDC
- editorBracketHighlight.foreground2#EAA4F8
- editorBracketHighlight.foreground3#BB9AF7
- editorBracketHighlight.foreground4#F9A5C2
- editorBracketHighlight.foreground5#86A4FD
- editorBracketHighlight.foreground6#FF8ECF
- editorBracketHighlight.unexpectedBracket.foreground#F889AE
- editorBracketMatch.background#373758e6
- editorBracketMatch.border#4f4f7de6
- editorBracketPairGuide.activeBackground1#ffaddcbf
- editorBracketPairGuide.activeBackground2#eaa4f8bf
- editorBracketPairGuide.activeBackground3#bb9af7bf
- editorBracketPairGuide.activeBackground4#f9a5c2bf
- editorBracketPairGuide.activeBackground5#86a4fdbf
- editorBracketPairGuide.activeBackground6#ff8ecfbf
- editorBracketPairGuide.background1#ffaddc99
- editorBracketPairGuide.background2#eaa4f899
- editorBracketPairGuide.background3#bb9af799
- editorBracketPairGuide.background4#f9a5c299
- editorBracketPairGuide.background5#86a4fd99
- editorBracketPairGuide.background6#ff8ecf99
- editorCodeLens.foreground#B0B0CC
- editorCommentsWidget.rangeActiveBackground#a0b7f640
- editorCommentsWidget.rangeBackground#a0b7f626
- editorCursor.background#FFE2BE
- editorCursor.foreground#E6DAFB
- editorError.foreground#F889AE
- editorGhostText.foreground#E6DAFB
- editorGroup.border#3B3B5E
- editorGroup.dropBackground#27283fcc
- editorGroup.emptyBackground#2F2F4B
- editorGroup.focusedEmptyBorder#3B3B5E
- editorGroupHeader.noTabsBackground#2F2F4B
- editorGroupHeader.tabsBackground#2F2F4B
- editorGroupHeader.tabsBorder#3B3B5E
- editorGutter.addedBackground#9af5bc99
- editorGutter.background#2F2F4B
- editorGutter.commentRangeForeground#8F8FB7
- editorGutter.deletedBackground#f889ae99
- editorGutter.modifiedBackground#ffd6a799
- editorHint.foreground#F3CBFB
- editorHoverWidget.background#373758
- editorHoverWidget.border#4F4F7D
- editorHoverWidget.foreground#E6DAFB
- editorIndentGuide.activeBackground1#B0B0CC
- editorIndentGuide.background1#373758
- editorInfo.foreground#00d3f2
- editorInlayHint.background#3737588c
- editorInlayHint.foreground#8F8FB7
- editorInlayHint.parameterBackground#3737588c
- editorInlayHint.parameterForeground#8F8FB7
- editorInlayHint.typeBackground#3737588c
- editorInlayHint.typeForeground#8F8FB7
- editorLineNumber.activeForeground#E6DAFB
- editorLineNumber.dimmedForeground#6E6EA2
- editorLineNumber.foreground#6E6EA2
- editorLink.activeForeground#B0B0CC
- editorMarkerNavigation.background#2F2F4B
- editorMarkerNavigationError.background#f892b433
- editorMarkerNavigationInfo.background#53eafd33
- editorMarkerNavigationWarning.background#ffedd433
- editorMinimap.inlineChatInserted#9AF5BC
- editorOverviewRuler.addedForeground#9AF5BC
- editorOverviewRuler.border#33335280
- editorOverviewRuler.bracketMatchForeground#F3CBFB
- editorOverviewRuler.commonContentForeground#B0B0CC
- editorOverviewRuler.currentContentForeground#a0b7f6
- editorOverviewRuler.deletedForeground#F889AE
- editorOverviewRuler.errorForeground#F889AE
- editorOverviewRuler.findMatchForeground#b0b0cc99
- editorOverviewRuler.incomingContentForeground#b9f8cf
- editorOverviewRuler.infoForeground#00d3f2
- editorOverviewRuler.inlineChatInserted#9AF5BC
- editorOverviewRuler.inlineChatRemoved#F889AE
- editorOverviewRuler.modifiedForeground#ffd6a7
- editorOverviewRuler.rangeHighlightForeground#efbafa40
- editorOverviewRuler.selectionHighlightForeground#efbafa40
- editorOverviewRuler.warningForeground#FFE2BE
- editorOverviewRuler.wordHighlightForeground#ffb8e099
- editorOverviewRuler.wordHighlightStrongForeground#ffb8e099
- editorOverviewRuler.wordHighlightTextForeground#efbafa40
- editorPane.background#2F2F4B
- editorRuler.foreground#27283F
- editorStickyScroll.background#2F2F4B
- editorStickyScroll.border#373758
- editorStickyScroll.shadow#27283f40
- editorStickyScrollHover.background#5e5e9780
- editorSuggestWidget.background#373758
- editorSuggestWidget.border#373758
- editorSuggestWidget.foreground#E6DAFB
- editorSuggestWidget.highlightForeground#B0B0CC
- editorSuggestWidget.selectedBackground#373758
- editorUnnecessaryCode.opacity#e6dafbcc
- editorWarning.foreground#FFE2BE
- editorWhitespace.foreground#6E6EA2
- editorWidget.background#373758
- editorWidget.border#3B3B5E
- editorWidget.foreground#E6DAFB
- editorWidget.resizeBorder#3B3B5E
- errorForeground#F889AE
- extensionBadge.remoteBackground#00b8db
- extensionBadge.remoteForeground#1C1D2D
- extensionButton.background#3F3F64
- extensionButton.border#3B3B5E
- extensionButton.foreground#B9B9D2
- extensionButton.hoverBackground#4F4F7D
- extensionButton.prominentBackground#FFB8E0
- extensionButton.prominentForeground#2F2F4B
- extensionButton.prominentHoverBackground#FFB8E0
- extensionButton.separator#373758
- extensionIcon.preReleaseForeground#EFBAFA
- extensionIcon.privateForeground#8F8FB7
- extensionIcon.sponsorForeground#FFB8E0
- extensionIcon.starForeground#FFE2BE
- extensionIcon.verifiedForeground#00d3f2
- focusBorder#FFCCE9
- foreground#B0B0CC
- gauge.background#53eafd4d
- gauge.border#3B3B5E
- gauge.errorBackground#f892b44d
- gauge.errorForeground#F889AE
- gauge.foreground#00d3f2
- gauge.warningBackground#ffedd44d
- gauge.warningForeground#FFE2BE
- gitDecoration.addedResourceForeground#9AF5BC
- gitDecoration.conflictingResourceForeground#F56C9A
- gitDecoration.deletedResourceForeground#F889AE
- gitDecoration.ignoredResourceForeground#a0a0c280
- gitDecoration.modifiedResourceForeground#ffd6a7
- gitDecoration.renamedResourceForeground#DCF9A3
- gitDecoration.stageDeletedResourceForeground#F889AE
- gitDecoration.stageModifiedResourceForeground#ffd6a7
- gitDecoration.submoduleResourceForeground#a2f4fd
- gitDecoration.untrackedResourceForeground#b9f8cf
- icon.foreground#8F8FB7
- inlineChat.background#2F2F4B
- inlineChat.border#373758
- inlineChat.foreground#B0B0CC
- inlineChat.shadow#27283f80
- inlineChatDiff.inserted#9af5bc33
- inlineChatDiff.removed#f889ae33
- inlineChatInput.background#2F2F4B
- inlineChatInput.border#3B3B5E
- inlineChatInput.focusBorder#a0b7f6
- inlineChatInput.placeholderForeground#8F8FB7
- input.background#2F2F4B
- input.border#3B3B5E
- input.foreground#E6DAFB
- input.placeholderForeground#8F8FB7
- inputOption.activeBackground#a0b7f680
- inputOption.activeBorder#a0b7f6
- inputOption.activeForeground#E6DAFB
- inputValidation.errorBackground#F77FA7
- inputValidation.errorBorder#F77FA7
- inputValidation.errorForeground#1C1D2D
- inputValidation.infoBackground#00b8db
- inputValidation.infoBorder#00b8db
- inputValidation.infoForeground#1C1D2D
- inputValidation.warningBackground#ffd6a7
- inputValidation.warningBorder#ffd6a7
- inputValidation.warningForeground#1C1D2D
- interactive.activeCodeBorder#a0b7f6
- interactive.inactiveCodeBorder#3B3B5E
- keybindingLabel.foreground#B0B0CC
- list.activeSelectionBackground#3F3F64
- list.activeSelectionForeground#E6DAFB
- list.activeSelectionIconForeground#E6DAFB
- list.dropBackground#3F3F64
- list.errorForeground#F889AE
- list.filterMatchBackground#373758
- list.filterMatchBorder#3B3B5E
- list.focusBackground#3F3F64
- list.focusForeground#E6DAFB
- list.focusOutline#3F3F64
- list.highlightForeground#B0B0CC
- list.hoverBackground#3F3F64
- list.hoverForeground#E6DAFB
- list.inactiveFocusBackground#3F3F64
- list.inactiveSelectionBackground#3F3F64
- list.inactiveSelectionForeground#E6DAFB
- list.invalidItemForeground#F889AE
- list.warningForeground#FFE2BE
- listFilterWidget.background#373758
- listFilterWidget.noMatchesOutline#F889AE
- listFilterWidget.outline#373758
- mcpIcon.starForeground#FFE2BE
- menu.background#373758
- menu.border#3B3B5E
- menu.foreground#E6DAFB
- menu.selectionBackground#3F3F64
- menu.selectionBorder#373758
- menu.selectionForeground#E6DAFB
- menu.separatorBackground#B0B0CC
- menubar.selectionBackground#3F3F64
- menubar.selectionBorder#373758
- menubar.selectionForeground#E6DAFB
- merge.border#3B3B5E
- merge.commonContentBackground#27283f1a
- merge.commonHeaderBackground#27283f33
- merge.currentContentBackground#efbafa33
- merge.currentHeaderBackground#a0b7f633
- merge.incomingContentBackground#cbfadb1a
- merge.incomingHeaderBackground#cbfadb33
- minimap.chatEditHighlight#a0b7f6
- minimap.errorHighlight#F889AE
- minimap.findMatchHighlight#b0b0cc99
- minimap.infoHighlight#00d3f2
- minimap.selectionHighlight#f3cbfb40
- minimap.selectionOccurrenceHighlight#f3cbfb40
- minimap.warningHighlight#FFE2BE
- minimapGutter.addedBackground#9AF5BC
- minimapGutter.deletedBackground#F889AE
- minimapGutter.modifiedBackground#ffd6a7
- minimapSlider.activeBackground#5e5e978c
- minimapSlider.background#5e5e9780
- minimapSlider.hoverBackground#5e5e978c
- modernActivityBar.border#373758
- modernActivityBarItem.activeBackground#ffb8e033
- modernActivityBarItem.activeForeground#1C1D2D
- modernActivityBarItem.hoverBackground#ffb8e026
- modernActivityBarItem.hoverForeground#1C1D2D
- notebook.symbolHighlightBackground#37375826
- notificationCenter.border#373758
- notificationCenterHeader.background#27283F
- notificationCenterHeader.foreground#B0B0CC
- notificationLink.foreground#B0B0CC
- notifications.background#373758
- notifications.border#373758
- notifications.foreground#B0B0CC
- notificationsErrorIcon.foreground#F889AE
- notificationsInfoIcon.foreground#00d3f2
- notificationsWarningIcon.foreground#FFE2BE
- notificationToast.border#373758
- panel.background#27283F
- panel.border#373758
- panelInput.border#373758
- panelTitle.activeBorder#3B3B5E
- panelTitle.activeForeground#E6DAFB
- panelTitle.inactiveForeground#B0B0CC
- peekView.border#FFB8E0
- peekViewEditor.background#27283F
- peekViewEditor.matchHighlightBackground#efbafa40
- peekViewEditor.matchHighlightBorder#efbafa08
- peekViewEditorGutter.background#27283F
- peekViewResult.background#27283F
- peekViewResult.fileForeground#8F8FB7
- peekViewResult.lineForeground#8F8FB7
- peekViewResult.matchHighlightBackground#efbafa40
- peekViewResult.selectionBackground#f3cbfb40
- peekViewResult.selectionForeground#E6DAFB
- peekViewTitle.background#27283F
- peekViewTitleDescription.foreground#8F8FB7
- peekViewTitleLabel.foreground#E6DAFB
- pickerGroup.border#4F4F7D
- pickerGroup.foreground#6E6EA2
- ports.iconRunningProcessForeground#b9f8cf
- progressBar.background#FFB8E0
- quickInput.background#373758
- quickInput.border#3B3B5E
- quickInput.foreground#B0B0CC
- quickInputList.focusBackground#3F3F64
- quickInputList.focusForeground#E6DAFB
- quickInputList.focusHighlightForeground#FFA3D8
- quickInputList.focusIconForeground#E6DAFB
- quickInputList.hoverBackground#3F3F64
- quickInputTitle.background#373758
- radio.activeBackground#373758
- radio.activeBorder#4F4F7D
- radio.activeForeground#B0B0CC
- radio.inactiveBackground#373758
- radio.inactiveBorder#4F4F7D
- radio.inactiveForeground#8F8FB7
- radio.inactiveHoverBackground#373758
- sash.hoverBorder#3F3F64
- scrollbar.shadow#2F2F4B
- scrollbarSlider.activeBackground#5e5e978c
- scrollbarSlider.background#5e5e9780
- scrollbarSlider.hoverBackground#5e5e978c
- searchEditor.findMatchBackground#373758
- searchEditor.findMatchBorder#3B3B5E
- selection.background#3F3F64
- settings.checkboxBackground#373758
- settings.checkboxBorder#373758
- settings.checkboxForeground#B0B0CC
- settings.dropdownBackground#27283F
- settings.dropdownBorder#373758
- settings.dropdownForeground#B0B0CC
- settings.dropdownListBorder#373758
- settings.headerForeground#E6DAFB
- settings.modifiedItemIndicator#B0B0CC
- settings.numberInputBackground#27283F
- settings.numberInputBorder#373758
- settings.numberInputForeground#B0B0CC
- settings.textInputBackground#27283F
- settings.textInputBorder#373758
- settings.textInputForeground#B0B0CC
- sideBar.background#27283F
- sideBar.border#373758
- sideBar.dropBackground#373758cc
- sideBar.foreground#8F8FB7
- sideBarSectionHeader.background#27283F
- sideBarSectionHeader.border#333352
- sideBarSectionHeader.foreground#8F8FB7
- sideBarStickyScroll.background#27283F
- sideBarStickyScroll.border#27283F
- sideBarStickyScroll.shadow#27283F
- sideBarTitle.foreground#8F8FB7
- statusBar.background#2F2F4B
- statusBar.border#3B3B5E
- statusBar.debuggingBackground#FFB8E0
- statusBar.debuggingBorder#3B3B5E
- statusBar.debuggingForeground#1C1D2D
- statusBar.focusBorder#ffb8e080
- statusBar.foreground#8F8FB7
- statusBar.noFolderBackground#2F2F4B
- statusBar.noFolderBorder#3B3B5E
- statusBar.noFolderForeground#8F8FB7
- statusBarItem.activeBackground#373758
- statusBarItem.focusBorder#FFB8E0
- statusBarItem.hoverBackground#373758
- statusBarItem.hoverForeground#E6DAFB
- statusBarItem.prominentBackground#373758
- statusBarItem.prominentForeground#1C1D2D
- statusBarItem.prominentHoverBackground#373758
- statusBarItem.remoteBackground#373758
- statusBarItem.remoteForeground#B0B0CC
- surface.border#373758
- symbolIcon.arrayForeground#ffedd4
- symbolIcon.booleanForeground#a0b7f6
- symbolIcon.classForeground#ffedd4
- symbolIcon.colorForeground#FFA3D8
- symbolIcon.constantForeground#b9f8cf
- symbolIcon.constructorForeground#F3CBFB
- symbolIcon.enumeratorForeground#ffedd4
- symbolIcon.enumeratorMemberForeground#a0b7f6
- symbolIcon.eventForeground#6E6EA2
- symbolIcon.fieldForeground#ffedd4
- symbolIcon.fileForeground#ffedd4
- symbolIcon.folderForeground#ffedd4
- symbolIcon.functionForeground#F3CBFB
- symbolIcon.interfaceForeground#ffedd4
- symbolIcon.keyForeground#a0b7f6
- symbolIcon.keywordForeground#CCB4F9
- symbolIcon.methodForeground#F3CBFB
- symbolIcon.moduleForeground#F2C6FB
- symbolIcon.namespaceForeground#F2C6FB
- symbolIcon.nullForeground#a0b7f6
- symbolIcon.numberForeground#b9f8cf
- symbolIcon.objectForeground#ffedd4
- symbolIcon.operatorForeground#FFA3D8
- symbolIcon.packageForeground#ffedd4
- symbolIcon.propertyForeground#ffedd4
- symbolIcon.referenceForeground#a0b7f6
- symbolIcon.snippetForeground#a0b7f6
- symbolIcon.stringForeground#FFA3D8
- symbolIcon.structForeground#ffedd4
- symbolIcon.textForeground#FFA3D8
- symbolIcon.typeParameterForeground#FFA3D8
- symbolIcon.unitForeground#a0b7f6
- symbolIcon.variableForeground#ffedd4
- tab.activeBackground#2F2F4B
- tab.activeBorder#3B3B5E
- tab.activeBorderTop#3B3B5E
- tab.activeForeground#E6DAFB
- tab.activeModifiedBorder#3B3B5E
- tab.border#3B3B5E
- tab.hoverBackground#2F2F4B
- tab.hoverForeground#E6DAFB
- tab.inactiveBackground#2F2F4B
- tab.inactiveForeground#8F8FB7
- tab.inactiveModifiedBorder#3B3B5E
- tab.lastPinnedBorder#3B3B5E
- tab.selectedBackground#373758
- tab.selectedBorderTop#FFB8E0
- tab.selectedForeground#E6DAFB
- tab.unfocusedActiveBackground#2F2F4B
- tab.unfocusedActiveBorder#3B3B5E
- tab.unfocusedActiveBorderTop#3B3B5E
- tab.unfocusedActiveForeground#E6DAFB
- tab.unfocusedActiveModifiedBorder#3B3B5E
- tab.unfocusedHoverBackground#2F2F4B
- tab.unfocusedHoverBorder#3B3B5E
- tab.unfocusedInactiveBackground#2F2F4B
- tab.unfocusedInactiveForeground#8F8FB7
- tab.unfocusedInactiveModifiedBorder#3B3B5E
- terminal.ansiBlack#3F3F64
- terminal.ansiBlue#8FAAFB
- terminal.ansiBrightBlack#5E5E97
- terminal.ansiBrightBlue#B3C6F7
- terminal.ansiBrightCyan#7BEFFD
- terminal.ansiBrightGreen#9AF5BC
- terminal.ansiBrightMagenta#EFBAFA
- terminal.ansiBrightRed#FAB9CF
- terminal.ansiBrightWhite#E2E2EC
- terminal.ansiBrightYellow#FEEDA6
- terminal.ansiCyan#00d3f2
- terminal.ansiGreen#40E88D
- terminal.ansiMagenta#EBA7F9
- terminal.ansiRed#F77FA7
- terminal.ansiWhite#B0B0CC
- terminal.ansiYellow#ffd230
- terminal.background#27283F
- terminal.border#373758
- terminal.findMatchBackground#3737588c
- terminal.findMatchBorder#3B3B5E
- terminal.findMatchHighlightBackground#3737588c
- terminal.foreground#E6DAFB
- terminal.inactiveSelectionBackground#efbafa20
- terminal.selectionBackground#efbafa80
- terminal.tab.activeBorder#FFB8E0
- terminalCursor.background#27283F
- terminalCursor.foreground#E6DAFB
- testing.iconErrored#F889AE
- testing.iconFailed#F889AE
- testing.iconPassed#b9f8cf
- testing.iconQueued#B0B0CC
- testing.iconSkipped#FFE2BE
- testing.iconUnset#8F8FB7
- testing.message.info.decorationForeground#00d3f2
- testing.peekBorder#373758
- testing.peekHeaderBackground#2F2F4B
- testing.runAction#9AF5BC
- textBlockQuote.background#27283F
- textBlockQuote.border#a0b7f680
- textCodeBlock.background#2F2F4B
- textLink.activeForeground#FFB8E0
- textLink.foreground#FFB8E0
- textPreformat.background#2F2F4B
- textPreformat.foreground#a0b7f6
- textSeparator.foreground#B0B0CC
- titleBar.activeBackground#2F2F4B
- titleBar.activeForeground#8F8FB7
- titleBar.border#373758
- titleBar.inactiveBackground#27283F
- titleBar.inactiveForeground#6E6EA2
- toolbar.activeBackground#3F3F64
- toolbar.hoverBackground#3F3F64
- toolbar.hoverOutline#3B3B5E
- tree.indentGuidesStroke#3B3B5E
- walkThrough.embeddedEditorBackground#2F2F4B
- welcomePage.background#2F2F4B
- welcomePage.progress.foreground#FFB8E0
- welcomePage.tileBackground#373758
- welcomePage.tileHoverBackground#373758
- widget.border#3B3B5E
- widget.shadow#27283f80
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| italic, markup.italic.markdown | #CCB4F9 | italic |
| bold, markup.bold.markdown | #CCB4F9 | bold |
| comment, comment.line.double-slash | #5E5E97 | italic |
| keyword.control, storage.modifier | — | italic |
| entity.name.function.decorator.python | #FFC2E4 | italic |
| variable.language | #E3D5FB | italic |
| markup.changed, meta.diff.header.git, meta.diff.header.from-file, meta.diff.header.to-file | #a0b7f6 | — |
| markup.deleted.diff | #F889AE | — |
| markup.inserted.diff | #F9A5C2 | — |
| string | #FFCCE9 | — |
| string.quoted | #FFCCE9 | |
| support.constant.math | #D9C6FA | — |
| constant.numeric, constant.character.numeric | #F9A5C2 | |
| keyword.other.unit.percentage.css, keyword.other.unit.px.css, keyword.other.unit.vw.css, keyword.other.unit.vh.css, keyword.other.unit.em.css, keyword.other.unit.rem.css | #F9A5C2 | — |
| constant.language, punctuation.definition.constant | #D9C6FA | — |
| constant.character, constant.other | #E3D5FB | — |
| constant.language.null, constant.language.undefined | #F889AE | — |
| constant.character.escape | #CCB4F9 | — |
| string.regexp, string.regexp keyword.other | #a0b7f6 | — |
| meta.function punctuation.separator.comma | #C4A7F8 | — |
| variable | #D9C6FA | — |
| punctuation.accessor | #C4A7F8 | |
| keyword | #CCB4F9 | |
| storage, meta.var.expr, meta.class meta.method.declaration meta.var.expr storage.type.js, storage.type.property.js, storage.type.property.ts, storage.type.property.tsx | #FFA3D8 | |
| storage.type | #FFA3D8 | |
| storage.type.function.arrow.js | — | |
| entity.name.class, meta.class entity.name.type.class, meta.class entity.name.type.class.js | #F2C6FB | — |
| entity.other.inherited-class | #F2C6FB | — |
| punctuation.definition.tag, meta.tag | #C4A7F8 | — |
| entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, meta.tag.js, meta.tag.tsx, meta.tag.html | #FFADDC | |
| entity.name.tag.custom | #D9C6FA | — |
| support.constant.meta.property-value | #E3D5FB | — |
| support.type, support.class | #F2C6FB | — |
| entity.name.type, entity.name.namespace, entity.name.module | #F2C6FB | — |
| support.variable.dom | #D9C6FA | — |
| invalid | #F889AE | — |
| invalid.deprecated | #F889AE | — |
| keyword.operator | #CCB4F9 | |
| keyword.operator.new | #CCB4F9 | — |
| keyword.operator.relational | #CCB4F9 | |
| keyword.operator.arithmetic | #CCB4F9 | — |
| keyword.operator.bitwise | #CCB4F9 | — |
| keyword.operator.increment | #CCB4F9 | — |
| keyword.operator.ternary | #CCB4F9 | — |
| object | #F2C6FB | — |
| meta.brace | #C4A7F8 | |
| meta.delimiter.period | #C4A7F8 | |
| constant.language.boolean | #F889AE | — |
| object.comma | #C4A7F8 | — |
| variable.parameter.function | #F2C6FB | |
| support.type.vendor.property-name, support.type.property-name | #E3D5FB | |
| support.constant.vendor.property-value, meta.property-list entity.name.tag | #F2C6FB | |
| meta.property-list entity.name.tag.reference | #E3D5FB | — |
| constant.other.color.rgb-value punctuation.definition.constant | #CCB4F9 | — |
| constant.other.color | #FFCCE9 | — |
| keyword.other.unit | #F9A5C2 | — |
| meta.selector | #CCB4F9 | |
| entity.other.attribute-name.id | #FFADDC | — |
| meta.property-name | #E3D5FB | — |
| entity.name.tag.doctype, meta.tag.sgml.doctype | #CCB4F9 | |
| punctuation.definition.parameters | #C4A7F8 | — |
| punctuation.definition.string | #FFCCE9 | |
| keyword.control.operator | #CCB4F9 | — |
| keyword.operator.logical | #CCB4F9 | |
| variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance | #D9C6FA | — |
| entity.name.function | #a0b7f6 | |
| keyword.control.ruby, keyword.control.module.ruby, keyword.control.class.ruby, keyword.control.def.ruby, keyword.control.loop.js, keyword.control.loop.ts, keyword.control.loop.tsx | #FFA3D8 | — |
| keyword.control.flow.js, keyword.control.flow.ts, keyword.control.flow.tsx | #CCB4F9 | — |
| keyword.control.import.js, keyword.control.import.ts, keyword.control.import.tsx, keyword.control.from.js, keyword.control.from.ts, keyword.control.from.tsx | #CCB4F9 | — |
| keyword.control.conditional.js, keyword.control.conditional.ts, keyword.control.switch.js, keyword.control.switch.ts | #CCB4F9 | — |
| support.constant | #E3D5FB | — |
| keyword.other.special-method, keyword.other.new, keyword.other.debugger, keyword.other | #FFA3D8 | — |
| support.function | #a0b7f6 | — |
| invalid.broken | #F889AE | — |
| invalid.unimplemented | #F889AE | — |
| invalid.illegal | #F889AE | — |
| support.variable.property | #E3D5FB | — |
| variable.function | #a0b7f6 | — |
| variable.interpolation | #E3D5FB | — |
| meta.function-call | #a0b7f6 | — |
| meta.array, meta.object | #F2C6FB | — |
| punctuation.section.embedded | #CCB4F9 | — |
| punctuation.terminator.expression, punctuation.definition.arguments, punctuation.definition.array, punctuation.section.array, punctuation.separator.parameter, punctuation.separator.key-value, punctuation.section.function.begin.bracket.round, punctuation.section.function.end.bracket.round, punctuation.destructuring | #C4A7F8 | — |
| punctuation.definition.list.begin, punctuation.definition.list.end, punctuation.separator.arguments, punctuation.definition.list | #C4A7F8 | — |
| string.template meta.template.expression | #CCB4F9 | — |
| string.template punctuation.definition.string | #FFCCE9 | — |
| quote | #5E5E97 | |
| raw | #5E5E97 | — |
| variable.parameter.function.coffee | #D9C6FA | — |
| variable.assignment.coffee | #D9C6FA | — |
| variable.other.readwrite.cs | #D9C6FA | — |
| entity.name.type.class.cs, storage.type.cs | #a0b7f6 | — |
| entity.name.type.namespace.cs | #D9C6FA | — |
| entity.name.tag.css, entity.name.tag.custom.css, support.constant.property-value.css | #F2C6FB | |
| entity.name.tag.wildcard.css, entity.name.tag.wildcard.less, entity.name.tag.wildcard.scss, entity.name.tag.wildcard.sass | #FFADDC | — |
| meta.attribute-selector.css entity.other.attribute-name.attribute | #F2C6FB | — |
| source.elixir support.type.elixir, source.elixir meta.module.elixir entity.name.class.elixir | #a0b7f6 | — |
| source.elixir entity.name.function | #CCB4F9 | — |
| source.elixir constant.other.symbol.elixir, source.elixir constant.other.keywords.elixir | #a0b7f6 | — |
| source.elixir punctuation.definition.string | #FFCCE9 | — |
| source.elixir variable.other.readwrite.module.elixir, source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir | #CCB4F9 | — |
| source.elixir punctuation.binary.elixir | #CCB4F9 | |
| constant.keyword.clojure | #E3D5FB | — |
| source.go meta.function-call.go | #a0b7f6 | — |
| source.go keyword.package.go, source.go keyword.import.go, source.go keyword.function.go, source.go keyword.type.go, source.go keyword.struct.go, source.go keyword.interface.go, source.go keyword.const.go, source.go keyword.var.go, source.go keyword.map.go, source.go keyword.channel.go, source.go keyword.control.go | #CCB4F9 | — |
| source.go constant.language.go | #F889AE | — |
| source.go constant.other.placeholder.go | #E3D5FB | — |
| entity.name.function.preprocessor.cpp, entity.scope.name.cpp | #E3D5FB | — |
| meta.namespace-block.cpp | #FFE2BE | — |
| storage.type.language.primitive.cpp | #F2C6FB | — |
| meta.preprocessor.macro.cpp | #D9C6FA | — |
| variable.other.readwrite.powershell | #a0b7f6 | — |
| support.function.powershell | #E3D5FB | — |
| entity.other.attribute-name.id.html | #CCB4F9 | — |
| punctuation.definition.tag.html | #C4A7F8 | — |
| meta.tag.sgml.doctype.html | #CCB4F9 | |
| variable.other.readwrite.alias.js | #D9C6FA | — |
| meta.import.js variable.other.readwrite.alias.js, meta.import.js variable.other.readwrite.js, meta.import.js variable.other.object.js, meta.import.js variable.other.constant.js, meta.import.js variable.other.constant.object.js | #E3D5FB | — |
| meta.object-literal.key.js | #E3D5FB | — |
| meta.decorator punctuation.decorator.js | #FFC2E4 | — |
| variable.parameter.js, variable.parameter.function.js | #F2C6FB | — |
| variable.other.constant.js, variable.other.constant.object.js, variable.other.enummember.js | #E3D5FB | — |
| variable.other.constant.property.js, variable.other.constant.object.property.js | #E3D5FB | — |
| support.function.js, support.function.console.js, support.function.json.js, support.function.math.js, support.function.dom.js, support.function.process.js, support.class.js, support.class.console.js, support.class.node.js, support.class.dom.js, support.variable.dom.js, support.variable.object.process.js, support.constant.json.js | #E3D5FB | — |
| variable.other.readwrite.alias.jsx | #D9C6FA | — |
| meta.import.jsx variable.other.readwrite.alias.jsx, meta.import.jsx variable.other.readwrite.jsx, meta.import.jsx variable.other.object.jsx, meta.import.jsx variable.other.constant.jsx, meta.import.jsx variable.other.constant.object.jsx | #E3D5FB | — |
| meta.object-literal.key.jsx | #E3D5FB | — |
| meta.decorator punctuation.decorator.jsx | #FFC2E4 | — |
| variable.parameter.jsx, variable.parameter.function.jsx | #F2C6FB | — |
| variable.other.constant.jsx, variable.other.constant.object.jsx, variable.other.enummember.jsx | #E3D5FB | — |
| variable.other.constant.property.jsx, variable.other.constant.object.property.jsx | #E3D5FB | — |
| support.function.jsx, support.function.console.jsx, support.function.json.jsx, support.function.math.jsx, support.function.dom.jsx, support.function.process.jsx, support.class.jsx, support.class.console.jsx, support.class.node.jsx, support.class.dom.jsx, support.variable.dom.jsx, support.variable.object.process.jsx, support.constant.json.jsx | #E3D5FB | — |
| variable.other.readwrite.alias.ts | #D9C6FA | — |
| meta.import.ts variable.other.readwrite.alias.ts, meta.import.ts variable.other.readwrite.ts, meta.import.ts variable.other.object.ts, meta.import.ts variable.other.constant.ts, meta.import.ts variable.other.constant.object.ts | #E3D5FB | — |
| meta.object-literal.key.ts | #E3D5FB | — |
| meta.decorator punctuation.decorator.ts | #FFC2E4 | — |
| variable.parameter.ts, variable.parameter.function.ts | #F2C6FB | — |
| variable.other.constant.ts, variable.other.constant.object.ts, variable.other.enummember.ts | #E3D5FB | — |
| variable.other.constant.property.ts, variable.other.constant.object.property.ts | #E3D5FB | — |
| support.function.ts, support.function.console.ts, support.function.json.ts, support.function.math.ts, support.function.dom.ts, support.function.process.ts, support.class.ts, support.class.console.ts, support.class.node.ts, support.class.dom.ts, support.variable.dom.ts, support.variable.object.process.ts, support.constant.json.ts | #E3D5FB | — |
| variable.other.readwrite.alias.tsx | #D9C6FA | — |
| meta.import.tsx variable.other.readwrite.alias.tsx, meta.import.tsx variable.other.readwrite.tsx, meta.import.tsx variable.other.object.tsx, meta.import.tsx variable.other.constant.tsx, meta.import.tsx variable.other.constant.object.tsx | #E3D5FB | — |
| meta.object-literal.key.tsx | #E3D5FB | — |
| meta.decorator punctuation.decorator.tsx | #FFC2E4 | — |
| variable.parameter.tsx, variable.parameter.function.tsx | #F2C6FB | — |
| variable.other.constant.tsx, variable.other.constant.object.tsx, variable.other.enummember.tsx | #E3D5FB | — |
| variable.other.constant.property.tsx, variable.other.constant.object.property.tsx | #E3D5FB | — |
| support.function.tsx, support.function.console.tsx, support.function.json.tsx, support.function.math.tsx, support.function.dom.tsx, support.function.process.tsx, support.class.tsx, support.class.console.tsx, support.class.node.tsx, support.class.dom.tsx, support.variable.dom.tsx, support.variable.object.process.tsx, support.constant.json.tsx | #E3D5FB | — |
| meta.method.declaration storage.type.js, meta.method.declaration storage.type.ts, meta.method.declaration storage.type.tsx | #FFA3D8 | — |
| terminator.js | #C4A7F8 | — |
| meta.js punctuation.definition.js | #C4A7F8 | — |
| punctuation.definition.block.tag.jsdoc | #C4A7F8 | — |
| storage.type.class.jsdoc | #FFA3D8 | — |
| constant.language.access-type.jsdoc | #FFA3D8 | — |
| constant.language.symbol-type.jsdoc | #CCB4F9 | — |
| punctuation.definition.bracket.angle.begin.jsdoc, punctuation.definition.bracket.angle.end.jsdoc | #C4A7F8 | — |
| keyword.operator.control.jsdoc | #CCB4F9 | — |
| entity.name.tag.inline.jsdoc | #FFADDC | — |
| entity.name.type.instance.jsdoc, entity.name.type.instance.phpdoc | #F2C6FB | — |
| variable.other.jsdoc, variable.other.phpdoc | #D9C6FA | — |
| variable.other.meta.import.js, meta.import.js variable.other, variable.other.meta.export.js, meta.export.js variable.other | #D9C6FA | — |
| variable.other.object.jsx | #D9C6FA | — |
| variable.object.property.jsx | #E3D5FB | — |
| variable.js, variable.other.js | #D9C6FA | — |
| entity.name.type.js, entity.name.type.module.js | #F2C6FB | |
| support.constant.json | #D9C6FA | — |
| meta.structure.dictionary.value.json string.quoted.double, string.quoted.double.json.comments, string.quoted.double.json punctuation.definition.string.json | #FFCCE9 | — |
| punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json | #C4A7F8 | — |
| meta.structure.dictionary.json meta.structure.dictionary.value constant.language | #F889AE | — |
| variable.other.object.js | #D9C6FA | — |
| variable.other.ruby | #D9C6FA | — |
| entity.name.type.class.ruby | #F2C6FB | — |
| constant.language.symbol.hashkey.ruby | #E3D5FB | — |
| constant.language.symbol.ruby | #E3D5FB | — |
| entity.name.tag.less | #FFADDC | — |
| keyword.other.unit.css | #F9A5C2 | — |
| meta.attribute-selector.less entity.other.attribute-name.attribute | #FFADDC | — |
| markup.heading.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #a0b7f6 | — |
| markup.quote.markdown | #5E5E97 | |
| markup.inline.raw.markdown | #5E5E97 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #a0b7f6 | — |
| string.other.link.title.markdown, string.other.link.description.markdown | #D9C6FA | — |
| punctuation.definition.string.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, meta.link.inline.markdown punctuation.definition.string | #a0b7f6 | — |
| punctuation.definition.metadata.markdown | #C4A7F8 | — |
| beginning.punctuation.definition.list.markdown | #a0b7f6 | — |
| markup.inline.raw.string.markdown | #CCB4F9 | — |
| variable.other.php | #D9C6FA | — |
| variable.other.property.php | #E3D5FB | — |
| support.class.php | #FFE2BE | — |
| meta.function-call.php punctuation | #D9C6FA | — |
| variable.other.global.php | #CCB4F9 | — |
| variable.other.global.php punctuation.definition.variable | #CCB4F9 | — |
| constant.language.python | #F889AE | — |
| variable.parameter.function.python | #F2C6FB | — |
| meta.function-call.python, meta.function-call.generic.python | #a0b7f6 | — |
| punctuation.python | #C4A7F8 | — |
| source.python variable.language.special | #a0b7f6 | — |
| variable.scss, variable.sass, variable.parameter.url.scss, variable.parameter.url.sass | #CCB4F9 | — |
| source.css.scss meta.at-rule variable, source.css.sass meta.at-rule variable | #D9C6FA | — |
| meta.attribute-selector.scss entity.other.attribute-name.attribute, meta.attribute-selector.sass entity.other.attribute-name.attribute | #FFADDC | — |
| entity.name.tag.scss, entity.name.tag.sass | #FFADDC | — |
| keyword.other.unit.scss, keyword.other.unit.sass | #F9A5C2 | — |
| constant.other.table-name.sql, constant.other.database-name.sql | #F2C6FB | — |
| entity.name.command.shell, entity.name.function.shell | #a0b7f6 | — |
| support.function.shell | #E3D5FB | — |
| variable.other.assignment.shell | #E3D5FB | — |
| constant.other.option.shell | #E3D5FB | — |
| variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.object.ts, variable.other.object.tsx, variable.other.ts, variable.other.tsx, variable.tsx, variable.ts | #D9C6FA | — |
| variable.object.property.ts, variable.object.property.tsx | #E3D5FB | — |
| punctuation.definition.binding-pattern.object | #C4A7F8 | — |
| punctuation.definition.binding-pattern.array | #C4A7F8 | — |
| punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts, punctuation.definition.typeparameters.begin.tsx, punctuation.definition.typeparameters.end.tsx | #C4A7F8 | — |
| entity.name.type.ts, entity.name.type.tsx, entity.name.type.module.tsx | #F2C6FB | — |
| meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type | #F2C6FB | — |
| meta.import.ts punctuation.definition.block, meta.import.tsx punctuation.definition.block, meta.export.ts punctuation.definition.block, meta.export.tsx punctuation.definition.block | #C4A7F8 | — |
| entity.name.tag.yaml | #E3D5FB | — |
| variable.other.anchor.yaml | #E3D5FB | — |
| variable.other.alias.yaml | #D9C6FA | — |
| punctuation.definition.anchor.yaml | #C4A7F8 | — |
| entity.name.type.anchor.yaml | #F2C6FB | — |
| support.class.component, support.class.component.tsx | #FF8ECF | |
| meta.class entity.name.type.class.tsx | #F2C6FB | — |
| keyword.operator.type.annotation | #CCB4F9 | — |
| variable.parameter | #F2C6FB | — |
| variable.other.property | #E3D5FB | — |
| variable.other.object.property | #E3D5FB | — |
| variable.other.readwrite.alias | #F2C6FB | — |
| variable.other.readwrite.js | #D9C6FA | |
| meta.jsx.children, meta.jsx.children.js, meta.jsx.children.tsx | #E6DAFB | — |
| variable.other.constant | #F2C6FB | — |
| variable.object.property.js | #E3D5FB | — |
| constant.numeric.decimal | #F9A5C2 | — |
| constant.language.boolean.true, constant.language.boolean.false | #F889AE | — |
| string.quoted.single | #FFCCE9 | — |
| string.quoted.double | #FFCCE9 | — |
| entity.other.attribute-name | #CCB4F9 | — |
| keyword.control.conditional | #CCB4F9 | — |
| meta.brace.round | #C4A7F8 | — |
| meta.brace.square | #C4A7F8 | — |
| punctuation.separator.comma | #C4A7F8 | — |
| punctuation.definition.string.begin | #FFCCE9 | — |
| punctuation.definition.string.end | #FFCCE9 | — |
| punctuation.terminator.statement, punctuation.terminator.rule.scss | #C4A7F8 | — |
| keyword.operator.assignment | #CCB4F9 | |
| punctuation.section.embedded.begin | #CCB4F9 | — |
| punctuation.section.embedded.end | #CCB4F9 | — |
| support.class.console | #F2C6FB | — |
| support.class.component.js | #FF8ECF | — |
| punctuation.definition.tag.begin | #C4A7F8 | — |
| punctuation.definition.template-expression.begin | #C4A7F8 | — |
| punctuation.definition.template-expression.end | #C4A7F8 | — |
| string.template | #FFCCE9 | — |
| punctuation.definition.string.template.begin | #FFCCE9 | — |
| punctuation.definition.string.template.end | #FFCCE9 | — |
| punctuation.definition.tag.end | #C4A7F8 | — |
| entity.name.tag.js | #FFADDC | — |
| support.type.property-name.json, support.type.property-name.json.comments | #E3D5FB | — |
| punctuation.definition.parameters.begin | #C4A7F8 | — |
| punctuation.definition.parameters.end | #C4A7F8 | — |
| punctuation.definition.block | #C4A7F8 | — |
| token.info-token | #a0b7f6 | — |
| token.warn-token | #FFE2BE | — |
| token.error-token | #F889AE | — |
| token.debug-token | #CCB4F9 | — |