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#D8E1DA
- activityBar.border#00000000
- activityBar.dropBorder#2F8F57
- activityBar.foreground#2F8F57
- activityBar.inactiveForeground#6E7F75
- activityBarBadge.background#2F8F57
- activityBarBadge.foreground#D8E1DA
- badge.background#DDE6E0
- badge.foreground#3A4D42
- banner.background#E8F0EA
- banner.foreground#3A4D42
- banner.iconForeground#2F8F57
- breadcrumb.activeSelectionForeground#2F8F57
- breadcrumb.background#EEF6F0
- breadcrumb.focusForeground#2F8F57
- breadcrumb.foreground#89988F
- breadcrumbPicker.background#E4ECE6
- button.background#2F8F57
- button.border#00000000
- button.foreground#D8E1DA
- button.hoverBackground#3B9661
- button.secondaryBackground#DDE6E0
- button.secondaryForeground#3A4D42
- button.secondaryHoverBackground#E0E8E2
- button.separator#00000000
- charts.blue#286D9F
- charts.foreground#3A4D42
- charts.green#438A32
- charts.lines#A8B5AC
- charts.orange#B35672
- charts.purple#2F8F57
- charts.red#C93D45
- charts.yellow#8A6500
- checkbox.background#DDE6E0
- checkbox.border#00000000
- checkbox.foreground#2F8F57
- commandCenter.activeBackground#E8F0EA
- commandCenter.activeBorder#2F8F57
- commandCenter.activeForeground#3A4D42
- commandCenter.background#D8E1DA
- commandCenter.border#D1DCD5
- commandCenter.debuggingBackground#B35672
- commandCenter.debuggingForeground#D8E1DA
- commandCenter.foreground#3A4D42
- commandCenter.inactiveBorder#DDE6E0
- commandCenter.inactiveForeground#A8B5AC
- debugConsole.errorForeground#C93D45
- debugConsole.infoForeground#286D9F
- debugConsole.sourceForeground#6E7F75
- debugConsole.warningForeground#B35672
- debugConsoleInputIcon.foreground#2F8F57
- debugExceptionWidget.background#D8E1DA
- debugExceptionWidget.border#C93D45
- debugIcon.breakpointCurrentStackframeForeground#8A6500
- debugIcon.breakpointDisabledForeground#A8B5AC
- debugIcon.breakpointForeground#C93D45
- debugIcon.breakpointStackframeForeground#286D9F
- debugIcon.breakpointUnverifiedForeground#B35672
- debugIcon.continueForeground#438A32
- debugIcon.disconnectForeground#C93D45
- debugIcon.pauseForeground#286D9F
- debugIcon.restartForeground#438A32
- debugIcon.startForeground#438A32
- debugIcon.stepIntoForeground#286D9F
- debugIcon.stepOutForeground#286D9F
- debugIcon.stepOverForeground#286D9F
- debugIcon.stopForeground#C93D45
- debugToolBar.background#D8E1DA
- debugToolBar.border#00000000
- debugView.exceptionLabelBackground#C93D45
- debugView.exceptionLabelForeground#D8E1DA
- debugView.stateLabelBackground#DDE6E0
- debugView.stateLabelForeground#3A4D42
- debugView.valueChangedHighlight#B35672
- descriptionForeground#89988F
- diffEditor.border#DDE6E0
- diffEditor.diagonalFill#A8B5AC47
- diffEditor.insertedLineBackground#438A321A
- diffEditor.insertedLineGutterBackground#438A322E
- diffEditor.insertedTextBackground#438A322E
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedLineBackground#C93D451A
- diffEditor.removedLineGutterBackground#C93D452E
- diffEditor.removedTextBackground#C93D452E
- diffEditor.removedTextBorder#00000000
- disabledForeground#A8B5AC
- dropdown.background#E4ECE6
- dropdown.border#D1DCD5
- dropdown.foreground#3A4D42
- dropdown.listBackground#E8F0EA
- editor.background#EEF6F0
- editor.findMatchBackground#B3567257
- editor.findMatchBorder#B35672
- editor.findMatchHighlightBackground#286D9F3D
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#2F8F5729
- editor.foldBackground#DDE6E08C
- editor.foreground#3A4D42
- editor.hoverHighlightBackground#2F8F571F
- editor.inactiveSelectionBackground#89988F2E
- editor.inlineValuesBackground#E8F0EA
- editor.inlineValuesForeground#6E7F75
- editor.lineHighlightBackground#3A4D420F
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#2F8F5729
- editor.rangeHighlightBackground#6E7F751A
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#6E7F753D
- editor.selectionHighlightBackground#6E7F751F
- editor.selectionHighlightBorder#00000000
- editor.snippetFinalTabstopHighlightBorder#286D9F
- editor.snippetTabstopHighlightBackground#286D9F2E
- editor.wordHighlightBackground#6E7F7524
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#286D9F2E
- editor.wordHighlightStrongBorder#00000000
- editorBracketHighlight.foreground1#2F8F57
- editorBracketHighlight.foreground2#007A68
- editorBracketHighlight.foreground3#8A6500
- editorBracketHighlight.foreground4#B35672
- editorBracketHighlight.foreground5#286D9F
- editorBracketHighlight.foreground6#438A32
- editorBracketMatch.background#6E7F751A
- editorBracketMatch.border#6E7F75
- editorCodeLens.foreground#89988F
- editorCursor.background#EEF6F0
- editorCursor.foreground#2F8F57
- editorError.foreground#C93D45
- editorGhostText.background#00000000
- editorGhostText.border#00000000
- editorGhostText.foreground#A8B5AC
- editorGroup.border#DDE6E0
- editorGroup.dropBackground#2F8F5738
- editorGroup.emptyBackground#EEF6F0
- editorGroup.focusedEmptyBorder#2F8F57
- editorGroupHeader.border#00000000
- editorGroupHeader.noTabsBackground#D8E1DA
- editorGroupHeader.tabsBackground#D8E1DA
- editorGutter.addedBackground#438A32
- editorGutter.background#EEF6F0
- editorGutter.commentRangeForeground#89988F
- editorGutter.deletedBackground#C93D45
- editorGutter.foldingControlForeground#6E7F75
- editorGutter.modifiedBackground#286D9F
- editorHoverWidget.background#E4ECE6
- editorHoverWidget.border#D1DCD5
- editorHoverWidget.foreground#3A4D42
- editorHoverWidget.statusBarBackground#D8E1DA
- editorIndentGuide.activeBackground#D1DCD5
- editorIndentGuide.background#DDE6E0
- editorInfo.foreground#286D9F
- editorInlayHint.background#E8F0EA
- editorInlayHint.foreground#89988F
- editorInlayHint.parameterBackground#E8F0EA
- editorInlayHint.parameterForeground#89988F
- editorInlayHint.typeBackground#E8F0EA
- editorInlayHint.typeForeground#6E7F75
- editorLightBulb.foreground#8A6500
- editorLightBulbAutoFix.foreground#438A32
- editorLineNumber.activeForeground#2F8F57
- editorLineNumber.dimmedForeground#A8B5ACA6
- editorLineNumber.foreground#A8B5AC
- editorLink.activeForeground#286D9F
- editorOverviewRuler.addedForeground#438A32
- editorOverviewRuler.border#DDE6E0
- editorOverviewRuler.deletedForeground#C93D45
- editorOverviewRuler.errorForeground#C93D45
- editorOverviewRuler.findMatchForeground#B35672
- editorOverviewRuler.infoForeground#286D9F
- editorOverviewRuler.modifiedForeground#286D9F
- editorOverviewRuler.selectionHighlightForeground#6E7F75
- editorOverviewRuler.warningForeground#B35672
- editorOverviewRuler.wordHighlightForeground#6E7F75
- editorOverviewRuler.wordHighlightStrongForeground#286D9F
- editorPane.background#EEF6F0
- editorRuler.foreground#DDE6E0
- editorStickyScroll.background#EEF6F0
- editorStickyScroll.border#DDE6E0
- editorStickyScrollHover.background#E8F0EA
- editorSuggestWidget.background#E4ECE6
- editorSuggestWidget.border#D1DCD5
- editorSuggestWidget.focusHighlightForeground#2F8F57
- editorSuggestWidget.foreground#3A4D42
- editorSuggestWidget.highlightForeground#2F8F57
- editorSuggestWidget.selectedBackground#B1D2BE
- editorSuggestWidget.selectedForeground#3A4D42
- editorSuggestWidget.selectedIconForeground#2F8F57
- editorSuggestWidget.statusForeground#89988F
- editorWarning.foreground#B35672
- editorWatermark.foreground#A8B5AC8C
- editorWhitespace.foreground#6E7F7559
- editorWidget.background#E4ECE6
- editorWidget.border#D1DCD5
- editorWidget.foreground#3A4D42
- editorWidget.resizeBorder#2F8F57
- errorForeground#C93D45
- extensionButton.prominentBackground#2F8F57
- extensionButton.prominentForeground#D8E1DA
- extensionButton.prominentHoverBackground#3B9661
- extensionIcon.preReleaseForeground#2F8F57
- extensionIcon.sponsorForeground#B35672
- extensionIcon.starForeground#8A6500
- extensionIcon.verifiedForeground#286D9F
- focusBorder#2F8F57
- foreground#3A4D42
- gitDecoration.conflictingResourceForeground#2F8F57
- gitDecoration.deletedResourceForeground#C93D45
- gitDecoration.ignoredResourceForeground#A8B5AC
- gitDecoration.modifiedResourceForeground#286D9F
- gitDecoration.renamedResourceForeground#286D9F
- gitDecoration.stageDeletedResourceForeground#C93D45
- gitDecoration.stageModifiedResourceForeground#286D9F
- gitDecoration.submoduleResourceForeground#007A68
- gitDecoration.untrackedResourceForeground#438A32
- icon.foreground#6E7F75
- input.background#E8F0EA
- input.border#D1DCD5
- input.foreground#3A4D42
- input.placeholderForeground#A8B5AC
- inputOption.activeBackground#2F8F5729
- inputOption.activeBorder#2F8F57
- inputOption.activeForeground#3A4D42
- inputValidation.errorBackground#C93D451F
- inputValidation.errorBorder#C93D45
- inputValidation.errorForeground#3A4D42
- inputValidation.infoBackground#286D9F24
- inputValidation.infoBorder#286D9F
- inputValidation.infoForeground#3A4D42
- inputValidation.warningBackground#B3567224
- inputValidation.warningBorder#B35672
- inputValidation.warningForeground#3A4D42
- list.activeSelectionBackground#B1D2BE
- list.activeSelectionForeground#3A4D42
- list.activeSelectionIconForeground#2F8F57
- list.deemphasizedForeground#A8B5AC
- list.dropBackground#2F8F5738
- list.errorForeground#C93D45
- list.filterMatchBackground#2F8F5729
- list.filterMatchBorder#2F8F57
- list.focusBackground#B1D2BE
- list.focusForeground#3A4D42
- list.focusOutline#00000000
- list.highlightForeground#2F8F57
- list.hoverBackground#C3DBCC
- list.hoverForeground#3A4D42
- list.inactiveSelectionBackground#CEE1D5
- list.inactiveSelectionForeground#3A4D42
- list.inactiveSelectionIconForeground#6E7F75
- list.invalidItemForeground#C93D45
- list.warningForeground#B35672
- menu.background#E4ECE6
- menu.border#D1DCD5
- menu.foreground#3A4D42
- menu.selectionBackground#E8F0EA
- menu.selectionBorder#00000000
- menu.selectionForeground#3A4D42
- menu.separatorBackground#D1DCD5
- menubar.selectionBackground#E8F0EA
- menubar.selectionBorder#00000000
- menubar.selectionForeground#3A4D42
- minimap.background#EEF6F0
- minimap.errorHighlight#C93D45
- minimap.findMatchHighlight#B35672
- minimap.selectionHighlight#D1DCD5BF
- minimap.selectionOccurrenceHighlight#6E7F75
- minimap.warningHighlight#B35672
- minimapGutter.addedBackground#438A32
- minimapGutter.deletedBackground#C93D45
- minimapGutter.modifiedBackground#286D9F
- minimapSlider.activeBackground#2F8F5799
- minimapSlider.background#2F8F5733
- minimapSlider.hoverBackground#2F8F5766
- notebook.cellBorderColor#DDE6E0
- notebook.cellHoverBackground#E8F0EA
- notebook.cellInsertionIndicator#2F8F57
- notebook.cellStatusBarItemHoverBackground#DDE6E0
- notebook.cellToolbarSeparator#D1DCD5
- notebook.editorBackground#EEF6F0
- notebook.focusedCellBackground#E8F0EA
- notebook.focusedCellBorder#2F8F57
- notebook.focusedEditorBorder#2F8F57
- notebook.inactiveFocusedCellBorder#D1DCD5
- notebook.selectedCellBackground#E8F0EA
- notebook.selectedCellBorder#2F8F57
- notebook.symbolHighlightBackground#2F8F5729
- notificationCenter.border#2F8F57
- notificationCenterHeader.background#D8E1DA
- notificationCenterHeader.foreground#3A4D42
- notificationLink.foreground#286D9F
- notifications.background#E4ECE6
- notifications.border#D1DCD5
- notifications.foreground#3A4D42
- notificationsErrorIcon.foreground#C93D45
- notificationsInfoIcon.foreground#286D9F
- notificationsWarningIcon.foreground#B35672
- notificationToast.border#D1DCD5
- panel.background#EEF6F0
- panel.border#D1DCD5
- panel.dropBorder#2F8F57
- panelInput.border#D1DCD5
- panelSection.border#DDE6E0
- panelSection.dropBackground#2F8F5738
- panelSectionHeader.background#E4ECE6
- panelSectionHeader.border#DDE6E0
- panelSectionHeader.foreground#3A4D42
- panelTitle.activeBorder#2F8F57
- panelTitle.activeForeground#3A4D42
- panelTitle.inactiveForeground#A8B5AC
- peekView.border#2F8F57
- peekViewEditor.background#E4ECE6
- peekViewEditor.matchHighlightBackground#286D9F4D
- peekViewEditorGutter.background#E4ECE6
- peekViewResult.background#E4ECE6
- peekViewResult.fileForeground#3A4D42
- peekViewResult.lineForeground#89988F
- peekViewResult.matchHighlightBackground#286D9F4D
- peekViewResult.selectionBackground#E8F0EA
- peekViewResult.selectionForeground#3A4D42
- peekViewTitle.background#EEF6F0
- peekViewTitleDescription.foreground#89988F
- peekViewTitleLabel.foreground#3A4D42
- problemsErrorIcon.foreground#C93D45
- problemsInfoIcon.foreground#286D9F
- problemsWarningIcon.foreground#B35672
- progressBar.background#2F8F57
- quickInput.background#E4ECE6
- quickInput.foreground#3A4D42
- quickInputList.focusBackground#B1D2BE
- quickInputList.focusForeground#3A4D42
- quickInputList.focusIconForeground#3A4D42
- sash.hoverBorder#2F8F57
- scrollbarSlider.activeBackground#E8F0EA73
- scrollbarSlider.background#D1DCD580
- scrollbarSlider.hoverBackground#A8B5AC
- selection.background#2F8F5747
- settings.checkboxBackground#DDE6E0
- settings.checkboxBorder#00000000
- settings.checkboxForeground#2F8F57
- settings.dropdownBackground#E4ECE6
- settings.dropdownBorder#D1DCD5
- settings.dropdownForeground#3A4D42
- settings.focusedRowBackground#E8F0EA
- settings.focusedRowBorder#2F8F57
- settings.headerForeground#2F8F57
- settings.modifiedItemIndicator#286D9F
- settings.numberInputBackground#E8F0EA
- settings.numberInputBorder#D1DCD5
- settings.numberInputForeground#3A4D42
- settings.rowHoverBackground#E8F0EA8C
- settings.textInputBackground#E8F0EA
- settings.textInputBorder#D1DCD5
- settings.textInputForeground#3A4D42
- sideBar.background#E4ECE6
- sideBar.border#00000000
- sideBar.dropBackground#2F8F5738
- sideBar.foreground#3A4D42
- sideBarSectionHeader.background#E4ECE6
- sideBarSectionHeader.border#DDE6E0
- sideBarSectionHeader.foreground#3A4D42
- sideBarTitle.foreground#2F8F57
- sideBySideEditor.horizontalBorder#DDE6E0
- sideBySideEditor.verticalBorder#DDE6E0
- statusBar.background#D8E1DA
- statusBar.border#00000000
- statusBar.debuggingBackground#B35672
- statusBar.debuggingForeground#D8E1DA
- statusBar.focusBorder#2F8F57
- statusBar.foreground#3A4D42
- statusBar.noFolderBackground#D8E1DA
- statusBarItem.activeBackground#DDE6E0
- statusBarItem.errorBackground#C93D45
- statusBarItem.errorForeground#D8E1DA
- statusBarItem.focusBorder#2F8F57
- statusBarItem.hoverBackground#E8F0EA
- statusBarItem.prominentBackground#DDE6E0
- statusBarItem.prominentHoverBackground#D1DCD5
- statusBarItem.remoteBackground#2F8F57
- statusBarItem.remoteForeground#D8E1DA
- statusBarItem.warningBackground#B35672
- statusBarItem.warningForeground#D8E1DA
- symbolIcon.arrayForeground#B35672
- symbolIcon.booleanForeground#B35672
- symbolIcon.classForeground#8A6500
- symbolIcon.colorForeground#B35672
- symbolIcon.constantForeground#B35672
- symbolIcon.constructorForeground#8A6500
- symbolIcon.enumeratorForeground#8A6500
- symbolIcon.enumeratorMemberForeground#438A32
- symbolIcon.eventForeground#B35672
- symbolIcon.fieldForeground#375D47
- symbolIcon.fileForeground#3A4D42
- symbolIcon.folderForeground#2F8F57
- symbolIcon.functionForeground#286D9F
- symbolIcon.interfaceForeground#8A6500
- symbolIcon.keyForeground#2F8F57
- symbolIcon.keywordForeground#2F8F57
- symbolIcon.methodForeground#286D9F
- symbolIcon.moduleForeground#375D47
- symbolIcon.namespaceForeground#8A6500
- symbolIcon.nullForeground#C93D45
- symbolIcon.numberForeground#B35672
- symbolIcon.objectForeground#3A4D42
- symbolIcon.operatorForeground#007A68
- symbolIcon.packageForeground#375D47
- symbolIcon.propertyForeground#375D47
- symbolIcon.referenceForeground#007A68
- symbolIcon.snippetForeground#2F8F57
- symbolIcon.stringForeground#007A68
- symbolIcon.structForeground#8A6500
- symbolIcon.textForeground#3A4D42
- symbolIcon.typeParameterForeground#375D47
- symbolIcon.unitForeground#B35672
- symbolIcon.variableForeground#3A4D42
- tab.activeBackground#EEF6F0
- tab.activeBorder#00000000
- tab.activeBorderTop#2F8F57
- tab.activeForeground#2F8F57
- tab.activeModifiedBorder#286D9F
- tab.border#E4ECE6
- tab.hoverBackground#EFF6F1
- tab.hoverBorder#00000000
- tab.hoverForeground#3A4D42
- tab.inactiveBackground#E4ECE6
- tab.inactiveForeground#A8B5AC
- tab.inactiveModifiedBorder#286D9FA6
- tab.lastPinnedBorder#D1DCD5
- tab.unfocusedActiveBackground#EEF6F0
- tab.unfocusedActiveBorder#00000000
- tab.unfocusedActiveBorderTop#2F8F57A6
- tab.unfocusedActiveForeground#6E7F75
- tab.unfocusedActiveModifiedBorder#286D9F80
- tab.unfocusedHoverBackground#E8F0EA
- tab.unfocusedHoverForeground#6E7F75
- tab.unfocusedInactiveBackground#E4ECE6
- tab.unfocusedInactiveForeground#A8B5AC
- tab.unfocusedInactiveModifiedBorder#286D9F59
- terminal.ansiBlack#E8F0EA
- terminal.ansiBlue#286D9F
- terminal.ansiBrightBlack#A8B5AC
- terminal.ansiBrightBlue#3979A7
- terminal.ansiBrightCyan#148574
- terminal.ansiBrightGreen#529342
- terminal.ansiBrightMagenta#409864
- terminal.ansiBrightRed#CD4D54
- terminal.ansiBrightWhite#3A4D42
- terminal.ansiBrightYellow#937114
- terminal.ansiCyan#007A68
- terminal.ansiGreen#438A32
- terminal.ansiMagenta#2F8F57
- terminal.ansiRed#C93D45
- terminal.ansiWhite#6E7F75
- terminal.ansiYellow#8A6500
- terminal.background#EEF6F0
- terminal.border#DDE6E0
- terminal.dropBackground#2F8F5738
- terminal.findMatchBackground#B3567257
- terminal.findMatchBorder#B35672
- terminal.findMatchHighlightBackground#286D9F38
- terminal.findMatchHighlightBorder#00000000
- terminal.foreground#3A4D42
- terminal.inactiveSelectionBackground#E8F0EA
- terminal.selectionBackground#DDE6E0
- terminal.tab.activeBorder#2F8F57
- terminalCommandDecoration.defaultBackground#89988F
- terminalCommandDecoration.errorBackground#C93D45
- terminalCommandDecoration.successBackground#438A32
- terminalCursor.background#EEF6F0
- terminalCursor.foreground#2F8F57
- terminalOverviewRuler.cursorForeground#2F8F57
- terminalOverviewRuler.findMatchForeground#B35672
- testing.iconErrored#C93D45
- testing.iconFailed#C93D45
- testing.iconPassed#438A32
- testing.iconQueued#8A6500
- testing.iconSkipped#A8B5AC
- testing.iconUnset#89988F
- testing.message.error.decorationForeground#C93D45
- testing.message.error.lineBackground#C93D451F
- testing.message.info.decorationForeground#286D9F
- testing.message.info.lineBackground#286D9F1F
- testing.peekBorder#2F8F57
- testing.peekHeaderBackground#D8E1DA
- testing.runAction#438A32
- textBlockQuote.background#E4ECE6
- textBlockQuote.border#D1DCD5
- textCodeBlock.background#E4ECE6
- textLink.activeForeground#2F8F57
- textLink.foreground#286D9F
- textPreformat.foreground#3A4D42
- textSeparator.foreground#D1DCD5
- titleBar.activeBackground#D8E1DA
- titleBar.activeForeground#3A4D42
- titleBar.border#00000000
- titleBar.inactiveBackground#D8E1DA
- titleBar.inactiveForeground#A8B5AC
- tree.inactiveIndentGuidesStroke#DDE6E0
- tree.indentGuidesStroke#D1DCD5
- tree.tableColumnsBorder#DDE6E0
- tree.tableOddRowsBackground#E8F0EA61
- walkThrough.embeddedEditorBackground#E4ECE6
- welcomePage.background#EEF6F0
- welcomePage.buttonBackground#DDE6E0
- welcomePage.buttonHoverBackground#D1DCD5
- welcomePage.tileBackground#E4ECE6
- welcomePage.tileBorder#DDE6E0
- welcomePage.tileHoverBackground#E8F0EA
- widget.border#D1DCD5
- widget.shadow#0000001F
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #A8B5AC | italic |
| text, source, variable, variable.other.readwrite | #3A4D42 | — |
| keyword, keyword.control, keyword.other | #2F8F57 | |
| storage.type, storage.modifier, storage | #2F8F57 | |
| 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 | #8A6500 | italic |
| keyword.control.import, keyword.control.export, keyword.control.from | #36654A | |
| meta.import keyword.control, meta.export keyword.control, keyword.control.import.ts, keyword.control.export.ts, keyword.control.from.ts, keyword.control.as.ts | #2F8F57 | |
| string | #007A68 | — |
| string.regexp | #108162 | — |
| constant.character.escape | #178460 | — |
| constant.language.null.js, constant.language.null.ts, constant.language.undefined.js, constant.language.undefined.ts, support.constant.node, support.type.object.module.js | #2F8F57 | — |
| variable.parameter | #375D47 | italic |
| meta.function.parameters, variable.parameter.ts, variable.parameter.js, variable.parameter.generic, variable.other.jsdoc, comment.block.documentation variable.other | #375D47 | italic |
| variable.other.property, support.variable.property, variable.object.property | #3A4D42 | — |
| 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 | #286D9F | — |
| variable.other.constant.js, variable.other.constant.ts, entity.name.constant | #B35672 | — |
| entity.name.function, support.function, meta.function-call, meta.function-call.method | #286D9F | italic |
| variable.function, support.function.misc, meta.method-call entity.name.function, meta.function-call.constructor | #286D9F | italic |
| keyword.declaration.function.arrow.js, storage.type.function.arrow.ts | #007A68 | — |
| entity.name.type, support.class, entity.name.class, entity.name.namespace | #8A6500 | italic |
| entity.other.inherited-class, entity.name.struct, support.class.component, support.class.component.jsx, support.class.component.tsx, support.class.component.vue | #8A6500 | italic |
| entity.name.enum, entity.name.type.enum | #8A6500 | italic |
| constant, constant.language, support.constant, variable.other.constant | #B35672 | — |
| constant.numeric, number | #B35672 | — |
| constant.language.boolean, constant.language.true, constant.language.false | #B35672 | — |
| keyword.operator, operator, punctuation.accessor | #007A68 | — |
| 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 | #007A68 | — |
| punctuation | #89988F | — |
| punctuation.definition.block, punctuation.definition.parameters, punctuation.section, punctuation.definition.arguments | #6E7F75 | — |
| punctuation.definition.typeparameters, punctuation.definition.template-expression | #286D9F | — |
| entity.name.tag | #2F8F57 | — |
| entity.other.attribute-name | #286D9F | italic |
| meta.decorator, punctuation.decorator | #B35672 | italic |
| meta.annotation variable.function, meta.annotation variable.annotation.function, meta.annotation punctuation.definition.annotation, punctuation.definition.annotation, storage.type.annotation | #B35672 | italic |
| punctuation.decorator.ts | #286D9F | italic |
| support.type, meta.type, meta.type-alias | #8A6500 | — |
| support.type.builtin.ts, support.type.primitive | #2F8F57 | — |
| support.function.builtin, variable.language.this | #C93D45 | — |
| keyword.control.anchor.regexp, punctuation.definition.group.no-capture.regexp, meta.assertion.look-ahead.regexp, meta.assertion.negative-look-ahead.regexp | #2F8F57 | — |
| punctuation.definition.group.regexp, keyword.other.back-reference.regexp | #438A32 | — |
| punctuation.definition.character-class.regexp, constant.other.character-class.regexp | #8A6500 | — |
| keyword.operator.quantifier.regexp, constant.character.numeric.regexp | #B35672 | — |
| markup.heading | #2F8F57 | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.underline | — | underline |
| markup.inserted | #438A32 | — |
| markup.deleted | #C93D45 | — |
| markup.changed | #286D9F | — |
| markup.inline.raw, markup.fenced_code | #007A68 | — |
| meta.embedded | #3A4D42 | — |
| invalid | #C93D45 | underline |