DarkMatter Pro
Publisher: Rafael-AvalosThemes in package: 1
Tema oscuro premium para VS Code con workbench moderno y sintaxis inspirada en Monokai.
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#111927
- activityBar.activeBorder#58A6FF
- activityBar.activeFocusBorder#58A6FF
- activityBar.background#0D1117
- activityBar.border#162232
- activityBar.dropBackground#58A6FF15
- activityBar.foreground#E6EDF3
- activityBar.inactiveForeground#6E7681
- activityBarBadge.background#58A6FF
- activityBarBadge.foreground#0D1117
- badge.background#1C2128
- badge.foreground#E6EDF3
- breadcrumb.activeSelectionForeground#E6EDF3
- breadcrumb.background#0D1117
- breadcrumb.focusForeground#E6EDF3
- breadcrumb.foreground#6E7681
- breadcrumbPicker.background#161B22
- button.background#58A6FF
- button.foreground#0D1117
- button.hoverBackground#79C0FF
- button.secondaryBackground#1C2128
- button.secondaryForeground#E6EDF3
- button.secondaryHoverBackground#21262D
- chart.axis#6E7681
- chart.line#58A6FF
- chart.shadow#0D111780
- charts.blue#58A6FF
- charts.foreground#E6EDF3
- charts.green#7EE787
- charts.lines#6E7681
- charts.orange#FFA657
- charts.purple#D2A8FF
- charts.red#FF7B72
- charts.yellow#F2CC60
- checkbox.background#161B22
- checkbox.border#21262D
- checkbox.foreground#E6EDF3
- commandCenter.activeBackground#132033
- commandCenter.activeBorder#2A4057
- commandCenter.activeForeground#E6EDF3
- commandCenter.background#101721
- commandCenter.border#1C2B3B
- commandCenter.foreground#94A3B8
- commandCenter.inactiveBorder#162232
- commandCenter.inactiveForeground#6E7681
- contrastActiveBorder#2A4057
- contrastBorder#21262D
- debugExceptionWidget.background#0D1117
- debugExceptionWidget.border#21262D
- debugIcon.continueForeground#7EE787
- debugIcon.disconnectForeground#FF7B72
- debugIcon.pauseForeground#F2CC60
- debugIcon.startForeground#7EE787
- debugIcon.stepIntoForeground#58A6FF
- debugIcon.stepOutForeground#58A6FF
- debugIcon.stepOverForeground#58A6FF
- debugIcon.stopForeground#FF7B72
- debugTokenExpression.boolean#FFA657
- debugTokenExpression.error#FF7B72
- debugTokenExpression.name#D2A8FF
- debugTokenExpression.number#FFA657
- debugTokenExpression.string#7EE787
- debugTokenExpression.value#E6EDF3
- debugToolBar.background#161B22
- debugToolBar.border#21262D
- debugViewExceptionLabel.background#FF7B72
- debugViewExceptionLabel.foreground#0D1117
- debugViewStateLabel.background#21262D
- debugViewStateLabel.foreground#8B949E
- descriptionForeground#8B949E
- diffEditor.border#21262D
- diffEditor.insertedLineBackground#7EE78710
- diffEditor.insertedTextBackground#7EE78720
- diffEditor.removedLineBackground#FF7B7210
- diffEditor.removedTextBackground#FF7B7220
- diffEditorGutter.insertedLineBackground#7EE78740
- diffEditorGutter.removedLineBackground#FF7B7240
- diffEditorOverview.insertedForeground#7EE787
- diffEditorOverview.removedForeground#FF7B72
- dropdown.background#161B22
- dropdown.border#21262D
- dropdown.foreground#E6EDF3
- editor.background#0D1117
- editor.findMatchBackground#58A6FF40
- editor.findMatchHighlightBackground#58A6FF25
- editor.findRangeHighlightBackground#58A6FF15
- editor.foreground#E6EDF3
- editor.inactiveSelectionBackground#58A6FF15
- editor.lineHighlightBackground#161B22
- editor.selectionBackground#58A6FF26
- editor.selectionHighlightBackground#58A6FF20
- editor.wordHighlightBackground#58A6FF30
- editor.wordHighlightStrongBackground#58A6FF40
- editorBracketHighlight.foreground1#58A6FF
- editorBracketHighlight.foreground2#D2A8FF
- editorBracketHighlight.foreground3#79C0FF
- editorBracketHighlight.foreground4#FF7B72
- editorBracketHighlight.foreground5#F2CC60
- editorBracketHighlight.foreground6#7EE787
- editorBracketMatch.background#58A6FF20
- editorBracketMatch.border#58A6FF50
- editorCodeLens.foreground#6E7681
- editorCursor.background#0D1117
- editorCursor.foreground#58A6FF
- editorError.foreground#FF7B72
- editorGroup.border#162232
- editorGroup.dropBackground#58A6FF15
- editorGroup.emptyBackground#0D1117
- editorGroup.focusedEmptyBorder#58A6FF80
- editorGroupHeader.noTabsBackground#0D1117
- editorGroupHeader.tabsBackground#080D13
- editorGroupHeader.tabsBorder#121A24
- editorGutter.addedBackground#7EE787
- editorGutter.background#0D1117
- editorGutter.commentRangeForeground#6E7681
- editorGutter.deletedBackground#FF7B72
- editorGutter.modifiedBackground#58A6FF
- editorHint.foreground#79C0FF
- editorHoverWidget.background#161B22
- editorHoverWidget.border#21262D
- editorHoverWidget.foreground#E6EDF3
- editorIndentGuide.activeBackground#30363D
- editorIndentGuide.background#21262D
- editorInfo.foreground#58A6FF
- editorLineNumber.activeForeground#58A6FF
- editorLineNumber.foreground#30363D
- editorLink.activeForeground#58A6FF
- editorMarkerNavigation.background#161B22
- editorMarkerNavigationError.background#FF7B72
- editorMarkerNavigationInfo.background#58A6FF
- editorMarkerNavigationWarning.background#F2CC60
- editorOverviewRuler.addedForeground#7EE78750
- editorOverviewRuler.background#0D1117
- editorOverviewRuler.border#21262D
- editorOverviewRuler.deletedForeground#FF7B7250
- editorOverviewRuler.errorForeground#FF7B72
- editorOverviewRuler.findMatchForeground#58A6FF50
- editorOverviewRuler.infoForeground#58A6FF
- editorOverviewRuler.modifiedForeground#58A6FF50
- editorOverviewRuler.warningForeground#F2CC60
- editorPane.background#0D1117
- editorRangeHighlight.background#58A6FF15
- editorRuler.foreground#21262D
- editorStickyScroll.background#0D1117
- editorStickyScrollHover.background#161B22
- editorSuggestWidget.background#161B22
- editorSuggestWidget.border#21262D
- editorSuggestWidget.foreground#E6EDF3
- editorSuggestWidget.highlightForeground#58A6FF
- editorSuggestWidget.selectedBackground#1C2128
- editorUnicodeHighlight.background#F2CC6015
- editorUnicodeHighlight.border#F2CC60
- editorWarning.foreground#F2CC60
- editorWhitespace.foreground#30363D
- editorWidget.background#161B22
- editorWidget.border#21262D
- editorWidget.foreground#E6EDF3
- errorForeground#FF7B72
- extensionBadge.remoteBackground#58A6FF
- extensionBadge.remoteForeground#0D1117
- extensionButton.background#1C2128
- extensionButton.foreground#E6EDF3
- extensionButton.prominentBackground#58A6FF
- extensionButton.prominentForeground#0D1117
- extensionButton.prominentHoverBackground#79C0FF
- extensionIcon.preReleaseForeground#79C0FF
- extensionIcon.sponsorForeground#D2A8FF
- extensionIcon.starForeground#F2CC60
- extensionIcon.verifiedForeground#58A6FF
- focusBorder#2A4057
- gitDecoration.addedResourceForeground#7EE787
- gitDecoration.conflictingResourceForeground#FFA657
- gitDecoration.copiedResourceForeground#79C0FF
- gitDecoration.deletedResourceForeground#FF7B72
- gitDecoration.ignoredResourceForeground#6E7681
- gitDecoration.modifiedResourceForeground#58A6FF
- gitDecoration.renamedResourceForeground#79C0FF
- gitDecoration.stageDeletedResourceForeground#FF7B72
- gitDecoration.stageModifiedResourceForeground#F2CC60
- gitDecoration.submoduleResourceForeground#D2A8FF
- gitDecoration.untrackedResourceForeground#7EE787
- hoverHighlightBackground#58A6FF15
- imagePreview.border#21262D
- infoForeground#58A6FF
- inlineChat.background#161B22
- inlineChat.border#21262D
- inlineChat.foreground#E6EDF3
- inlineChatDiff.inserted#7EE78720
- inlineChatDiff.removed#FF7B7220
- inlineChatInput.background#161B22
- inlineChatInput.border#21262D
- inlineChatInput.focusBorder#58A6FF
- inlineChatInput.placeholderForeground#6E7681
- inlineChatShadow#0D111780
- input.background#161B22
- input.border#21262D
- input.foreground#E6EDF3
- input.placeholderForeground#6E7681
- inputOption.activeBackground#1C2128
- inputOption.activeBorder#58A6FF
- inputOption.activeForeground#E6EDF3
- inputValidation.errorBackground#161B22
- inputValidation.errorBorder#FF7B72
- inputValidation.infoBackground#161B22
- inputValidation.infoBorder#58A6FF
- inputValidation.warningBackground#161B22
- inputValidation.warningBorder#F2CC60
- interactive.activeCodeBorder#58A6FF
- interactive.inactiveCodeBorder#21262D
- keybindingLabel.background#161B22
- keybindingLabel.border#21262D
- keybindingLabel.bottomBorder#21262D
- keybindingLabel.foreground#E6EDF3
- list.activeSelectionBackground#182A3D
- list.activeSelectionForeground#E6EDF3
- list.deemphasizedForeground#6E7681
- list.dropBackground#58A6FF15
- list.errorForeground#FF7B72
- list.filterMatchBackground#58A6FF30
- list.focusAndSelectionOutline#2A4057
- list.focusBackground#182A3D
- list.focusForeground#E6EDF3
- list.focusOutline#2A4057
- list.highlightForeground#58A6FF
- list.hoverBackground#142235
- list.hoverForeground#E6EDF3
- list.inactiveFocusOutline#2A4057
- list.inactiveSelectionBackground#132033
- list.inactiveSelectionForeground#E6EDF3
- list.invalidItemForeground#FF7B72
- list.warningForeground#F2CC60
- listFilterWidget.background#161B22
- listFilterWidget.noMatchesOutline#FF7B72
- listFilterWidget.outline#58A6FF
- listFilterWidget.shadow#0D111780
- menu.background#161B22
- menu.border#21262D
- menu.foreground#E6EDF3
- menu.selectionBackground#1C2128
- menu.selectionForeground#E6EDF3
- menu.separatorBackground#21262D
- menubar.selectionBackground#132033
- menubar.selectionForeground#E6EDF3
- merge.commonHeaderBackground#6E768120
- merge.currentHeaderBackground#58A6FF20
- merge.incomingHeaderBackground#7EE78720
- minimap.background#0D1117
- minimap.errorHighlight#FF7B72
- minimap.findMatchHighlight#58A6FF30
- minimap.selectionHighlight#58A6FF40
- minimap.warningHighlight#F2CC60
- minimapSlider.activeBackground#1C2128E6
- minimapSlider.background#1C2128B0
- minimapSlider.hoverBackground#1C2128CC
- notebook.cellBorderColor#21262D
- notebook.cellHoverBackground#161B22
- notebook.cellInsertionIndicator#58A6FF
- notebook.cellStatusBarItemHoverBackground#1C2128
- notebook.cellToolbarSeparator#21262D
- notebook.editorBackground#0D1117
- notebook.focusedCellBackground#161B22
- notebook.focusedCellBorder#58A6FF
- notebook.focusedEditorBorder#58A6FF
- notebook.inactiveFocusedCellBorder#1C2128
- notebook.outputContainerBackgroundColor#161B22
- notebook.outputContainerBorderColor#21262D
- notebook.selectedCellBackground#161B22
- notebook.selectedCellBorder#21262D
- notebook.symbolHighlightBackground#58A6FF20
- notebookScrollbarSlider.activeBackground#1C2128E6
- notebookScrollbarSlider.background#1C2128B0
- notebookScrollbarSlider.hoverBackground#1C2128CC
- notebookStatusErrorIcon.foreground#FF7B72
- notebookStatusRunningIcon.foreground#79C0FF
- notebookStatusSuccessIcon.foreground#7EE787
- notificationCenter.border#21262D
- notificationCenterHeader.background#161B22
- notificationCenterHeader.foreground#E6EDF3
- notificationErrorBackground#FF7B7220
- notificationInfoBackground#58A6FF20
- notificationLink.foreground#58A6FF
- notifications.background#161B22
- notifications.border#21262D
- notifications.foreground#E6EDF3
- notificationToast.border#21262D
- notificationWarningBackground#F2CC6020
- panel.background#0D1117
- panel.border#21262D
- panel.foreground#8B949E
- panelInput.border#21262D
- panelSection.border#21262D
- panelSection.dropBackground#58A6FF15
- panelSectionHeader.background#161B22
- panelSectionHeader.foreground#E6EDF3
- panelTitle.activeForeground#E6EDF3
- panelTitle.border#58A6FF
- panelTitle.inactiveForeground#6E7681
- peekView.border#21262D
- peekViewEditor.background#0D1117
- peekViewEditor.matchHighlightBackground#58A6FF30
- peekViewEditorGutter.background#0D1117
- peekViewResult.background#161B22
- peekViewResult.fileForeground#E6EDF3
- peekViewResult.lineForeground#6E7681
- peekViewResult.matchHighlightBackground#58A6FF30
- peekViewResult.selectionBackground#1C2128
- peekViewResult.selectionForeground#E6EDF3
- peekViewTitle.background#0D1117
- peekViewTitle.description.foreground#6E7681
- peekViewTitleLabel.foreground#E6EDF3
- pickerGroup.border#21262D
- pickerGroup.foreground#58A6FF
- ports.iconRunningProcessForeground#7EE787
- progressBar.background#58A6FF
- quickInput.background#161B22
- quickInput.foreground#E6EDF3
- quickInputList.focusBackground#1C2128
- sash.hoverBorder#58A6FF
- scrollbar.shadow#0D1117
- scrollbarSlider.activeBackground#1C2128E6
- scrollbarSlider.background#1C2128B0
- scrollbarSlider.hoverBackground#1C2128CC
- settings.checkboxBackground#161B22
- settings.checkboxBorder#21262D
- settings.checkboxForeground#E6EDF3
- settings.dropdownBackground#161B22
- settings.dropdownBorder#21262D
- settings.dropdownForeground#E6EDF3
- settings.focusedRowBackground#58A6FF10
- settings.headerForeground#E6EDF3
- settings.modifiedItemIndicator#58A6FF
- settings.numberInputBackground#161B22
- settings.numberInputBorder#21262D
- settings.numberInputForeground#E6EDF3
- settings.rowHoverBackground#161B22
- settings.sashBorder#21262D
- settings.textInputBackground#161B22
- settings.textInputBorder#21262D
- settings.textInputForeground#E6EDF3
- sideBar.background#101720
- sideBar.border#162232
- sideBar.dropBackground#58A6FF15
- sideBar.foreground#94A3B8
- sideBarSectionHeader.background#0D141D
- sideBarSectionHeader.border#162232
- sideBarSectionHeader.foreground#E6EDF3
- sideBarStickyScroll.background#101720
- sideBarTitle.foreground#E6EDF3
- simpleFindWidget.sashBorder#21262D
- statusBar.background#0D1117
- statusBar.border#21262D
- statusBar.debuggingBackground#FF7B72
- statusBar.debuggingForeground#0D1117
- statusBar.focusBorder#58A6FF
- statusBar.foreground#8B949E
- statusBar.noFolderBackground#0D1117
- statusBarItem.errorBackground#FF7B72
- statusBarItem.errorForeground#0D1117
- statusBarItem.prominentBackground#1C2128
- statusBarItem.prominentHoverBackground#21262D
- statusBarItem.remoteBackground#58A6FF
- statusBarItem.remoteForeground#0D1117
- statusBarItem.warningBackground#F2CC60
- statusBarItem.warningForeground#0D1117
- tab.activeBackground#162335
- tab.activeBorder#00000000
- tab.activeBorderTop#00000000
- tab.activeForeground#E6EDF3
- tab.activeModifiedBorder#F2CC60
- tab.border#121A24
- tab.hoverBackground#132033
- tab.hoverBorder#2A4057
- tab.hoverForeground#E6EDF3
- tab.inactiveBackground#0B111A
- tab.inactiveForeground#7D8A9A
- tab.inactiveModifiedBorder#F2CC60
- tab.lastPinnedBorder#162232
- tab.unfocusedActiveBackground#101720
- tab.unfocusedActiveForeground#94A3B8
- tab.unfocusedInactiveBackground#0B111A
- tab.unfocusedInactiveForeground#6E7681
- terminal.ansiBlack#161B22
- terminal.ansiBlue#58A6FF
- terminal.ansiBrightBlack#6E7681
- terminal.ansiBrightBlue#58A6FF
- terminal.ansiBrightCyan#79C0FF
- terminal.ansiBrightGreen#7EE787
- terminal.ansiBrightMagenta#D2A8FF
- terminal.ansiBrightRed#FF7B72
- terminal.ansiBrightWhite#E6EDF3
- terminal.ansiBrightYellow#F2CC60
- terminal.ansiCyan#79C0FF
- terminal.ansiGreen#7EE787
- terminal.ansiMagenta#D2A8FF
- terminal.ansiRed#FF7B72
- terminal.ansiWhite#E6EDF3
- terminal.ansiYellow#F2CC60
- terminal.background#0D1117
- terminal.border#21262D
- terminal.dropBackground#58A6FF15
- terminal.foreground#E6EDF3
- terminal.selectionBackground#58A6FF30
- terminal.tab.activeBorder#58A6FF
- terminalCommandGuide.foreground#21262D
- terminalCursor.background#0D1117
- terminalCursor.foreground#58A6FF
- testing.iconErrored#FF7B72
- testing.iconFailed#FF7B72
- testing.iconPassed#7EE787
- testing.iconQueued#F2CC60
- testing.iconSkipped#6E7681
- testing.iconUnset#6E7681
- testing.peekBorder#FF7B72
- testing.runAction#7EE787
- textBlockQuote.background#161B22
- textBlockQuote.border#58A6FF
- textCodeBlock.background#161B22
- textLink.activeForeground#79C0FF
- textLink.foreground#58A6FF
- textPreformat.foreground#79C0FF
- textSeparator.foreground#21262D
- titleBar.activeBackground#080D13
- titleBar.activeForeground#E6EDF3
- titleBar.border#121A24
- titleBar.inactiveBackground#080D13
- titleBar.inactiveForeground#6E7681
- tree.indentGuidesStroke#1B2A3A
- tree.tableColumnsBorder#162232
- tree.tableOddRowsBackground#0D111715
- walkThrough.overlay.background#0D1117
- warningForeground#F2CC60
- welcomePage.background#0D1117
- welcomePage.progress.background#21262D
- welcomePage.progress.foreground#58A6FF
- welcomePage.tileBackground#161B22
- welcomePage.tileBorder#21262D
- welcomePage.tileHoverBackground#1C2128
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, keyword.control, storage.type, storage.modifier | #F23678 | — |
| keyword.control.import, keyword.control.export, keyword.control.from | #F23678 | — |
| keyword.control.conditional, keyword.control.repeat, keyword.control.switch, keyword.control.trycatch | #F23678 | — |
| keyword.operator, keyword.operator.expression, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.arithmetic | #F23678 | — |
| punctuation.accessor, punctuation.definition.type, keyword.operator.type | #F23678 | — |
| keyword.control.as, keyword.control.default, keyword.control.from | #F23678 | — |
| constant, constant.language, constant.character.escape | #AE81FF | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float | #AE81FF | — |
| variable.language, variable.language.special, support.type.builtin | #66D9EF | — |
| variable, variable.other, variable.other.object | #F8F8F2 | — |
| variable.parameter, variable.parameter.function | #FF9D1F | — |
| variable.other.property, variable.other.object.property | #66D9EF | — |
| variable.other.constant, variable.other.enummember | #AE81FF | — |
| support.variable, support.variable.dom | #66D9EF | — |
| string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple | #A6E22E | — |
| string.template, string.template.literal | #A6E22E | — |
| string.regexp, string.regexp.character-class | #A6E22E | — |
| string.quoted.docstring, string.quoted.other.multiline | #A6E22E | italic |
| string.unquoted, string.unquoted.plain | #A6E22E | — |
| string.key, string.key.json, support.type.property-name | #A6E22E | — |
| string.interpolation, string.interpolated | #F23678 | — |
| constant.character.escape | #FF9D1F | — |
| entity.name.function, entity.name.function.constructor, meta.function-call, support.function | #A6E22E | — |
| entity.name.method, entity.name.function.method | #A6E22E | — |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.interface, entity.name.enum, support.class, support.type | #66D9EF | — |
| entity.name.namespace, entity.name.module, entity.name.section | #66D9EF | — |
| entity.name.tag, entity.name.tag.documentation | #F23678 | — |
| entity.other.attribute-name, entity.other.attribute-name.html | #FF9D1F | — |
| entity.other.inherited-class | #66D9EF | italic |
| support.constant, support.constant.math | #AE81FF | — |
| support.type.property-value, support.constant.property-value | #A6E22E | — |
| support.variable.property, support.variable.object.property | #66D9EF | — |
| punctuation.separator, punctuation.terminator | #8B8E7A | — |
| punctuation.section, punctuation.definition.block, punctuation.definition.binding | #8B8E7A | — |
| meta.brace, meta.block, punctuation.definition.bracket | #8B8E7A | — |
| punctuation.definition.parameters, punctuation.definition.arguments | #8B8E7A | — |
| punctuation.definition.string | #A6E22E | — |
| meta.brace.round, meta.brace.square, meta.brace.curly | #8B8E7A | — |
| comment, comment.line, comment.block, comment.block.documentation | #9AA0A6 | italic |
| comment.line.double-slash, comment.line.double-dash | #9AA0A6 | italic |
| comment.block.documentation, comment.block.documentation variable, comment.block.documentation entity | #9AA0A6 | italic |
| meta.documentation, meta.documentation.annotation | #6E7681 | — |
| comment.documentation.keyword | #9AA0A6 | italic |
| storage.modifier.documentation | #F23678 | italic |
| markup.heading, markup.heading.setext, entity.name.section | #F23678 | bold |
| markup.heading mark | #F23678 | bold |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| markup.list, markup.list.numbered, markup.list.unordered | #66D9EF | — |
| markup.list punctuation | #66D9EF | — |
| markup.quote, markup.blockquote | #9AA0A6 | italic |
| markup.code, markup.inline.raw, markup.fenced_code | #A6E22E | — |
| markup.horizontalRule | #6E7681 | — |
| markup.inserted, markup.inserted.diff | #A6E22E | — |
| markup.deleted, markup.deleted.diff | #F23678 | — |
| markup.changed, markup.changed.diff | #FF9D1F | — |
| invalid, invalid.illegal | #F23678 | underline wavy |
| invalid.deprecated | #FF9D1F | underline wavy |
| source.json meta.structure.dictionary.key | #66D9EF | — |
| source.json support.type.property-name | #66D9EF | — |
| source.json string.quoted.double | #A6E22E | — |
| source.json meta.structure.dictionary.value string.quoted.double | #A6E22E | — |
| source.json punctuation.separator | #8B8E7A | — |
| markup.raw, markup.inline.raw.string | #A6E22E | — |
| meta.type.annotation, meta.type.declaration | #66D9EF | — |
| meta.object-literal.key | #66D9EF | — |
| meta.parameter, variable.parameter | #A6E22E | — |
| meta.property-list entity.name.tag | #F23678 | — |
| meta.selector, meta.selector entity.other.attribute-name | #F23678 | — |
| meta.preprocessor, meta.directive | #F23678 | — |
| meta.directive.variable | #F23678 | — |
| constant.language.null, constant.language.undefined, constant.language.boolean | #AE81FF | — |
| constant.language.true, constant.language.false | #AE81FF | — |
| constant.language.this, constant.language.self, variable.language.this | #AE81FF | — |
| support.variable.this | #66D9EF | — |
| entity.other.attribute-name.class | #41A8FF | — |
| entity.other.attribute-name.id | #F23678 | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #41A8FF | — |
| source.css propertyName, source.css meta.property-name | #66D9EF | — |
| source.css propertyValue, source.css meta.property-value | #A6E22E | — |
| source.css support.type.property-name | #66D9EF | — |
| source.css support.constant | #AE81FF | — |
| source.css entity.name.tag | #F23678 | — |
| source.css keyword.control.at-rule | #F23678 | — |
| source.css constant.numeric | #AE81FF | — |
| source.css string.quoted | #A6E22E | — |
| source.scss keyword.control.at-rule | #F23678 | — |
| source.less keyword.control.at-rule | #F23678 | — |
| punctuation.definition.interpolation | #F23678 | — |
| meta.embedded.block, meta.embedded.line | #E6EDF3 | — |
| meta.function-call variable.parameter | #A6E22E | — |
| variable.other.readwrite | #F8F8F2 | — |
| variable.other.readwrite.js | #F8F8F2 | — |
| variable.other.object.js | #F8F8F2 | — |
| support.type.object.module | #66D9EF | — |
| entity.name.type.module | #66D9EF | — |
| keyword.control.module | #F23678 | — |
| keyword.control.package | #F23678 | — |
| keyword.control.using | #F23678 | — |
| storage.modifier, storage.type.primitive | #66D9EF | — |
| storage.modifier.access, storage.modifier.access.private, storage.modifier.access.protected, storage.modifier.access.public | #F23678 | — |
| storage.type.namespace | #66D9EF | — |
| storage.type.parameter | #FF9D1F | — |
| storage.type.generic | #66D9EF | — |
| meta.import variable, meta.import variable.other.readwrite, meta.import variable.other.constant, meta.import variable.other.object, meta.import support.variable, meta.import support.class, meta.import entity.name, meta.import entity.name.type, meta.import entity.name.function, meta.export variable, meta.export variable.other.readwrite | #AE81FF | — |
| variable.other.constant.js, variable.other.constant.ts, variable.other.constant.tsx, variable.other.constant.jsx | #FF9D1F | — |
| meta.object.member variable.other.property, meta.property.object, variable.other.property.js, variable.other.property.ts, variable.other.property.jsx, variable.other.property.tsx | #66D9EF | — |
| meta.decorator, meta.decorator entity.name.function, entity.name.function.decorator, punctuation.definition.decorator | #FF9D1F | — |
| support.class.component.vue, entity.name.tag.component.vue, support.class.component.jsx, support.class.component.tsx | #A6E22E | bold |
| entity.other.attribute-name.directive.vue, entity.other.attribute-name.event.vue, entity.other.attribute-name.bind.vue, entity.other.attribute-name.shorthand.vue, source.vue entity.other.attribute-name.directive, text.html.vue entity.other.attribute-name.directive | #AE81FF | — |
| entity.other.attribute-name.vue, text.html.vue entity.other.attribute-name, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx | #FF9D1F | — |
| entity.name.type.alias.ts, entity.name.type.interface.ts, entity.name.type.enum.ts, support.type.primitive.ts, support.type.primitive.tsx, meta.type.parameters entity.name.type | #66D9EF | — |
| source.css entity.other.attribute-name.class, source.scss entity.other.attribute-name.class, source.less entity.other.attribute-name.class | #41A8FF | — |
| source.css entity.other.attribute-name.id, source.scss entity.other.attribute-name.id, source.less entity.other.attribute-name.id | #41A8FF | — |
| source.css support.constant.color, source.scss support.constant.color, source.less support.constant.color, constant.other.color, constant.other.color.rgb-value | #AE81FF | — |
| source.css support.type.custom-property.name, source.scss variable, source.less variable | #FF9D1F | — |
| source.yaml entity.name.tag, source.yaml support.type.property-name, source.toml support.type.property-name, source.env variable.other | #F23678 | — |
| string.regexp constant.character.escape, string.regexp keyword.operator, constant.other.character-class.regexp, keyword.operator.quantifier.regexp | #FF9D1F | — |
| markup.underline.link, string.other.link, meta.link.inline, meta.link.reference | #A6E22E | — |
| punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.begin.vue, punctuation.definition.tag.end.vue, punctuation.definition.tag.begin.xml, punctuation.definition.tag.end.xml | #C0C7CC | — |
| meta.tag string.quoted, meta.tag string.quoted.double, meta.tag string.quoted.single, meta.tag.attributes string.quoted, meta.tag.attributes string.quoted.double, meta.tag.attributes string.quoted.single, text.html string.quoted, text.html.basic string.quoted, text.html.vue string.quoted, source.vue text.html string.quoted, source.vue string.quoted, string.quoted.double.html, string.quoted.single.html, string.quoted.double.vue, string.quoted.single.vue | #FFF06D | — |