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#090D0B
- activityBar.border#00000000
- activityBar.dropBorder#88D4A0
- activityBar.foreground#88D4A0
- activityBar.inactiveForeground#5B675E
- activityBarBadge.background#88D4A0
- activityBarBadge.foreground#090D0B
- badge.background#2A352D
- badge.foreground#CEDAD1
- banner.background#1D251F
- banner.foreground#CEDAD1
- banner.iconForeground#88D4A0
- breadcrumb.activeSelectionForeground#88D4A0
- breadcrumb.background#101511
- breadcrumb.focusForeground#88D4A0
- breadcrumb.foreground#748279
- breadcrumbPicker.background#0D120F
- button.background#88D4A0
- button.border#00000000
- button.foreground#090D0B
- button.hoverBackground#8FD7A6
- button.secondaryBackground#2A352D
- button.secondaryForeground#CEDAD1
- button.secondaryHoverBackground#3B453E
- button.separator#00000000
- charts.blue#80B4DC
- charts.foreground#CEDAD1
- charts.green#A0D892
- charts.lines#5B675E
- charts.orange#E898A8
- charts.purple#88D4A0
- charts.red#F07878
- charts.yellow#D4B462
- checkbox.background#2A352D
- checkbox.border#00000000
- checkbox.foreground#88D4A0
- commandCenter.activeBackground#1D251F
- commandCenter.activeBorder#88D4A0
- commandCenter.activeForeground#CEDAD1
- commandCenter.background#090D0B
- commandCenter.border#3B4A40
- commandCenter.debuggingBackground#E898A8
- commandCenter.debuggingForeground#090D0B
- commandCenter.foreground#CEDAD1
- commandCenter.inactiveBorder#2A352D
- commandCenter.inactiveForeground#5B675E
- debugConsole.errorForeground#F07878
- debugConsole.infoForeground#80B4DC
- debugConsole.sourceForeground#8E9D92
- debugConsole.warningForeground#E898A8
- debugConsoleInputIcon.foreground#88D4A0
- debugExceptionWidget.background#090D0B
- debugExceptionWidget.border#F07878
- debugIcon.breakpointCurrentStackframeForeground#D4B462
- debugIcon.breakpointDisabledForeground#5B675E
- debugIcon.breakpointForeground#F07878
- debugIcon.breakpointStackframeForeground#80B4DC
- debugIcon.breakpointUnverifiedForeground#E898A8
- debugIcon.continueForeground#A0D892
- debugIcon.disconnectForeground#F07878
- debugIcon.pauseForeground#80B4DC
- debugIcon.restartForeground#A0D892
- debugIcon.startForeground#A0D892
- debugIcon.stepIntoForeground#80B4DC
- debugIcon.stepOutForeground#80B4DC
- debugIcon.stepOverForeground#80B4DC
- debugIcon.stopForeground#F07878
- debugToolBar.background#090D0B
- debugToolBar.border#00000000
- debugView.exceptionLabelBackground#F07878
- debugView.exceptionLabelForeground#090D0B
- debugView.stateLabelBackground#2A352D
- debugView.stateLabelForeground#CEDAD1
- debugView.valueChangedHighlight#E898A8
- descriptionForeground#748279
- diffEditor.border#2A352D
- diffEditor.diagonalFill#5B675E47
- diffEditor.insertedLineBackground#A0D8921A
- diffEditor.insertedLineGutterBackground#A0D8922E
- diffEditor.insertedTextBackground#A0D8922E
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedLineBackground#F078781A
- diffEditor.removedLineGutterBackground#F078782E
- diffEditor.removedTextBackground#F078782E
- diffEditor.removedTextBorder#00000000
- disabledForeground#5B675E
- dropdown.background#0D120F
- dropdown.border#3B4A40
- dropdown.foreground#CEDAD1
- dropdown.listBackground#1D251F
- editor.background#101511
- editor.findMatchBackground#E898A857
- editor.findMatchBorder#E898A8
- editor.findMatchHighlightBackground#80B4DC3D
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#88D4A038
- editor.foldBackground#2A352D6B
- editor.foreground#CEDAD1
- editor.hoverHighlightBackground#88D4A02E
- editor.inactiveSelectionBackground#7482792E
- editor.inlineValuesBackground#1D251F
- editor.inlineValuesForeground#8E9D92
- editor.lineHighlightBackground#CEDAD10F
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#88D4A038
- editor.rangeHighlightBackground#8E9D9229
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#8E9D923D
- editor.selectionHighlightBackground#8E9D921F
- editor.selectionHighlightBorder#00000000
- editor.snippetFinalTabstopHighlightBorder#80B4DC
- editor.snippetTabstopHighlightBackground#80B4DC2E
- editor.wordHighlightBackground#8E9D9224
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#80B4DC2E
- editor.wordHighlightStrongBorder#00000000
- editorBracketHighlight.foreground1#88D4A0
- editorBracketHighlight.foreground2#72D4C4
- editorBracketHighlight.foreground3#D4B462
- editorBracketHighlight.foreground4#E898A8
- editorBracketHighlight.foreground5#80B4DC
- editorBracketHighlight.foreground6#A0D892
- editorBracketMatch.background#8E9D921A
- editorBracketMatch.border#8E9D92
- editorCodeLens.foreground#748279
- editorCursor.background#101511
- editorCursor.foreground#88D4A0
- editorError.foreground#F07878
- editorGhostText.background#00000000
- editorGhostText.border#00000000
- editorGhostText.foreground#5B675E
- editorGroup.border#2A352D
- editorGroup.dropBackground#88D4A047
- editorGroup.emptyBackground#101511
- editorGroup.focusedEmptyBorder#88D4A0
- editorGroupHeader.border#00000000
- editorGroupHeader.noTabsBackground#090D0B
- editorGroupHeader.tabsBackground#090D0B
- editorGutter.addedBackground#A0D892
- editorGutter.background#101511
- editorGutter.commentRangeForeground#748279
- editorGutter.deletedBackground#F07878
- editorGutter.foldingControlForeground#8E9D92
- editorGutter.modifiedBackground#80B4DC
- editorHoverWidget.background#0D120F
- editorHoverWidget.border#3B4A40
- editorHoverWidget.foreground#CEDAD1
- editorHoverWidget.statusBarBackground#090D0B
- editorIndentGuide.activeBackground#3B4A40
- editorIndentGuide.background#2A352D
- editorInfo.foreground#80B4DC
- editorInlayHint.background#1D251F
- editorInlayHint.foreground#748279
- editorInlayHint.parameterBackground#1D251F
- editorInlayHint.parameterForeground#748279
- editorInlayHint.typeBackground#1D251F
- editorInlayHint.typeForeground#8E9D92
- editorLightBulb.foreground#D4B462
- editorLightBulbAutoFix.foreground#A0D892
- editorLineNumber.activeForeground#88D4A0
- editorLineNumber.dimmedForeground#5B675EA6
- editorLineNumber.foreground#5B675E
- editorLink.activeForeground#80B4DC
- editorOverviewRuler.addedForeground#A0D892
- editorOverviewRuler.border#2A352D
- editorOverviewRuler.deletedForeground#F07878
- editorOverviewRuler.errorForeground#F07878
- editorOverviewRuler.findMatchForeground#E898A8
- editorOverviewRuler.infoForeground#80B4DC
- editorOverviewRuler.modifiedForeground#80B4DC
- editorOverviewRuler.selectionHighlightForeground#8E9D92
- editorOverviewRuler.warningForeground#E898A8
- editorOverviewRuler.wordHighlightForeground#8E9D92
- editorOverviewRuler.wordHighlightStrongForeground#80B4DC
- editorPane.background#101511
- editorRuler.foreground#2A352D
- editorStickyScroll.background#101511
- editorStickyScroll.border#2A352D
- editorStickyScrollHover.background#1D251F
- editorSuggestWidget.background#0D120F
- editorSuggestWidget.border#3B4A40
- editorSuggestWidget.focusHighlightForeground#88D4A0
- editorSuggestWidget.foreground#CEDAD1
- editorSuggestWidget.highlightForeground#88D4A0
- editorSuggestWidget.selectedBackground#2A352D
- editorSuggestWidget.selectedForeground#CEDAD1
- editorSuggestWidget.selectedIconForeground#88D4A0
- editorSuggestWidget.statusForeground#748279
- editorWarning.foreground#E898A8
- editorWatermark.foreground#5B675E8C
- editorWhitespace.foreground#8E9D9259
- editorWidget.background#0D120F
- editorWidget.border#3B4A40
- editorWidget.foreground#CEDAD1
- editorWidget.resizeBorder#88D4A0
- errorForeground#F07878
- extensionButton.prominentBackground#88D4A0
- extensionButton.prominentForeground#090D0B
- extensionButton.prominentHoverBackground#8FD7A6
- extensionIcon.preReleaseForeground#88D4A0
- extensionIcon.sponsorForeground#E898A8
- extensionIcon.starForeground#D4B462
- extensionIcon.verifiedForeground#80B4DC
- focusBorder#88D4A0
- foreground#CEDAD1
- gitDecoration.conflictingResourceForeground#88D4A0
- gitDecoration.deletedResourceForeground#F07878
- gitDecoration.ignoredResourceForeground#5B675E
- gitDecoration.modifiedResourceForeground#80B4DC
- gitDecoration.renamedResourceForeground#80B4DC
- gitDecoration.stageDeletedResourceForeground#F07878
- gitDecoration.stageModifiedResourceForeground#80B4DC
- gitDecoration.submoduleResourceForeground#72D4C4
- gitDecoration.untrackedResourceForeground#A0D892
- icon.foreground#8E9D92
- input.background#1D251F
- input.border#3B4A40
- input.foreground#CEDAD1
- input.placeholderForeground#5B675E
- inputOption.activeBackground#88D4A038
- inputOption.activeBorder#88D4A0
- inputOption.activeForeground#CEDAD1
- inputValidation.errorBackground#F078782E
- inputValidation.errorBorder#F07878
- inputValidation.errorForeground#CEDAD1
- inputValidation.infoBackground#80B4DC2E
- inputValidation.infoBorder#80B4DC
- inputValidation.infoForeground#CEDAD1
- inputValidation.warningBackground#E898A82E
- inputValidation.warningBorder#E898A8
- inputValidation.warningForeground#CEDAD1
- list.activeSelectionBackground#2A352D
- list.activeSelectionForeground#CEDAD1
- list.activeSelectionIconForeground#88D4A0
- list.deemphasizedForeground#5B675E
- list.dropBackground#88D4A047
- list.errorForeground#F07878
- list.filterMatchBackground#88D4A038
- list.filterMatchBorder#88D4A0
- list.focusBackground#2A352D
- list.focusForeground#CEDAD1
- list.focusOutline#00000000
- list.highlightForeground#88D4A0
- list.hoverBackground#1D251F
- list.hoverForeground#CEDAD1
- list.inactiveSelectionBackground#1D251F
- list.inactiveSelectionForeground#CEDAD1
- list.inactiveSelectionIconForeground#8E9D92
- list.invalidItemForeground#F07878
- list.warningForeground#E898A8
- menu.background#0D120F
- menu.border#3B4A40
- menu.foreground#CEDAD1
- menu.selectionBackground#1D251F
- menu.selectionBorder#00000000
- menu.selectionForeground#CEDAD1
- menu.separatorBackground#3B4A40
- menubar.selectionBackground#1D251F
- menubar.selectionBorder#00000000
- menubar.selectionForeground#CEDAD1
- minimap.background#101511
- minimap.errorHighlight#F07878
- minimap.findMatchHighlight#E898A8
- minimap.selectionHighlight#3B4A40BF
- minimap.selectionOccurrenceHighlight#8E9D92
- minimap.warningHighlight#E898A8
- minimapGutter.addedBackground#A0D892
- minimapGutter.deletedBackground#F07878
- minimapGutter.modifiedBackground#80B4DC
- minimapSlider.activeBackground#88D4A099
- minimapSlider.background#88D4A033
- minimapSlider.hoverBackground#88D4A066
- notebook.cellBorderColor#2A352D
- notebook.cellHoverBackground#1D251F
- notebook.cellInsertionIndicator#88D4A0
- notebook.cellStatusBarItemHoverBackground#2A352D
- notebook.cellToolbarSeparator#3B4A40
- notebook.editorBackground#101511
- notebook.focusedCellBackground#1D251F
- notebook.focusedCellBorder#88D4A0
- notebook.focusedEditorBorder#88D4A0
- notebook.inactiveFocusedCellBorder#3B4A40
- notebook.selectedCellBackground#1D251F
- notebook.selectedCellBorder#88D4A0
- notebook.symbolHighlightBackground#88D4A038
- notificationCenter.border#88D4A0
- notificationCenterHeader.background#090D0B
- notificationCenterHeader.foreground#CEDAD1
- notificationLink.foreground#80B4DC
- notifications.background#0D120F
- notifications.border#3B4A40
- notifications.foreground#CEDAD1
- notificationsErrorIcon.foreground#F07878
- notificationsInfoIcon.foreground#80B4DC
- notificationsWarningIcon.foreground#E898A8
- notificationToast.border#3B4A40
- panel.background#101511
- panel.border#3B4A40
- panel.dropBorder#88D4A0
- panelInput.border#3B4A40
- panelSection.border#2A352D
- panelSection.dropBackground#88D4A047
- panelSectionHeader.background#0D120F
- panelSectionHeader.border#2A352D
- panelSectionHeader.foreground#CEDAD1
- panelTitle.activeBorder#88D4A0
- panelTitle.activeForeground#CEDAD1
- panelTitle.inactiveForeground#5B675E
- peekView.border#88D4A0
- peekViewEditor.background#0D120F
- peekViewEditor.matchHighlightBackground#80B4DC4D
- peekViewEditorGutter.background#0D120F
- peekViewResult.background#0D120F
- peekViewResult.fileForeground#CEDAD1
- peekViewResult.lineForeground#748279
- peekViewResult.matchHighlightBackground#80B4DC4D
- peekViewResult.selectionBackground#1D251F
- peekViewResult.selectionForeground#CEDAD1
- peekViewTitle.background#101511
- peekViewTitleDescription.foreground#748279
- peekViewTitleLabel.foreground#CEDAD1
- problemsErrorIcon.foreground#F07878
- problemsInfoIcon.foreground#80B4DC
- problemsWarningIcon.foreground#E898A8
- progressBar.background#88D4A0
- quickInput.background#0D120F
- quickInput.foreground#CEDAD1
- quickInputList.focusBackground#2A352D
- quickInputList.focusForeground#CEDAD1
- quickInputList.focusIconForeground#CEDAD1
- sash.hoverBorder#88D4A0
- scrollbarSlider.activeBackground#1D251F73
- scrollbarSlider.background#3B4A4080
- scrollbarSlider.hoverBackground#5B675E
- selection.background#88D4A059
- settings.checkboxBackground#2A352D
- settings.checkboxBorder#00000000
- settings.checkboxForeground#88D4A0
- settings.dropdownBackground#0D120F
- settings.dropdownBorder#3B4A40
- settings.dropdownForeground#CEDAD1
- settings.focusedRowBackground#1D251F
- settings.focusedRowBorder#88D4A0
- settings.headerForeground#88D4A0
- settings.modifiedItemIndicator#80B4DC
- settings.numberInputBackground#1D251F
- settings.numberInputBorder#3B4A40
- settings.numberInputForeground#CEDAD1
- settings.rowHoverBackground#1D251F73
- settings.textInputBackground#1D251F
- settings.textInputBorder#3B4A40
- settings.textInputForeground#CEDAD1
- sideBar.background#0D120F
- sideBar.border#00000000
- sideBar.dropBackground#88D4A047
- sideBar.foreground#CEDAD1
- sideBarSectionHeader.background#0D120F
- sideBarSectionHeader.border#2A352D
- sideBarSectionHeader.foreground#CEDAD1
- sideBarTitle.foreground#88D4A0
- sideBySideEditor.horizontalBorder#2A352D
- sideBySideEditor.verticalBorder#2A352D
- statusBar.background#090D0B
- statusBar.border#00000000
- statusBar.debuggingBackground#E898A8
- statusBar.debuggingForeground#090D0B
- statusBar.focusBorder#88D4A0
- statusBar.foreground#CEDAD1
- statusBar.noFolderBackground#090D0B
- statusBarItem.activeBackground#2A352D
- statusBarItem.errorBackground#F07878
- statusBarItem.errorForeground#090D0B
- statusBarItem.focusBorder#88D4A0
- statusBarItem.hoverBackground#1D251F
- statusBarItem.prominentBackground#2A352D
- statusBarItem.prominentHoverBackground#3B4A40
- statusBarItem.remoteBackground#88D4A0
- statusBarItem.remoteForeground#090D0B
- statusBarItem.warningBackground#E898A8
- statusBarItem.warningForeground#090D0B
- symbolIcon.arrayForeground#E898A8
- symbolIcon.booleanForeground#E898A8
- symbolIcon.classForeground#D4B462
- symbolIcon.colorForeground#E898A8
- symbolIcon.constantForeground#E898A8
- symbolIcon.constructorForeground#D4B462
- symbolIcon.enumeratorForeground#D4B462
- symbolIcon.enumeratorMemberForeground#A0D892
- symbolIcon.eventForeground#E898A8
- symbolIcon.fieldForeground#BDD9C5
- symbolIcon.fileForeground#CEDAD1
- symbolIcon.folderForeground#88D4A0
- symbolIcon.functionForeground#80B4DC
- symbolIcon.interfaceForeground#D4B462
- symbolIcon.keyForeground#88D4A0
- symbolIcon.keywordForeground#88D4A0
- symbolIcon.methodForeground#80B4DC
- symbolIcon.moduleForeground#BDD9C5
- symbolIcon.namespaceForeground#D4B462
- symbolIcon.nullForeground#F07878
- symbolIcon.numberForeground#E898A8
- symbolIcon.objectForeground#CEDAD1
- symbolIcon.operatorForeground#72D4C4
- symbolIcon.packageForeground#BDD9C5
- symbolIcon.propertyForeground#BDD9C5
- symbolIcon.referenceForeground#72D4C4
- symbolIcon.snippetForeground#88D4A0
- symbolIcon.stringForeground#72D4C4
- symbolIcon.structForeground#D4B462
- symbolIcon.textForeground#CEDAD1
- symbolIcon.typeParameterForeground#BDD9C5
- symbolIcon.unitForeground#E898A8
- symbolIcon.variableForeground#CEDAD1
- tab.activeBackground#101511
- tab.activeBorder#00000000
- tab.activeBorderTop#88D4A0
- tab.activeForeground#88D4A0
- tab.activeModifiedBorder#80B4DC
- tab.border#0D120F
- tab.hoverBackground#1A1E1B
- tab.hoverBorder#00000000
- tab.hoverForeground#CEDAD1
- tab.inactiveBackground#0D120F
- tab.inactiveForeground#5B675E
- tab.inactiveModifiedBorder#80B4DCA6
- tab.lastPinnedBorder#3B4A40
- tab.unfocusedActiveBackground#101511
- tab.unfocusedActiveBorder#00000000
- tab.unfocusedActiveBorderTop#88D4A0A6
- tab.unfocusedActiveForeground#8E9D92
- tab.unfocusedActiveModifiedBorder#80B4DC80
- tab.unfocusedHoverBackground#1D251F
- tab.unfocusedHoverForeground#8E9D92
- tab.unfocusedInactiveBackground#0D120F
- tab.unfocusedInactiveForeground#5B675E
- tab.unfocusedInactiveModifiedBorder#80B4DC59
- terminal.ansiBlack#1D251F
- terminal.ansiBlue#80B4DC
- terminal.ansiBrightBlack#5B675E
- terminal.ansiBrightBlue#8ABADF
- terminal.ansiBrightCyan#7DD7C9
- terminal.ansiBrightGreen#A8DB9B
- terminal.ansiBrightMagenta#92D7A8
- terminal.ansiBrightRed#F18383
- terminal.ansiBrightWhite#CEDAD1
- terminal.ansiBrightYellow#D7BA6F
- terminal.ansiCyan#72D4C4
- terminal.ansiGreen#A0D892
- terminal.ansiMagenta#88D4A0
- terminal.ansiRed#F07878
- terminal.ansiWhite#8E9D92
- terminal.ansiYellow#D4B462
- terminal.background#101511
- terminal.border#2A352D
- terminal.dropBackground#88D4A047
- terminal.findMatchBackground#E898A857
- terminal.findMatchBorder#E898A8
- terminal.findMatchHighlightBackground#80B4DC38
- terminal.findMatchHighlightBorder#00000000
- terminal.foreground#CEDAD1
- terminal.inactiveSelectionBackground#1D251F
- terminal.selectionBackground#2A352D
- terminal.tab.activeBorder#88D4A0
- terminalCommandDecoration.defaultBackground#748279
- terminalCommandDecoration.errorBackground#F07878
- terminalCommandDecoration.successBackground#A0D892
- terminalCursor.background#101511
- terminalCursor.foreground#88D4A0
- terminalOverviewRuler.cursorForeground#88D4A0
- terminalOverviewRuler.findMatchForeground#E898A8
- testing.iconErrored#F07878
- testing.iconFailed#F07878
- testing.iconPassed#A0D892
- testing.iconQueued#D4B462
- testing.iconSkipped#5B675E
- testing.iconUnset#748279
- testing.message.error.decorationForeground#F07878
- testing.message.error.lineBackground#F078781F
- testing.message.info.decorationForeground#80B4DC
- testing.message.info.lineBackground#80B4DC1F
- testing.peekBorder#88D4A0
- testing.peekHeaderBackground#090D0B
- testing.runAction#A0D892
- textBlockQuote.background#0D120F
- textBlockQuote.border#3B4A40
- textCodeBlock.background#0D120F
- textLink.activeForeground#88D4A0
- textLink.foreground#80B4DC
- textPreformat.foreground#CEDAD1
- textSeparator.foreground#3B4A40
- titleBar.activeBackground#090D0B
- titleBar.activeForeground#CEDAD1
- titleBar.border#00000000
- titleBar.inactiveBackground#090D0B
- titleBar.inactiveForeground#5B675E
- tree.inactiveIndentGuidesStroke#2A352D
- tree.indentGuidesStroke#3B4A40
- tree.tableColumnsBorder#2A352D
- tree.tableOddRowsBackground#1D251F47
- walkThrough.embeddedEditorBackground#0D120F
- welcomePage.background#101511
- welcomePage.buttonBackground#2A352D
- welcomePage.buttonHoverBackground#3B4A40
- welcomePage.tileBackground#0D120F
- welcomePage.tileBorder#2A352D
- welcomePage.tileHoverBackground#1D251F
- widget.border#3B4A40
- widget.shadow#0000005C
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5B675E | italic |
| text, source, variable, variable.other.readwrite | #CEDAD1 | — |
| keyword, keyword.control, keyword.other | #88D4A0 | |
| storage.type, storage.modifier, storage | #88D4A0 | |
| 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 | #D4B462 | italic |
| keyword.control.import, keyword.control.export, keyword.control.from | #B5D8BF | |
| meta.import keyword.control, meta.export keyword.control, keyword.control.import.ts, keyword.control.export.ts, keyword.control.from.ts, keyword.control.as.ts | #88D4A0 | |
| string | #72D4C4 | — |
| string.regexp | #7AD4B7 | — |
| constant.character.escape | #7DD4B3 | — |
| constant.language.null.js, constant.language.null.ts, constant.language.undefined.js, constant.language.undefined.ts, support.constant.node, support.type.object.module.js | #88D4A0 | — |
| variable.parameter | #BDD9C5 | italic |
| meta.function.parameters, variable.parameter.ts, variable.parameter.js, variable.parameter.generic, variable.other.jsdoc, comment.block.documentation variable.other | #BDD9C5 | italic |
| variable.other.property, support.variable.property, variable.object.property | #CEDAD1 | — |
| 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 | #80B4DC | — |
| variable.other.constant.js, variable.other.constant.ts, entity.name.constant | #E898A8 | — |
| entity.name.function, support.function, meta.function-call, meta.function-call.method | #80B4DC | italic |
| variable.function, support.function.misc, meta.method-call entity.name.function, meta.function-call.constructor | #80B4DC | italic |
| keyword.declaration.function.arrow.js, storage.type.function.arrow.ts | #72D4C4 | — |
| entity.name.type, support.class, entity.name.class, entity.name.namespace | #D4B462 | italic |
| entity.other.inherited-class, entity.name.struct, support.class.component, support.class.component.jsx, support.class.component.tsx, support.class.component.vue | #D4B462 | italic |
| entity.name.enum, entity.name.type.enum | #D4B462 | italic |
| constant, constant.language, support.constant, variable.other.constant | #E898A8 | — |
| constant.numeric, number | #E898A8 | — |
| constant.language.boolean, constant.language.true, constant.language.false | #E898A8 | — |
| keyword.operator, operator, punctuation.accessor | #72D4C4 | — |
| 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 | #72D4C4 | — |
| punctuation | #748279 | — |
| punctuation.definition.block, punctuation.definition.parameters, punctuation.section, punctuation.definition.arguments | #8E9D92 | — |
| punctuation.definition.typeparameters, punctuation.definition.template-expression | #80B4DC | — |
| entity.name.tag | #88D4A0 | — |
| entity.other.attribute-name | #80B4DC | italic |
| meta.decorator, punctuation.decorator | #E898A8 | italic |
| meta.annotation variable.function, meta.annotation variable.annotation.function, meta.annotation punctuation.definition.annotation, punctuation.definition.annotation, storage.type.annotation | #E898A8 | italic |
| punctuation.decorator.ts | #80B4DC | italic |
| support.type, meta.type, meta.type-alias | #D4B462 | — |
| support.type.builtin.ts, support.type.primitive | #88D4A0 | — |
| 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 | #88D4A0 | — |
| punctuation.definition.group.regexp, keyword.other.back-reference.regexp | #A0D892 | — |
| punctuation.definition.character-class.regexp, constant.other.character-class.regexp | #D4B462 | — |
| keyword.operator.quantifier.regexp, constant.character.numeric.regexp | #E898A8 | — |
| markup.heading | #88D4A0 | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.underline | — | underline |
| markup.inserted | #A0D892 | — |
| markup.deleted | #F07878 | — |
| markup.changed | #80B4DC | — |
| markup.inline.raw, markup.fenced_code | #72D4C4 | — |
| meta.embedded | #CEDAD1 | — |
| invalid | #F07878 | underline |