Hey Leo
Publisher: Pasha NaumovThemes in package: 9
Curated pastel themes for Visual Studio Code: Leo Dew, Leo Morning, and Leo Velvet in Dark, Dark Deep, and Light variants.
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#00000000
- activityBar.activeBorder#00000000
- activityBar.activeFocusBorder#00000000
- activityBar.background#0C0A10
- activityBar.border#00000000
- activityBar.dropBorder#F088C0
- activityBar.foreground#F088C0
- activityBar.inactiveForeground#6A5871
- activityBarBadge.background#F088C0
- activityBarBadge.foreground#0C0A10
- badge.background#34293F
- badge.foreground#DBD0E5
- banner.background#251E2E
- banner.foreground#DBD0E5
- banner.iconForeground#F088C0
- breadcrumb.activeSelectionForeground#F088C0
- breadcrumb.background#14101B
- breadcrumb.focusForeground#F088C0
- breadcrumb.foreground#83708B
- breadcrumbPicker.background#100D16
- button.background#F088C0
- button.border#00000000
- button.foreground#0C0A10
- button.hoverBackground#F18FC4
- button.secondaryBackground#34293F
- button.secondaryForeground#DBD0E5
- button.secondaryHoverBackground#443A4E
- button.separator#00000000
- charts.blue#84B8E4
- charts.foreground#DBD0E5
- charts.green#88C890
- charts.lines#6A5871
- charts.orange#F4A080
- charts.purple#F088C0
- charts.red#F07878
- charts.yellow#E0BC68
- checkbox.background#34293F
- checkbox.border#00000000
- checkbox.foreground#F088C0
- commandCenter.activeBackground#251E2E
- commandCenter.activeBorder#F088C0
- commandCenter.activeForeground#DBD0E5
- commandCenter.background#0C0A10
- commandCenter.border#493958
- commandCenter.debuggingBackground#F4A080
- commandCenter.debuggingForeground#0C0A10
- commandCenter.foreground#DBD0E5
- commandCenter.inactiveBorder#34293F
- commandCenter.inactiveForeground#6A5871
- debugConsole.errorForeground#F07878
- debugConsole.infoForeground#84B8E4
- debugConsole.sourceForeground#A08BAA
- debugConsole.warningForeground#F4A080
- debugConsoleInputIcon.foreground#F088C0
- debugExceptionWidget.background#0C0A10
- debugExceptionWidget.border#F07878
- debugIcon.breakpointCurrentStackframeForeground#E0BC68
- debugIcon.breakpointDisabledForeground#6A5871
- debugIcon.breakpointForeground#F07878
- debugIcon.breakpointStackframeForeground#84B8E4
- debugIcon.breakpointUnverifiedForeground#F4A080
- debugIcon.continueForeground#88C890
- debugIcon.disconnectForeground#F07878
- debugIcon.pauseForeground#84B8E4
- debugIcon.restartForeground#88C890
- debugIcon.startForeground#88C890
- debugIcon.stepIntoForeground#84B8E4
- debugIcon.stepOutForeground#84B8E4
- debugIcon.stepOverForeground#84B8E4
- debugIcon.stopForeground#F07878
- debugToolBar.background#0C0A10
- debugToolBar.border#00000000
- debugView.exceptionLabelBackground#F07878
- debugView.exceptionLabelForeground#0C0A10
- debugView.stateLabelBackground#34293F
- debugView.stateLabelForeground#DBD0E5
- debugView.valueChangedHighlight#F4A080
- descriptionForeground#83708B
- diffEditor.border#34293F
- diffEditor.diagonalFill#6A587147
- diffEditor.insertedLineBackground#88C8901A
- diffEditor.insertedLineGutterBackground#88C8902E
- diffEditor.insertedTextBackground#88C8902E
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedLineBackground#F078781A
- diffEditor.removedLineGutterBackground#F078782E
- diffEditor.removedTextBackground#F078782E
- diffEditor.removedTextBorder#00000000
- disabledForeground#6A5871
- dropdown.background#100D16
- dropdown.border#493958
- dropdown.foreground#DBD0E5
- dropdown.listBackground#251E2E
- editor.background#14101B
- editor.findMatchBackground#F4A08057
- editor.findMatchBorder#F4A080
- editor.findMatchHighlightBackground#84B8E43D
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#F088C038
- editor.foldBackground#34293F6B
- editor.foreground#DBD0E5
- editor.hoverHighlightBackground#F088C02E
- editor.inactiveSelectionBackground#83708B2E
- editor.inlineValuesBackground#251E2E
- editor.inlineValuesForeground#A08BAA
- editor.lineHighlightBackground#DBD0E50F
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#F088C038
- editor.rangeHighlightBackground#A08BAA29
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#A08BAA3D
- editor.selectionHighlightBackground#A08BAA1F
- editor.selectionHighlightBorder#00000000
- editor.snippetFinalTabstopHighlightBorder#84B8E4
- editor.snippetTabstopHighlightBackground#84B8E42E
- editor.wordHighlightBackground#A08BAA24
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#84B8E42E
- editor.wordHighlightStrongBorder#00000000
- editorBracketHighlight.foreground1#F088C0
- editorBracketHighlight.foreground2#6CD8C8
- editorBracketHighlight.foreground3#E0BC68
- editorBracketHighlight.foreground4#F4A080
- editorBracketHighlight.foreground5#84B8E4
- editorBracketHighlight.foreground6#88C890
- editorBracketMatch.background#A08BAA1A
- editorBracketMatch.border#A08BAA
- editorCodeLens.foreground#83708B
- editorCursor.background#14101B
- editorCursor.foreground#F088C0
- editorError.foreground#F07878
- editorGhostText.background#00000000
- editorGhostText.border#00000000
- editorGhostText.foreground#6A5871
- editorGroup.border#34293F
- editorGroup.dropBackground#F088C047
- editorGroup.emptyBackground#14101B
- editorGroup.focusedEmptyBorder#F088C0
- editorGroupHeader.border#00000000
- editorGroupHeader.noTabsBackground#0C0A10
- editorGroupHeader.tabsBackground#0C0A10
- editorGutter.addedBackground#88C890
- editorGutter.background#14101B
- editorGutter.commentRangeForeground#83708B
- editorGutter.deletedBackground#F07878
- editorGutter.foldingControlForeground#A08BAA
- editorGutter.modifiedBackground#84B8E4
- editorHoverWidget.background#100D16
- editorHoverWidget.border#493958
- editorHoverWidget.foreground#DBD0E5
- editorHoverWidget.statusBarBackground#0C0A10
- editorIndentGuide.activeBackground#493958
- editorIndentGuide.background#34293F
- editorInfo.foreground#84B8E4
- editorInlayHint.background#251E2E
- editorInlayHint.foreground#83708B
- editorInlayHint.parameterBackground#251E2E
- editorInlayHint.parameterForeground#83708B
- editorInlayHint.typeBackground#251E2E
- editorInlayHint.typeForeground#A08BAA
- editorLightBulb.foreground#E0BC68
- editorLightBulbAutoFix.foreground#88C890
- editorLineNumber.activeForeground#F088C0
- editorLineNumber.dimmedForeground#6A5871A6
- editorLineNumber.foreground#6A5871
- editorLink.activeForeground#84B8E4
- editorOverviewRuler.addedForeground#88C890
- editorOverviewRuler.border#34293F
- editorOverviewRuler.deletedForeground#F07878
- editorOverviewRuler.errorForeground#F07878
- editorOverviewRuler.findMatchForeground#F4A080
- editorOverviewRuler.infoForeground#84B8E4
- editorOverviewRuler.modifiedForeground#84B8E4
- editorOverviewRuler.selectionHighlightForeground#A08BAA
- editorOverviewRuler.warningForeground#F4A080
- editorOverviewRuler.wordHighlightForeground#A08BAA
- editorOverviewRuler.wordHighlightStrongForeground#84B8E4
- editorPane.background#14101B
- editorRuler.foreground#34293F
- editorStickyScroll.background#14101B
- editorStickyScroll.border#34293F
- editorStickyScrollHover.background#251E2E
- editorSuggestWidget.background#100D16
- editorSuggestWidget.border#493958
- editorSuggestWidget.focusHighlightForeground#F088C0
- editorSuggestWidget.foreground#DBD0E5
- editorSuggestWidget.highlightForeground#F088C0
- editorSuggestWidget.selectedBackground#34293F
- editorSuggestWidget.selectedForeground#DBD0E5
- editorSuggestWidget.selectedIconForeground#F088C0
- editorSuggestWidget.statusForeground#83708B
- editorWarning.foreground#F4A080
- editorWatermark.foreground#6A58718C
- editorWhitespace.foreground#A08BAA59
- editorWidget.background#100D16
- editorWidget.border#493958
- editorWidget.foreground#DBD0E5
- editorWidget.resizeBorder#F088C0
- errorForeground#F07878
- extensionButton.prominentBackground#F088C0
- extensionButton.prominentForeground#0C0A10
- extensionButton.prominentHoverBackground#F18FC4
- extensionIcon.preReleaseForeground#F088C0
- extensionIcon.sponsorForeground#F4A080
- extensionIcon.starForeground#E0BC68
- extensionIcon.verifiedForeground#84B8E4
- focusBorder#F088C0
- foreground#DBD0E5
- gitDecoration.conflictingResourceForeground#F088C0
- gitDecoration.deletedResourceForeground#F07878
- gitDecoration.ignoredResourceForeground#6A5871
- gitDecoration.modifiedResourceForeground#84B8E4
- gitDecoration.renamedResourceForeground#84B8E4
- gitDecoration.stageDeletedResourceForeground#F07878
- gitDecoration.stageModifiedResourceForeground#84B8E4
- gitDecoration.submoduleResourceForeground#6CD8C8
- gitDecoration.untrackedResourceForeground#88C890
- icon.foreground#A08BAA
- input.background#251E2E
- input.border#493958
- input.foreground#DBD0E5
- input.placeholderForeground#6A5871
- inputOption.activeBackground#F088C038
- inputOption.activeBorder#F088C0
- inputOption.activeForeground#DBD0E5
- inputValidation.errorBackground#F078782E
- inputValidation.errorBorder#F07878
- inputValidation.errorForeground#DBD0E5
- inputValidation.infoBackground#84B8E42E
- inputValidation.infoBorder#84B8E4
- inputValidation.infoForeground#DBD0E5
- inputValidation.warningBackground#F4A0802E
- inputValidation.warningBorder#F4A080
- inputValidation.warningForeground#DBD0E5
- list.activeSelectionBackground#34293F
- list.activeSelectionForeground#DBD0E5
- list.activeSelectionIconForeground#F088C0
- list.deemphasizedForeground#6A5871
- list.dropBackground#F088C047
- list.errorForeground#F07878
- list.filterMatchBackground#F088C038
- list.filterMatchBorder#F088C0
- list.focusBackground#34293F
- list.focusForeground#DBD0E5
- list.focusOutline#00000000
- list.highlightForeground#F088C0
- list.hoverBackground#251E2E
- list.hoverForeground#DBD0E5
- list.inactiveSelectionBackground#251E2E
- list.inactiveSelectionForeground#DBD0E5
- list.inactiveSelectionIconForeground#A08BAA
- list.invalidItemForeground#F07878
- list.warningForeground#F4A080
- menu.background#100D16
- menu.border#493958
- menu.foreground#DBD0E5
- menu.selectionBackground#251E2E
- menu.selectionBorder#00000000
- menu.selectionForeground#DBD0E5
- menu.separatorBackground#493958
- menubar.selectionBackground#251E2E
- menubar.selectionBorder#00000000
- menubar.selectionForeground#DBD0E5
- minimap.background#14101B
- minimap.errorHighlight#F07878
- minimap.findMatchHighlight#F4A080
- minimap.selectionHighlight#493958BF
- minimap.selectionOccurrenceHighlight#A08BAA
- minimap.warningHighlight#F4A080
- minimapGutter.addedBackground#88C890
- minimapGutter.deletedBackground#F07878
- minimapGutter.modifiedBackground#84B8E4
- minimapSlider.activeBackground#F088C099
- minimapSlider.background#F088C033
- minimapSlider.hoverBackground#F088C066
- notebook.cellBorderColor#34293F
- notebook.cellHoverBackground#251E2E
- notebook.cellInsertionIndicator#F088C0
- notebook.cellStatusBarItemHoverBackground#34293F
- notebook.cellToolbarSeparator#493958
- notebook.editorBackground#14101B
- notebook.focusedCellBackground#251E2E
- notebook.focusedCellBorder#F088C0
- notebook.focusedEditorBorder#F088C0
- notebook.inactiveFocusedCellBorder#493958
- notebook.selectedCellBackground#251E2E
- notebook.selectedCellBorder#F088C0
- notebook.symbolHighlightBackground#F088C038
- notificationCenter.border#F088C0
- notificationCenterHeader.background#0C0A10
- notificationCenterHeader.foreground#DBD0E5
- notificationLink.foreground#84B8E4
- notifications.background#100D16
- notifications.border#493958
- notifications.foreground#DBD0E5
- notificationsErrorIcon.foreground#F07878
- notificationsInfoIcon.foreground#84B8E4
- notificationsWarningIcon.foreground#F4A080
- notificationToast.border#493958
- panel.background#14101B
- panel.border#493958
- panel.dropBorder#F088C0
- panelInput.border#493958
- panelSection.border#34293F
- panelSection.dropBackground#F088C047
- panelSectionHeader.background#100D16
- panelSectionHeader.border#34293F
- panelSectionHeader.foreground#DBD0E5
- panelTitle.activeBorder#F088C0
- panelTitle.activeForeground#DBD0E5
- panelTitle.inactiveForeground#6A5871
- peekView.border#F088C0
- peekViewEditor.background#100D16
- peekViewEditor.matchHighlightBackground#84B8E44D
- peekViewEditorGutter.background#100D16
- peekViewResult.background#100D16
- peekViewResult.fileForeground#DBD0E5
- peekViewResult.lineForeground#83708B
- peekViewResult.matchHighlightBackground#84B8E44D
- peekViewResult.selectionBackground#251E2E
- peekViewResult.selectionForeground#DBD0E5
- peekViewTitle.background#14101B
- peekViewTitleDescription.foreground#83708B
- peekViewTitleLabel.foreground#DBD0E5
- problemsErrorIcon.foreground#F07878
- problemsInfoIcon.foreground#84B8E4
- problemsWarningIcon.foreground#F4A080
- progressBar.background#F088C0
- quickInput.background#100D16
- quickInput.foreground#DBD0E5
- quickInputList.focusBackground#34293F
- quickInputList.focusForeground#DBD0E5
- quickInputList.focusIconForeground#DBD0E5
- sash.hoverBorder#F088C0
- scrollbarSlider.activeBackground#251E2E73
- scrollbarSlider.background#49395880
- scrollbarSlider.hoverBackground#6A5871
- selection.background#F088C059
- settings.checkboxBackground#34293F
- settings.checkboxBorder#00000000
- settings.checkboxForeground#F088C0
- settings.dropdownBackground#100D16
- settings.dropdownBorder#493958
- settings.dropdownForeground#DBD0E5
- settings.focusedRowBackground#251E2E
- settings.focusedRowBorder#F088C0
- settings.headerForeground#F088C0
- settings.modifiedItemIndicator#84B8E4
- settings.numberInputBackground#251E2E
- settings.numberInputBorder#493958
- settings.numberInputForeground#DBD0E5
- settings.rowHoverBackground#251E2E73
- settings.textInputBackground#251E2E
- settings.textInputBorder#493958
- settings.textInputForeground#DBD0E5
- sideBar.background#100D16
- sideBar.border#00000000
- sideBar.dropBackground#F088C047
- sideBar.foreground#DBD0E5
- sideBarSectionHeader.background#100D16
- sideBarSectionHeader.border#34293F
- sideBarSectionHeader.foreground#DBD0E5
- sideBarTitle.foreground#F088C0
- sideBySideEditor.horizontalBorder#34293F
- sideBySideEditor.verticalBorder#34293F
- statusBar.background#0C0A10
- statusBar.border#00000000
- statusBar.debuggingBackground#F4A080
- statusBar.debuggingForeground#0C0A10
- statusBar.focusBorder#F088C0
- statusBar.foreground#DBD0E5
- statusBar.noFolderBackground#0C0A10
- statusBarItem.activeBackground#34293F
- statusBarItem.errorBackground#F07878
- statusBarItem.errorForeground#0C0A10
- statusBarItem.focusBorder#F088C0
- statusBarItem.hoverBackground#251E2E
- statusBarItem.prominentBackground#34293F
- statusBarItem.prominentHoverBackground#493958
- statusBarItem.remoteBackground#F088C0
- statusBarItem.remoteForeground#0C0A10
- statusBarItem.warningBackground#F4A080
- statusBarItem.warningForeground#0C0A10
- symbolIcon.arrayForeground#F4A080
- symbolIcon.booleanForeground#F4A080
- symbolIcon.classForeground#E0BC68
- symbolIcon.colorForeground#F4A080
- symbolIcon.constantForeground#F4A080
- symbolIcon.constructorForeground#E0BC68
- symbolIcon.enumeratorForeground#E0BC68
- symbolIcon.enumeratorMemberForeground#88C890
- symbolIcon.eventForeground#F4A080
- symbolIcon.fieldForeground#E0BFDC
- symbolIcon.fileForeground#DBD0E5
- symbolIcon.folderForeground#F088C0
- symbolIcon.functionForeground#84B8E4
- symbolIcon.interfaceForeground#E0BC68
- symbolIcon.keyForeground#F088C0
- symbolIcon.keywordForeground#F088C0
- symbolIcon.methodForeground#84B8E4
- symbolIcon.moduleForeground#E0BFDC
- symbolIcon.namespaceForeground#E0BC68
- symbolIcon.nullForeground#F07878
- symbolIcon.numberForeground#F4A080
- symbolIcon.objectForeground#DBD0E5
- symbolIcon.operatorForeground#6CD8C8
- symbolIcon.packageForeground#E0BFDC
- symbolIcon.propertyForeground#E0BFDC
- symbolIcon.referenceForeground#6CD8C8
- symbolIcon.snippetForeground#F088C0
- symbolIcon.stringForeground#6CD8C8
- symbolIcon.structForeground#E0BC68
- symbolIcon.textForeground#DBD0E5
- symbolIcon.typeParameterForeground#E0BFDC
- symbolIcon.unitForeground#F4A080
- symbolIcon.variableForeground#DBD0E5
- tab.activeBackground#14101B
- tab.activeBorder#00000000
- tab.activeBorderTop#F088C0
- tab.activeForeground#F088C0
- tab.activeModifiedBorder#84B8E4
- tab.border#100D16
- tab.hoverBackground#1D1A24
- tab.hoverBorder#00000000
- tab.hoverForeground#DBD0E5
- tab.inactiveBackground#100D16
- tab.inactiveForeground#6A5871
- tab.inactiveModifiedBorder#84B8E4A6
- tab.lastPinnedBorder#493958
- tab.unfocusedActiveBackground#14101B
- tab.unfocusedActiveBorder#00000000
- tab.unfocusedActiveBorderTop#F088C0A6
- tab.unfocusedActiveForeground#A08BAA
- tab.unfocusedActiveModifiedBorder#84B8E480
- tab.unfocusedHoverBackground#251E2E
- tab.unfocusedHoverForeground#A08BAA
- tab.unfocusedInactiveBackground#100D16
- tab.unfocusedInactiveForeground#6A5871
- tab.unfocusedInactiveModifiedBorder#84B8E459
- terminal.ansiBlack#251E2E
- terminal.ansiBlue#84B8E4
- terminal.ansiBrightBlack#6A5871
- terminal.ansiBrightBlue#8EBEE6
- terminal.ansiBrightCyan#78DBCC
- terminal.ansiBrightGreen#92CC99
- terminal.ansiBrightMagenta#F192C5
- terminal.ansiBrightRed#F18383
- terminal.ansiBrightWhite#DBD0E5
- terminal.ansiBrightYellow#E2C174
- terminal.ansiCyan#6CD8C8
- terminal.ansiGreen#88C890
- terminal.ansiMagenta#F088C0
- terminal.ansiRed#F07878
- terminal.ansiWhite#A08BAA
- terminal.ansiYellow#E0BC68
- terminal.background#14101B
- terminal.border#34293F
- terminal.dropBackground#F088C047
- terminal.findMatchBackground#F4A08057
- terminal.findMatchBorder#F4A080
- terminal.findMatchHighlightBackground#84B8E438
- terminal.findMatchHighlightBorder#00000000
- terminal.foreground#DBD0E5
- terminal.inactiveSelectionBackground#251E2E
- terminal.selectionBackground#34293F
- terminal.tab.activeBorder#F088C0
- terminalCommandDecoration.defaultBackground#83708B
- terminalCommandDecoration.errorBackground#F07878
- terminalCommandDecoration.successBackground#88C890
- terminalCursor.background#14101B
- terminalCursor.foreground#F088C0
- terminalOverviewRuler.cursorForeground#F088C0
- terminalOverviewRuler.findMatchForeground#F4A080
- testing.iconErrored#F07878
- testing.iconFailed#F07878
- testing.iconPassed#88C890
- testing.iconQueued#E0BC68
- testing.iconSkipped#6A5871
- testing.iconUnset#83708B
- testing.message.error.decorationForeground#F07878
- testing.message.error.lineBackground#F078781F
- testing.message.info.decorationForeground#84B8E4
- testing.message.info.lineBackground#84B8E41F
- testing.peekBorder#F088C0
- testing.peekHeaderBackground#0C0A10
- testing.runAction#88C890
- textBlockQuote.background#100D16
- textBlockQuote.border#493958
- textCodeBlock.background#100D16
- textLink.activeForeground#F088C0
- textLink.foreground#84B8E4
- textPreformat.foreground#DBD0E5
- textSeparator.foreground#493958
- titleBar.activeBackground#0C0A10
- titleBar.activeForeground#DBD0E5
- titleBar.border#00000000
- titleBar.inactiveBackground#0C0A10
- titleBar.inactiveForeground#6A5871
- tree.inactiveIndentGuidesStroke#34293F
- tree.indentGuidesStroke#493958
- tree.tableColumnsBorder#34293F
- tree.tableOddRowsBackground#251E2E47
- walkThrough.embeddedEditorBackground#100D16
- welcomePage.background#14101B
- welcomePage.buttonBackground#34293F
- welcomePage.buttonHoverBackground#493958
- welcomePage.tileBackground#100D16
- welcomePage.tileBorder#34293F
- welcomePage.tileHoverBackground#251E2E
- widget.border#493958
- widget.shadow#0000005C
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6A5871 | italic |
| text, source, variable, variable.other.readwrite | #DBD0E5 | — |
| keyword, keyword.control, keyword.other | #F088C0 | |
| storage.type, storage.modifier, storage | #F088C0 | |
| storage.type.type.ts, storage.type.interface.ts, storage.type.enum.ts, storage.type.class.js, storage.type.class.ts, storage.modifier.implements, keyword.operator.expression.keyof.ts, keyword.operator.expression.infer.ts, keyword.operator.expression.is | #E0BC68 | italic |
| keyword.control.import, keyword.control.export, keyword.control.from | #E3B6D8 | |
| meta.import keyword.control, meta.export keyword.control, keyword.control.import.ts, keyword.control.export.ts, keyword.control.from.ts, keyword.control.as.ts | #F088C0 | |
| string | #6CD8C8 | — |
| string.regexp | #9ABCC5 | — |
| constant.character.escape | #ABB2C4 | — |
| constant.language.null.js, constant.language.null.ts, constant.language.undefined.js, constant.language.undefined.ts, support.constant.node, support.type.object.module.js | #F088C0 | — |
| variable.parameter | #E0BFDC | italic |
| meta.function.parameters, variable.parameter.ts, variable.parameter.js, variable.parameter.generic, variable.other.jsdoc, comment.block.documentation variable.other | #E0BFDC | italic |
| variable.other.property, support.variable.property, variable.object.property | #DBD0E5 | — |
| meta.property.object, meta.object-literal.key, meta.object-literal.key string, variable.other.object.property, support.type.property-name.json, punctuation.support.type.property-name.json, support.type.property-name.yaml, punctuation.support.type.property-name.yaml, support.type.property-name.toml, punctuation.support.type.property-name.toml | #84B8E4 | — |
| variable.other.constant.js, variable.other.constant.ts, entity.name.constant | #F4A080 | — |
| entity.name.function, support.function, meta.function-call, meta.function-call.method | #84B8E4 | italic |
| variable.function, support.function.misc, meta.method-call entity.name.function, meta.function-call.constructor | #84B8E4 | italic |
| keyword.declaration.function.arrow.js, storage.type.function.arrow.ts | #6CD8C8 | — |
| entity.name.type, support.class, entity.name.class, entity.name.namespace | #E0BC68 | italic |
| entity.other.inherited-class, entity.name.struct, support.class.component, support.class.component.jsx, support.class.component.tsx, support.class.component.vue | #E0BC68 | italic |
| entity.name.enum, entity.name.type.enum | #E0BC68 | italic |
| constant, constant.language, support.constant, variable.other.constant | #F4A080 | — |
| constant.numeric, number | #F4A080 | — |
| constant.language.boolean, constant.language.true, constant.language.false | #F4A080 | — |
| keyword.operator, operator, punctuation.accessor | #6CD8C8 | — |
| keyword.operator.expression.in.js, keyword.operator.expression.in.ts, keyword.operator.expression.instanceof.js, keyword.operator.expression.instanceof.ts, keyword.operator.expression.of.js, keyword.operator.expression.of.ts, keyword.operator.expression.typeof.ts, punctuation.definition.generic, punctuation.separator.key-value | #6CD8C8 | — |
| punctuation | #83708B | — |
| punctuation.definition.block, punctuation.definition.parameters, punctuation.section, punctuation.definition.arguments | #A08BAA | — |
| punctuation.definition.typeparameters, punctuation.definition.template-expression | #84B8E4 | — |
| entity.name.tag | #F088C0 | — |
| entity.other.attribute-name | #84B8E4 | italic |
| meta.decorator, punctuation.decorator | #F4A080 | italic |
| meta.annotation variable.function, meta.annotation variable.annotation.function, meta.annotation punctuation.definition.annotation, punctuation.definition.annotation, storage.type.annotation | #F4A080 | italic |
| punctuation.decorator.ts | #84B8E4 | italic |
| support.type, meta.type, meta.type-alias | #E0BC68 | — |
| support.type.builtin.ts, support.type.primitive | #F088C0 | — |
| support.function.builtin, variable.language.this | #F07878 | — |
| keyword.control.anchor.regexp, punctuation.definition.group.no-capture.regexp, meta.assertion.look-ahead.regexp, meta.assertion.negative-look-ahead.regexp | #F088C0 | — |
| punctuation.definition.group.regexp, keyword.other.back-reference.regexp | #88C890 | — |
| punctuation.definition.character-class.regexp, constant.other.character-class.regexp | #E0BC68 | — |
| keyword.operator.quantifier.regexp, constant.character.numeric.regexp | #F4A080 | — |
| markup.heading | #F088C0 | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.underline | — | underline |
| markup.inserted | #88C890 | — |
| markup.deleted | #F07878 | — |
| markup.changed | #84B8E4 | — |
| markup.inline.raw, markup.fenced_code | #6CD8C8 | — |
| meta.embedded | #DBD0E5 | — |
| invalid | #F07878 | underline |