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#0A0910
- activityBar.border#00000000
- activityBar.dropBorder#C48EF0
- activityBar.foreground#C48EF0
- activityBar.inactiveForeground#635B72
- activityBarBadge.background#C48EF0
- activityBarBadge.foreground#0A0910
- badge.background#2E2841
- badge.foreground#D5D0E5
- banner.background#201D2D
- banner.foreground#D5D0E5
- banner.iconForeground#C48EF0
- breadcrumb.activeSelectionForeground#C48EF0
- breadcrumb.background#11101A
- breadcrumb.focusForeground#C48EF0
- breadcrumb.foreground#7A718D
- breadcrumbPicker.background#0E0D15
- button.background#C48EF0
- button.border#00000000
- button.foreground#0A0910
- button.hoverBackground#C895F1
- button.secondaryBackground#2E2841
- button.secondaryForeground#D5D0E5
- button.secondaryHoverBackground#3F3950
- button.separator#00000000
- charts.blue#80C0E8
- charts.foreground#D5D0E5
- charts.green#B4D088
- charts.lines#635B72
- charts.orange#F0A888
- charts.purple#C48EF0
- charts.red#F07878
- charts.yellow#E4C478
- checkbox.background#2E2841
- checkbox.border#00000000
- checkbox.foreground#C48EF0
- commandCenter.activeBackground#201D2D
- commandCenter.activeBorder#C48EF0
- commandCenter.activeForeground#D5D0E5
- commandCenter.background#0A0910
- commandCenter.border#413957
- commandCenter.debuggingBackground#F0A888
- commandCenter.debuggingForeground#0A0910
- commandCenter.foreground#D5D0E5
- commandCenter.inactiveBorder#2E2841
- commandCenter.inactiveForeground#635B72
- debugConsole.errorForeground#F07878
- debugConsole.infoForeground#80C0E8
- debugConsole.sourceForeground#968BAD
- debugConsole.warningForeground#F0A888
- debugConsoleInputIcon.foreground#C48EF0
- debugExceptionWidget.background#0A0910
- debugExceptionWidget.border#F07878
- debugIcon.breakpointCurrentStackframeForeground#E4C478
- debugIcon.breakpointDisabledForeground#635B72
- debugIcon.breakpointForeground#F07878
- debugIcon.breakpointStackframeForeground#80C0E8
- debugIcon.breakpointUnverifiedForeground#F0A888
- debugIcon.continueForeground#B4D088
- debugIcon.disconnectForeground#F07878
- debugIcon.pauseForeground#80C0E8
- debugIcon.restartForeground#B4D088
- debugIcon.startForeground#B4D088
- debugIcon.stepIntoForeground#80C0E8
- debugIcon.stepOutForeground#80C0E8
- debugIcon.stepOverForeground#80C0E8
- debugIcon.stopForeground#F07878
- debugToolBar.background#0A0910
- debugToolBar.border#00000000
- debugView.exceptionLabelBackground#F07878
- debugView.exceptionLabelForeground#0A0910
- debugView.stateLabelBackground#2E2841
- debugView.stateLabelForeground#D5D0E5
- debugView.valueChangedHighlight#F0A888
- descriptionForeground#7A718D
- diffEditor.border#2E2841
- diffEditor.diagonalFill#635B7247
- diffEditor.insertedLineBackground#B4D0881A
- diffEditor.insertedLineGutterBackground#B4D0882E
- diffEditor.insertedTextBackground#B4D0882E
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedLineBackground#F078781A
- diffEditor.removedLineGutterBackground#F078782E
- diffEditor.removedTextBackground#F078782E
- diffEditor.removedTextBorder#00000000
- disabledForeground#635B72
- dropdown.background#0E0D15
- dropdown.border#413957
- dropdown.foreground#D5D0E5
- dropdown.listBackground#201D2D
- editor.background#11101A
- editor.findMatchBackground#F0A88857
- editor.findMatchBorder#F0A888
- editor.findMatchHighlightBackground#80C0E83D
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#C48EF038
- editor.foldBackground#2E28416B
- editor.foreground#D5D0E5
- editor.hoverHighlightBackground#C48EF02E
- editor.inactiveSelectionBackground#7A718D2E
- editor.inlineValuesBackground#201D2D
- editor.inlineValuesForeground#968BAD
- editor.lineHighlightBackground#D5D0E50F
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#C48EF038
- editor.rangeHighlightBackground#968BAD29
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#968BAD3D
- editor.selectionHighlightBackground#968BAD1F
- editor.selectionHighlightBorder#00000000
- editor.snippetFinalTabstopHighlightBorder#80C0E8
- editor.snippetTabstopHighlightBackground#80C0E82E
- editor.wordHighlightBackground#968BAD24
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#80C0E82E
- editor.wordHighlightStrongBorder#00000000
- editorBracketHighlight.foreground1#C48EF0
- editorBracketHighlight.foreground2#7CE4D8
- editorBracketHighlight.foreground3#E4C478
- editorBracketHighlight.foreground4#F0A888
- editorBracketHighlight.foreground5#80C0E8
- editorBracketHighlight.foreground6#B4D088
- editorBracketMatch.background#968BAD1A
- editorBracketMatch.border#968BAD
- editorCodeLens.foreground#7A718D
- editorCursor.background#11101A
- editorCursor.foreground#C48EF0
- editorError.foreground#F07878
- editorGhostText.background#00000000
- editorGhostText.border#00000000
- editorGhostText.foreground#635B72
- editorGroup.border#2E2841
- editorGroup.dropBackground#C48EF047
- editorGroup.emptyBackground#11101A
- editorGroup.focusedEmptyBorder#C48EF0
- editorGroupHeader.border#00000000
- editorGroupHeader.noTabsBackground#0A0910
- editorGroupHeader.tabsBackground#0A0910
- editorGutter.addedBackground#B4D088
- editorGutter.background#11101A
- editorGutter.commentRangeForeground#7A718D
- editorGutter.deletedBackground#F07878
- editorGutter.foldingControlForeground#968BAD
- editorGutter.modifiedBackground#80C0E8
- editorHoverWidget.background#0E0D15
- editorHoverWidget.border#413957
- editorHoverWidget.foreground#D5D0E5
- editorHoverWidget.statusBarBackground#0A0910
- editorIndentGuide.activeBackground#413957
- editorIndentGuide.background#2E2841
- editorInfo.foreground#80C0E8
- editorInlayHint.background#201D2D
- editorInlayHint.foreground#7A718D
- editorInlayHint.parameterBackground#201D2D
- editorInlayHint.parameterForeground#7A718D
- editorInlayHint.typeBackground#201D2D
- editorInlayHint.typeForeground#968BAD
- editorLightBulb.foreground#E4C478
- editorLightBulbAutoFix.foreground#B4D088
- editorLineNumber.activeForeground#C48EF0
- editorLineNumber.dimmedForeground#635B72A6
- editorLineNumber.foreground#635B72
- editorLink.activeForeground#80C0E8
- editorOverviewRuler.addedForeground#B4D088
- editorOverviewRuler.border#2E2841
- editorOverviewRuler.deletedForeground#F07878
- editorOverviewRuler.errorForeground#F07878
- editorOverviewRuler.findMatchForeground#F0A888
- editorOverviewRuler.infoForeground#80C0E8
- editorOverviewRuler.modifiedForeground#80C0E8
- editorOverviewRuler.selectionHighlightForeground#968BAD
- editorOverviewRuler.warningForeground#F0A888
- editorOverviewRuler.wordHighlightForeground#968BAD
- editorOverviewRuler.wordHighlightStrongForeground#80C0E8
- editorPane.background#11101A
- editorRuler.foreground#2E2841
- editorStickyScroll.background#11101A
- editorStickyScroll.border#2E2841
- editorStickyScrollHover.background#201D2D
- editorSuggestWidget.background#0E0D15
- editorSuggestWidget.border#413957
- editorSuggestWidget.focusHighlightForeground#C48EF0
- editorSuggestWidget.foreground#D5D0E5
- editorSuggestWidget.highlightForeground#C48EF0
- editorSuggestWidget.selectedBackground#2E2841
- editorSuggestWidget.selectedForeground#D5D0E5
- editorSuggestWidget.selectedIconForeground#C48EF0
- editorSuggestWidget.statusForeground#7A718D
- editorWarning.foreground#F0A888
- editorWatermark.foreground#635B728C
- editorWhitespace.foreground#968BAD59
- editorWidget.background#0E0D15
- editorWidget.border#413957
- editorWidget.foreground#D5D0E5
- editorWidget.resizeBorder#C48EF0
- errorForeground#F07878
- extensionButton.prominentBackground#C48EF0
- extensionButton.prominentForeground#0A0910
- extensionButton.prominentHoverBackground#C895F1
- extensionIcon.preReleaseForeground#C48EF0
- extensionIcon.sponsorForeground#F0A888
- extensionIcon.starForeground#E4C478
- extensionIcon.verifiedForeground#80C0E8
- focusBorder#C48EF0
- foreground#D5D0E5
- gitDecoration.conflictingResourceForeground#C48EF0
- gitDecoration.deletedResourceForeground#F07878
- gitDecoration.ignoredResourceForeground#635B72
- gitDecoration.modifiedResourceForeground#80C0E8
- gitDecoration.renamedResourceForeground#80C0E8
- gitDecoration.stageDeletedResourceForeground#F07878
- gitDecoration.stageModifiedResourceForeground#80C0E8
- gitDecoration.submoduleResourceForeground#7CE4D8
- gitDecoration.untrackedResourceForeground#B4D088
- icon.foreground#968BAD
- input.background#201D2D
- input.border#413957
- input.foreground#D5D0E5
- input.placeholderForeground#635B72
- inputOption.activeBackground#C48EF038
- inputOption.activeBorder#C48EF0
- inputOption.activeForeground#D5D0E5
- inputValidation.errorBackground#F078782E
- inputValidation.errorBorder#F07878
- inputValidation.errorForeground#D5D0E5
- inputValidation.infoBackground#80C0E82E
- inputValidation.infoBorder#80C0E8
- inputValidation.infoForeground#D5D0E5
- inputValidation.warningBackground#F0A8882E
- inputValidation.warningBorder#F0A888
- inputValidation.warningForeground#D5D0E5
- list.activeSelectionBackground#2E2841
- list.activeSelectionForeground#D5D0E5
- list.activeSelectionIconForeground#C48EF0
- list.deemphasizedForeground#635B72
- list.dropBackground#C48EF047
- list.errorForeground#F07878
- list.filterMatchBackground#C48EF038
- list.filterMatchBorder#C48EF0
- list.focusBackground#2E2841
- list.focusForeground#D5D0E5
- list.focusOutline#00000000
- list.highlightForeground#C48EF0
- list.hoverBackground#201D2D
- list.hoverForeground#D5D0E5
- list.inactiveSelectionBackground#201D2D
- list.inactiveSelectionForeground#D5D0E5
- list.inactiveSelectionIconForeground#968BAD
- list.invalidItemForeground#F07878
- list.warningForeground#F0A888
- menu.background#0E0D15
- menu.border#413957
- menu.foreground#D5D0E5
- menu.selectionBackground#201D2D
- menu.selectionBorder#00000000
- menu.selectionForeground#D5D0E5
- menu.separatorBackground#413957
- menubar.selectionBackground#201D2D
- menubar.selectionBorder#00000000
- menubar.selectionForeground#D5D0E5
- minimap.background#11101A
- minimap.errorHighlight#F07878
- minimap.findMatchHighlight#F0A888
- minimap.selectionHighlight#413957BF
- minimap.selectionOccurrenceHighlight#968BAD
- minimap.warningHighlight#F0A888
- minimapGutter.addedBackground#B4D088
- minimapGutter.deletedBackground#F07878
- minimapGutter.modifiedBackground#80C0E8
- minimapSlider.activeBackground#C48EF099
- minimapSlider.background#C48EF033
- minimapSlider.hoverBackground#C48EF066
- notebook.cellBorderColor#2E2841
- notebook.cellHoverBackground#201D2D
- notebook.cellInsertionIndicator#C48EF0
- notebook.cellStatusBarItemHoverBackground#2E2841
- notebook.cellToolbarSeparator#413957
- notebook.editorBackground#11101A
- notebook.focusedCellBackground#201D2D
- notebook.focusedCellBorder#C48EF0
- notebook.focusedEditorBorder#C48EF0
- notebook.inactiveFocusedCellBorder#413957
- notebook.selectedCellBackground#201D2D
- notebook.selectedCellBorder#C48EF0
- notebook.symbolHighlightBackground#C48EF038
- notificationCenter.border#C48EF0
- notificationCenterHeader.background#0A0910
- notificationCenterHeader.foreground#D5D0E5
- notificationLink.foreground#80C0E8
- notifications.background#0E0D15
- notifications.border#413957
- notifications.foreground#D5D0E5
- notificationsErrorIcon.foreground#F07878
- notificationsInfoIcon.foreground#80C0E8
- notificationsWarningIcon.foreground#F0A888
- notificationToast.border#413957
- panel.background#11101A
- panel.border#413957
- panel.dropBorder#C48EF0
- panelInput.border#413957
- panelSection.border#2E2841
- panelSection.dropBackground#C48EF047
- panelSectionHeader.background#0E0D15
- panelSectionHeader.border#2E2841
- panelSectionHeader.foreground#D5D0E5
- panelTitle.activeBorder#C48EF0
- panelTitle.activeForeground#D5D0E5
- panelTitle.inactiveForeground#635B72
- peekView.border#C48EF0
- peekViewEditor.background#0E0D15
- peekViewEditor.matchHighlightBackground#80C0E84D
- peekViewEditorGutter.background#0E0D15
- peekViewResult.background#0E0D15
- peekViewResult.fileForeground#D5D0E5
- peekViewResult.lineForeground#7A718D
- peekViewResult.matchHighlightBackground#80C0E84D
- peekViewResult.selectionBackground#201D2D
- peekViewResult.selectionForeground#D5D0E5
- peekViewTitle.background#11101A
- peekViewTitleDescription.foreground#7A718D
- peekViewTitleLabel.foreground#D5D0E5
- problemsErrorIcon.foreground#F07878
- problemsInfoIcon.foreground#80C0E8
- problemsWarningIcon.foreground#F0A888
- progressBar.background#C48EF0
- quickInput.background#0E0D15
- quickInput.foreground#D5D0E5
- quickInputList.focusBackground#2E2841
- quickInputList.focusForeground#D5D0E5
- quickInputList.focusIconForeground#D5D0E5
- sash.hoverBorder#C48EF0
- scrollbarSlider.activeBackground#201D2D73
- scrollbarSlider.background#41395780
- scrollbarSlider.hoverBackground#635B72
- selection.background#C48EF059
- settings.checkboxBackground#2E2841
- settings.checkboxBorder#00000000
- settings.checkboxForeground#C48EF0
- settings.dropdownBackground#0E0D15
- settings.dropdownBorder#413957
- settings.dropdownForeground#D5D0E5
- settings.focusedRowBackground#201D2D
- settings.focusedRowBorder#C48EF0
- settings.headerForeground#C48EF0
- settings.modifiedItemIndicator#80C0E8
- settings.numberInputBackground#201D2D
- settings.numberInputBorder#413957
- settings.numberInputForeground#D5D0E5
- settings.rowHoverBackground#201D2D73
- settings.textInputBackground#201D2D
- settings.textInputBorder#413957
- settings.textInputForeground#D5D0E5
- sideBar.background#0E0D15
- sideBar.border#00000000
- sideBar.dropBackground#C48EF047
- sideBar.foreground#D5D0E5
- sideBarSectionHeader.background#0E0D15
- sideBarSectionHeader.border#2E2841
- sideBarSectionHeader.foreground#D5D0E5
- sideBarTitle.foreground#C48EF0
- sideBySideEditor.horizontalBorder#2E2841
- sideBySideEditor.verticalBorder#2E2841
- statusBar.background#0A0910
- statusBar.border#00000000
- statusBar.debuggingBackground#F0A888
- statusBar.debuggingForeground#0A0910
- statusBar.focusBorder#C48EF0
- statusBar.foreground#D5D0E5
- statusBar.noFolderBackground#0A0910
- statusBarItem.activeBackground#2E2841
- statusBarItem.errorBackground#F07878
- statusBarItem.errorForeground#0A0910
- statusBarItem.focusBorder#C48EF0
- statusBarItem.hoverBackground#201D2D
- statusBarItem.prominentBackground#2E2841
- statusBarItem.prominentHoverBackground#413957
- statusBarItem.remoteBackground#C48EF0
- statusBarItem.remoteForeground#0A0910
- statusBarItem.warningBackground#F0A888
- statusBarItem.warningForeground#0A0910
- symbolIcon.arrayForeground#F0A888
- symbolIcon.booleanForeground#F0A888
- symbolIcon.classForeground#E4C478
- symbolIcon.colorForeground#F0A888
- symbolIcon.constantForeground#F0A888
- symbolIcon.constructorForeground#E4C478
- symbolIcon.enumeratorForeground#E4C478
- symbolIcon.enumeratorMemberForeground#B4D088
- symbolIcon.eventForeground#F0A888
- symbolIcon.fieldForeground#D1C0E8
- symbolIcon.fileForeground#D5D0E5
- symbolIcon.folderForeground#C48EF0
- symbolIcon.functionForeground#80C0E8
- symbolIcon.interfaceForeground#E4C478
- symbolIcon.keyForeground#C48EF0
- symbolIcon.keywordForeground#C48EF0
- symbolIcon.methodForeground#80C0E8
- symbolIcon.moduleForeground#D1C0E8
- symbolIcon.namespaceForeground#E4C478
- symbolIcon.nullForeground#F07878
- symbolIcon.numberForeground#F0A888
- symbolIcon.objectForeground#D5D0E5
- symbolIcon.operatorForeground#7CE4D8
- symbolIcon.packageForeground#D1C0E8
- symbolIcon.propertyForeground#D1C0E8
- symbolIcon.referenceForeground#7CE4D8
- symbolIcon.snippetForeground#C48EF0
- symbolIcon.stringForeground#7CE4D8
- symbolIcon.structForeground#E4C478
- symbolIcon.textForeground#D5D0E5
- symbolIcon.typeParameterForeground#D1C0E8
- symbolIcon.unitForeground#F0A888
- symbolIcon.variableForeground#D5D0E5
- tab.activeBackground#11101A
- tab.activeBorder#00000000
- tab.activeBorderTop#C48EF0
- tab.activeForeground#C48EF0
- tab.activeModifiedBorder#80C0E8
- tab.border#0E0D15
- tab.hoverBackground#1B1A23
- tab.hoverBorder#00000000
- tab.hoverForeground#D5D0E5
- tab.inactiveBackground#0E0D15
- tab.inactiveForeground#635B72
- tab.inactiveModifiedBorder#80C0E8A6
- tab.lastPinnedBorder#413957
- tab.unfocusedActiveBackground#11101A
- tab.unfocusedActiveBorder#00000000
- tab.unfocusedActiveBorderTop#C48EF0A6
- tab.unfocusedActiveForeground#968BAD
- tab.unfocusedActiveModifiedBorder#80C0E880
- tab.unfocusedHoverBackground#201D2D
- tab.unfocusedHoverForeground#968BAD
- tab.unfocusedInactiveBackground#0E0D15
- tab.unfocusedInactiveForeground#635B72
- tab.unfocusedInactiveModifiedBorder#80C0E859
- terminal.ansiBlack#201D2D
- terminal.ansiBlue#80C0E8
- terminal.ansiBrightBlack#635B72
- terminal.ansiBrightBlue#8AC5EA
- terminal.ansiBrightCyan#86E6DB
- terminal.ansiBrightGreen#BAD492
- terminal.ansiBrightMagenta#C997F1
- terminal.ansiBrightRed#F18383
- terminal.ansiBrightWhite#D5D0E5
- terminal.ansiBrightYellow#E6C983
- terminal.ansiCyan#7CE4D8
- terminal.ansiGreen#B4D088
- terminal.ansiMagenta#C48EF0
- terminal.ansiRed#F07878
- terminal.ansiWhite#968BAD
- terminal.ansiYellow#E4C478
- terminal.background#11101A
- terminal.border#2E2841
- terminal.dropBackground#C48EF047
- terminal.findMatchBackground#F0A88857
- terminal.findMatchBorder#F0A888
- terminal.findMatchHighlightBackground#80C0E838
- terminal.findMatchHighlightBorder#00000000
- terminal.foreground#D5D0E5
- terminal.inactiveSelectionBackground#201D2D
- terminal.selectionBackground#2E2841
- terminal.tab.activeBorder#C48EF0
- terminalCommandDecoration.defaultBackground#7A718D
- terminalCommandDecoration.errorBackground#F07878
- terminalCommandDecoration.successBackground#B4D088
- terminalCursor.background#11101A
- terminalCursor.foreground#C48EF0
- terminalOverviewRuler.cursorForeground#C48EF0
- terminalOverviewRuler.findMatchForeground#F0A888
- testing.iconErrored#F07878
- testing.iconFailed#F07878
- testing.iconPassed#B4D088
- testing.iconQueued#E4C478
- testing.iconSkipped#635B72
- testing.iconUnset#7A718D
- testing.message.error.decorationForeground#F07878
- testing.message.error.lineBackground#F078781F
- testing.message.info.decorationForeground#80C0E8
- testing.message.info.lineBackground#80C0E81F
- testing.peekBorder#C48EF0
- testing.peekHeaderBackground#0A0910
- testing.runAction#B4D088
- textBlockQuote.background#0E0D15
- textBlockQuote.border#413957
- textCodeBlock.background#0E0D15
- textLink.activeForeground#C48EF0
- textLink.foreground#80C0E8
- textPreformat.foreground#D5D0E5
- textSeparator.foreground#413957
- titleBar.activeBackground#0A0910
- titleBar.activeForeground#D5D0E5
- titleBar.border#00000000
- titleBar.inactiveBackground#0A0910
- titleBar.inactiveForeground#635B72
- tree.inactiveIndentGuidesStroke#2E2841
- tree.indentGuidesStroke#413957
- tree.tableColumnsBorder#2E2841
- tree.tableOddRowsBackground#201D2D47
- walkThrough.embeddedEditorBackground#0E0D15
- welcomePage.background#11101A
- welcomePage.buttonBackground#2E2841
- welcomePage.buttonHoverBackground#413957
- welcomePage.tileBackground#0E0D15
- welcomePage.tileBorder#2E2841
- welcomePage.tileHoverBackground#201D2D
- widget.border#413957
- widget.shadow#0000005C
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #635B72 | italic |
| text, source, variable, variable.other.readwrite | #D5D0E5 | — |
| keyword, keyword.control, keyword.other | #C48EF0 | |
| storage.type, storage.modifier, storage | #C48EF0 | |
| 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 | #E4C478 | italic |
| keyword.control.import, keyword.control.export, keyword.control.from | #CFB8E9 | |
| meta.import keyword.control, meta.export keyword.control, keyword.control.import.ts, keyword.control.export.ts, keyword.control.from.ts, keyword.control.as.ts | #C48EF0 | |
| string | #7CE4D8 | — |
| string.regexp | #95C6E0 | — |
| constant.character.escape | #9FBBE4 | — |
| constant.language.null.js, constant.language.null.ts, constant.language.undefined.js, constant.language.undefined.ts, support.constant.node, support.type.object.module.js | #C48EF0 | — |
| variable.parameter | #D1C0E8 | italic |
| meta.function.parameters, variable.parameter.ts, variable.parameter.js, variable.parameter.generic, variable.other.jsdoc, comment.block.documentation variable.other | #D1C0E8 | italic |
| variable.other.property, support.variable.property, variable.object.property | #D5D0E5 | — |
| 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 | #80C0E8 | — |
| variable.other.constant.js, variable.other.constant.ts, entity.name.constant | #F0A888 | — |
| entity.name.function, support.function, meta.function-call, meta.function-call.method | #80C0E8 | italic |
| variable.function, support.function.misc, meta.method-call entity.name.function, meta.function-call.constructor | #80C0E8 | italic |
| keyword.declaration.function.arrow.js, storage.type.function.arrow.ts | #7CE4D8 | — |
| entity.name.type, support.class, entity.name.class, entity.name.namespace | #E4C478 | italic |
| entity.other.inherited-class, entity.name.struct, support.class.component, support.class.component.jsx, support.class.component.tsx, support.class.component.vue | #E4C478 | italic |
| entity.name.enum, entity.name.type.enum | #E4C478 | italic |
| constant, constant.language, support.constant, variable.other.constant | #F0A888 | — |
| constant.numeric, number | #F0A888 | — |
| constant.language.boolean, constant.language.true, constant.language.false | #F0A888 | — |
| keyword.operator, operator, punctuation.accessor | #7CE4D8 | — |
| 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 | #7CE4D8 | — |
| punctuation | #7A718D | — |
| punctuation.definition.block, punctuation.definition.parameters, punctuation.section, punctuation.definition.arguments | #968BAD | — |
| punctuation.definition.typeparameters, punctuation.definition.template-expression | #80C0E8 | — |
| entity.name.tag | #C48EF0 | — |
| entity.other.attribute-name | #80C0E8 | italic |
| meta.decorator, punctuation.decorator | #F0A888 | italic |
| meta.annotation variable.function, meta.annotation variable.annotation.function, meta.annotation punctuation.definition.annotation, punctuation.definition.annotation, storage.type.annotation | #F0A888 | italic |
| punctuation.decorator.ts | #80C0E8 | italic |
| support.type, meta.type, meta.type-alias | #E4C478 | — |
| support.type.builtin.ts, support.type.primitive | #C48EF0 | — |
| 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 | #C48EF0 | — |
| punctuation.definition.group.regexp, keyword.other.back-reference.regexp | #B4D088 | — |
| punctuation.definition.character-class.regexp, constant.other.character-class.regexp | #E4C478 | — |
| keyword.operator.quantifier.regexp, constant.character.numeric.regexp | #F0A888 | — |
| markup.heading | #C48EF0 | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.underline | — | underline |
| markup.inserted | #B4D088 | — |
| markup.deleted | #F07878 | — |
| markup.changed | #80C0E8 | — |
| markup.inline.raw, markup.fenced_code | #7CE4D8 | — |
| meta.embedded | #D5D0E5 | — |
| invalid | #F07878 | underline |