Tokyo Modern
Publisher: lodThemes in package: 1
Beautiful modern dark theme for VS Code with carefully crafted colors and contemporary design
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#232133
- activityBar.activeBorder#796ed7
- activityBar.background#151326
- activityBar.border#1e1c2f
- activityBar.foreground#796ed7
- activityBar.inactiveForeground#796ed780
- activityBarBadge.background#964da2
- activityBarBadge.foreground#ffffff
- activityBarTop.foreground#b8c2ed
- activityBarTop.inactiveForeground#969eba
- activityErrorBadge.background#b33b3b
- activityErrorBadge.foreground#ffffff
- activityWarningBadge.background#766b5e
- activityWarningBadge.foreground#ffffff
- badge.background#5c51b1
- badge.foreground#bbc4ee
- breadcrumb.activeSelectionForeground#9d75ea
- breadcrumb.background#18162b
- breadcrumb.focusForeground#bbc4ee
- breadcrumb.foreground#b1bae4
- breadcrumbPicker.background#18162a
- button.background#40397c
- button.foreground#bbc4ee
- button.hoverBackground#4a4383
- button.secondaryBackground#322958
- button.secondaryForeground#bbc4ee
- charts.blue#429deb
- charts.foreground#bbc4ee
- charts.green#8ab56c
- charts.lines#18162b
- charts.orange#e07850
- charts.purple#9d75ea
- charts.red#ff5555
- charts.yellow#c4b39d
- chat.avatarBackground#40397c
- chat.avatarForeground#bbc4ee
- chat.requestBorder#2a293c
- chat.slashCommandBackground#151326
- chat.slashCommandForeground#6d61d3
- checkbox.background#18162b
- checkbox.border#29254d
- checkbox.foreground#bbc4ee
- debugConsole.errorForeground#d64747
- debugConsole.infoForeground#b8c2ed
- debugConsole.sourceForeground#b8c2ed
- debugConsole.warningForeground#a59684
- debugConsoleInputIcon.foreground#4ec8b7
- debugExceptionWidget.background#151326
- debugExceptionWidget.border#d64747
- debugIcon.breakpointDisabledForeground#2a293c
- debugIcon.breakpointForeground#d64747
- debugIcon.breakpointUnverifiedForeground#d64747
- debugTokenExpression.boolean#e07850
- debugTokenExpression.error#d64747
- debugTokenExpression.name#51bbcb
- debugTokenExpression.number#e07850
- debugTokenExpression.string#8ab56c
- debugTokenExpression.value#bbc4ee
- debugToolBar.background#151326
- debugView.stateLabelBackground#151326
- debugView.stateLabelForeground#b8c2ed
- debugView.valueChangedHighlight#5c51b1ab
- descriptionForeground#b8c2ed
- diffEditor.diagonalFill#2a293c
- diffEditor.insertedLineBackground#74985b33
- diffEditor.insertedTextBackground#74985b33
- diffEditor.removedLineBackground#d6474733
- diffEditor.removedTextBackground#d6474733
- diffEditor.unchangedCodeBackground#26243859
- diffEditorGutter.insertedLineBackground#74985b33
- diffEditorGutter.removedLineBackground#d6474733
- diffEditorOverview.insertedForeground#74985b33
- diffEditorOverview.removedForeground#d6474733
- disabledForeground#b8c2ed66
- dropdown.background#18162b
- dropdown.foreground#b8c2ed
- dropdown.listBackground#18162b
- editor.background#1d1b2f
- editor.findMatchBackground#3fca8273
- editor.findMatchBorder#4ece8c99
- editor.findMatchHighlightBackground#42b5c659
- editor.findRangeHighlightBackground#4ec8b740
- editor.focusedStackFrameHighlightBackground#ff555559
- editor.foldBackground#15132633
- editor.foreground#bbc4ee
- editor.inactiveSelectionBackground#6d61d340
- editor.lineHighlightBackground#2a293c
- editor.rangeHighlightBackground#47b8f24d
- editor.selectionBackground#429deb66
- editor.selectionHighlightBackground#eba5704d
- editor.stackFrameHighlightBackground#e078504d
- editor.wordHighlightBackground#b86bd059
- editor.wordHighlightStrongBackground#9d75ea80
- editorBracketHighlight.foreground1#d99480
- editorBracketHighlight.foreground2#6eade8
- editorBracketHighlight.foreground3#d28de6
- editorBracketHighlight.foreground4#76cac5
- editorBracketHighlight.foreground5#ac92e7
- editorBracketHighlight.foreground6#9fbd93
- editorBracketHighlight.unexpectedBracket.foreground#ff7070
- editorBracketMatch.background#18162b
- editorBracketMatch.border#1b192e
- editorBracketPairGuide.activeBackground1#e07850
- editorBracketPairGuide.activeBackground2#429deb
- editorBracketPairGuide.activeBackground3#ff5555
- editorBracketPairGuide.activeBackground4#eba570
- editorBracketPairGuide.activeBackground5#9d75ea
- editorBracketPairGuide.activeBackground6#3fca82
- editorCodeLens.foreground#b1bae4
- editorCursor.foreground#bbc4ee
- editorError.foreground#ff5555
- editorGhostText.foreground#8d92ad
- editorGroup.border#373648
- editorGroup.dropBackground#2d2c3f
- editorGroupHeader.border#1b192e
- editorGroupHeader.noTabsBackground#18162b
- editorGroupHeader.tabsBackground#18162b
- editorGroupHeader.tabsBorder#151326
- editorGutter.addedBackground#233a47
- editorGutter.deletedBackground#5d2938
- editorGutter.modifiedBackground#4a4b64
- editorHint.foreground#42b5c6
- editorHoverWidget.background#211e3c
- editorHoverWidget.border#2d2955
- editorIndentGuide.activeBackground1#53546c
- editorIndentGuide.background1#2a293c
- editorInfo.foreground#42b5c6
- editorInlayHint.foreground#a8aece
- editorLightBulb.foreground#c4b39d
- editorLightBulbAutoFix.foreground#c4b39d
- editorLineNumber.activeForeground#afb4d2
- editorLineNumber.foreground#53546c
- editorLink.activeForeground#bbc4ee
- editorMarkerNavigation.background#18162b
- editorOverviewRuler.addedForeground#233a47
- editorOverviewRuler.border#2d2c3f
- editorOverviewRuler.bracketMatchForeground#151326
- editorOverviewRuler.deletedForeground#5d2938
- editorOverviewRuler.errorForeground#ff5555
- editorOverviewRuler.findMatchForeground#3fca82cc
- editorOverviewRuler.infoForeground#60c2a1
- editorOverviewRuler.modifiedForeground#4a4b64
- editorOverviewRuler.rangeHighlightForeground#4ec8b7b3
- editorOverviewRuler.selectionHighlightForeground#eba570b3
- editorOverviewRuler.warningForeground#c4b39d
- editorOverviewRuler.wordHighlightForeground#b86bd0b3
- editorOverviewRuler.wordHighlightStrongForeground#9d75eacc
- editorPane.background#2a293c
- editorRuler.foreground#151326
- editorStickyScrollHover.background#5c51b14d
- editorSuggestWidget.background#151326
- editorSuggestWidget.border#29254d
- editorSuggestWidget.highlightForeground#afb4d2
- editorSuggestWidget.selectedBackground#6d61d340
- editorWarning.foreground#c4b39d
- editorWhitespace.foreground#ee5d92
- editorWidget.background#262246
- editorWidget.border#262246
- editorWidget.foreground#bbc4ee
- editorWidget.resizeBorder#262246
- errorForeground#b1bae4
- extensionBadge.remoteBackground#40397c
- extensionBadge.remoteForeground#bbc4ee
- extensionButton.prominentBackground#40397c
- extensionButton.prominentForeground#bbc4ee
- extensionButton.prominentHoverBackground#4a4383
- focusBorder#6d61d380
- foreground#b8c2ed
- gitDecoration.addedResourceForeground#42a89a
- gitDecoration.conflictingResourceForeground#c4b39dab
- gitDecoration.deletedResourceForeground#d64747
- gitDecoration.ignoredResourceForeground#b1bae4
- gitDecoration.modifiedResourceForeground#796ed7
- gitDecoration.renamedResourceForeground#42a89a
- gitDecoration.stageDeletedResourceForeground#d64747
- gitDecoration.stageModifiedResourceForeground#796ed7
- gitDecoration.untrackedResourceForeground#42a89a
- gitlens.gutterBackgroundColor#18162b
- gitlens.gutterForegroundColor#b8c2ed
- gitlens.gutterUncommittedForegroundColor#6d61d3
- gitlens.trailingLineForegroundColor#8d92ad
- icon.foreground#b8c2ed
- inlineChat.foreground#bbc4ee
- inlineChatDiff.inserted#74985b40
- inlineChatDiff.removed#d6474740
- inlineChatInput.background#2a293c
- input.background#151326
- input.border#29254d
- input.foreground#bbc4ee
- input.placeholderForeground#b8c2ed80
- inputOption.activeBackground#6d61d3cc
- inputOption.activeBorder#6d61d3cc
- inputOption.activeForeground#bbc4ee
- list.activeSelectionBackground#6d61d34d
- list.activeSelectionForeground#bbc4ee
- list.deemphasizedForeground#b8c2ed
- list.dropBackground#2a293c
- list.filterMatchBackground#c4b39d4d
- list.filterMatchBorder#6d61d34d
- list.focusBackground#6d61d333
- list.focusForeground#b8c2ed
- list.hoverBackground#6d61d34d
- list.hoverForeground#b8c2ed
- list.inactiveFocusBackground#6d61d340
- list.inactiveSelectionBackground#6d61d333
- list.inactiveSelectionForeground#b8c2ed
- list.warningForeground#c4b39d
- menu.background#18162b
- menu.border#29254d
- menu.foreground#b8c2ed
- menu.selectionBackground#6d61d340
- menu.selectionForeground#d6dcf5
- menu.separatorBackground#262438
- menubar.selectionBackground#6d61d333
- menubar.selectionBorder#211f33
- menubar.selectionForeground#bbc4ee
- merge.currentContentBackground#42a89a40
- merge.currentHeaderBackground#74985b33
- merge.incomingContentBackground#5c51b140
- merge.incomingHeaderBackground#5c51b1ab
- mergeEditor.change.background#74985b33
- mergeEditor.change.word.background#74985b40
- mergeEditor.conflict.handled.minimapOverViewRuler#42a89a
- mergeEditor.conflict.handledFocused.border#74985b59
- mergeEditor.conflict.handledUnfocused.border#74985b26
- mergeEditor.conflict.unhandled.minimapOverViewRuler#c4b39d
- mergeEditor.conflict.unhandledFocused.border#c4b39dab
- mergeEditor.conflict.unhandledUnfocused.border#c4b39d80
- minimapGutter.addedBackground#26434e
- minimapGutter.deletedBackground#742f3c
- minimapGutter.modifiedBackground#52536c
- multiDiffEditor.border#2a293c
- multiDiffEditor.headerBackground#2a293c
- notebook.cellBorderColor#151326
- notebook.cellEditorBackground#18162b
- notebook.cellStatusBarItemHoverBackground#6d61d333
- notebook.editorBackground#2a293c
- notebook.focusedCellBorder#29254d
- notificationCenterHeader.background#18162b
- notificationLink.foreground#796ed7
- notifications.background#18162b
- notificationsErrorIcon.foreground#d64747
- notificationsInfoIcon.foreground#42b5c6
- notificationsWarningIcon.foreground#c4b39d
- panel.background#18162a
- panel.border#29254d
- panelInput.border#262438
- panelStickyScroll.background#2a293c
- panelTitle.activeBorder#6d61d3
- panelTitle.activeForeground#b5bde5
- panelTitle.inactiveForeground#969eba
- panelTitleBadge.background#964da2
- panelTitleBadge.foreground#ffffff
- peekView.border#29254d
- peekViewEditor.background#18162b
- peekViewResult.background#18162b
- peekViewResult.fileForeground#b8c2ed
- peekViewResult.lineForeground#bbc4ee
- peekViewResult.selectionBackground#6d61d340
- peekViewResult.selectionForeground#bbc4ee
- peekViewTitle.background#151326
- peekViewTitleDescription.foreground#b8c2ed
- peekViewTitleLabel.foreground#bbc4ee
- profileBadge.background#964da2
- profileBadge.foreground#ffffff
- progressBar.background#40397c
- quickInput.background#18162b
- sash.hoverBorder#333244
- scmGraph.foreground1#6d61d3
- scmGraph.foreground2#9d75ea
- scmGraph.foreground3#42b5c6
- scmGraph.foreground4#d66ee8
- scmGraph.foreground5#d66ee8
- scmGraph.historyItemBaseRefColor#42b5c6
- scmGraph.historyItemHoverAdditionsForeground#74985b
- scmGraph.historyItemHoverDefaultLabelForeground#bbc4ee
- scmGraph.historyItemHoverDeletionsForeground#ff5555
- scmGraph.historyItemHoverLabelForeground#151326
- scmGraph.historyItemRefColor#6d61d3
- scmGraph.historyItemRemoteRefColor#9d75ea
- scrollbar.shadow#5c51b14d
- scrollbarSlider.activeBackground#5c51b140
- scrollbarSlider.background#5c51b126
- scrollbarSlider.hoverBackground#5c51b133
- selection.background#429deb59
- settings.headerForeground#afb4d2
- sideBar.background#1a182a
- sideBar.border#282637
- sideBar.dropBackground#2a293c
- sideBar.foreground#b8c2ed
- sideBarSectionHeader.background#242337
- sideBarSectionHeader.border#282637
- sideBarSectionHeader.foreground#b1bae4
- sideBarTitle.foreground#b1bae4
- statusBar.background#151326
- statusBar.border#1e1c2f
- statusBar.debuggingBackground#4d3b76
- statusBar.debuggingForeground#b1bae4
- statusBar.focusBorder#6d61d3
- statusBar.foreground#b1bae4
- statusBar.noFolderBackground#151326
- statusBarItem.activeBackground#6d61d340
- statusBarItem.focusBorder#6d61d3
- statusBarItem.hoverBackground#6d61d333
- statusBarItem.prominentBackground#6d61d340
- statusBarItem.prominentHoverBackground#6d61d340
- statusBarItem.remoteBackground#6d61d340
- statusBarItem.remoteHoverForeground#c3ccf0
- tab.activeBackground#18162b
- tab.activeBorderTop#a580ec
- tab.activeForeground#bec7ef
- tab.activeModifiedBorder#9d75ea
- tab.border#333244
- tab.hoverForeground#bbc4ee
- tab.inactiveBackground#17152a
- tab.inactiveForeground#969eba
- tab.inactiveModifiedBorder#211f33
- tab.lastPinnedBorder#9d75ea
- tab.unfocusedActiveBorder#211f33
- tab.unfocusedActiveForeground#b8c2ed
- tab.unfocusedActiveModifiedBorder#211f33
- tab.unfocusedHoverForeground#b8c2ed
- tab.unfocusedInactiveForeground#969eba
- tab.unfocusedInactiveModifiedBorder#969eba
- terminal.ansiBlack#151326
- terminal.ansiBlue#6d61d3
- terminal.ansiBrightBlack#a8aece
- terminal.ansiBrightBlue#796ed7
- terminal.ansiBrightCyan#51bbcb
- terminal.ansiBrightGreen#74985b
- terminal.ansiBrightMagenta#a580ec
- terminal.ansiBrightRed#d64747
- terminal.ansiBrightWhite#bbc4ee
- terminal.ansiBrightYellow#c9b9a5
- terminal.ansiCyan#51bbcb
- terminal.ansiGreen#8ab56c
- terminal.ansiMagenta#a580ec
- terminal.ansiRed#ff5555
- terminal.ansiWhite#b8c2ed
- terminal.ansiYellow#c4b39d
- terminal.background#18162b
- terminal.foreground#bbc4ee
- terminal.selectionBackground#5c51b159
- terminalCursor.background#2a293c
- terminalCursor.foreground#bbc4ee
- testing.coverCountBadgeBackground#964da2
- testing.coverCountBadgeForeground#ffffff
- textBlockQuote.background#18162b
- textCodeBlock.background#18162b
- textLink.activeForeground#948bdf
- textLink.foreground#796ed7
- textPreformat.foreground#b8c2ed
- textSeparator.foreground#3b394b
- titleBar.activeBackground#1d1b2f
- titleBar.activeForeground#b1bae4
- titleBar.border#211f33
- titleBar.inactiveBackground#17152a
- titleBar.inactiveForeground#969eba
- toolbar.activeBackground#2e2d40
- toolbar.hoverBackground#2a293c
- tree.indentGuidesStroke#2a293c
- walkThrough.embeddedEditorBackground#18162b
- widget.shadow#00000059
- window.activeBorder#151326
- window.inactiveBorder#151326
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword.control.yield, keyword.generator.asterisk | #eba570 | italic |
| storage.modifier.static, storage.modifier.const | #8069dc | bold |
| keyword.control.flow.tsx, keyword.control.flow.ts, keyword.control.flow.jsx, keyword.control.flow.js, storage.modifier.async.tsx, storage.modifier.async.ts, storage.modifier.async.jsx, storage.modifier.async.js, storage.modifier.async | #dd85ec | italic |
| keyword.control.export | #8069dc | — |
| keyword.control.import | #8069dc | — |
| keyword.operator.new, keyword.operator.new.ts, keyword.control.new | #ff5555 | — |
| keyword.operator.delete, keyword.operator.expression.delete, keyword.operator.expression.delete.ts | #ff5555 | — |
| keyword.operator.void, keyword.operator.expression.void, keyword.operator.expression.void.ts | #ff5555 | — |
| keyword.operator.typeof, keyword.operator.expression.typeof, keyword.operator.expression.typeof.ts | #ab70dd | — |
| keyword.operator.instanceof, keyword.operator.expression.instanceof, keyword.operator.expression.instanceof.ts | #ab70dd | — |
| keyword.operator.keyof, keyword.operator.expression.keyof, keyword.operator.expression.keyof.ts | #ab70dd | — |
| keyword.operator.infer, keyword.operator.expression.infer, keyword.operator.expression.infer.ts | #ab70dd | — |
| keyword.operator.is, keyword.operator.expression.is, keyword.operator.expression.is.ts | #ab70dd | — |
| keyword.operator.in, keyword.operator.expression.in, keyword.operator.expression.in.ts | #ab70dd | — |
| keyword.operator.as, keyword.control.as | #ab70dd | — |
| keyword.operator.logical.not, punctuation.definition.exclamation | #e25f82 | — |
| keyword.operator.ternary, punctuation.definition.question | #e25f82 | — |
| keyword.operator.ternary.colon, punctuation.separator.colon | #e25f82 | — |
| keyword.operator.accessor, punctuation.accessor | #c0caf5 | — |
| keyword.operator.arrow, storage.type.function.arrow | #ff5555 | — |
| storage.type.const | #ba72e9 | bold |
| storage.type.let | #ba72e9 | — |
| storage.type.var | #ba72e9 | — |
| storage.type.function | #ba72e9 | bold |
| storage.type.class | #ba72e9 | — |
| storage.type.interface | #ba72e9 | — |
| storage.type.type | #ba72e9 | — |
| storage.type.enum | #ba72e9 | — |
| keyword.control.conditional | #ba4248 | — |
| keyword.control.loop | #a268de | — |
| keyword.control.conditional, keyword.control.loop, keyword.control.trycatch, keyword.control.import, keyword.control.export | #a268de | — |
| keyword.control.return | #a268de | — |
| keyword, variable.language.this | #f25179 | — |
| storage.modifier | #8069dc | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.oct, constant.numeric.binary | #eba570 | — |
| string, string.quoted, string.template, string.unquoted | #8ab56c | — |
| constant.language.boolean, constant.language.boolean.true, constant.language.boolean.false | #e25f82 | — |
| constant.language.null, constant.language.undefined, constant.language.none | #b483c5 | — |
| constant.language, constant.other.caps, support.constant | #eba570 | — |
| keyword.operator.arithmetic | #f25179 | — |
| keyword.operator.comparison | #b86bd0 | — |
| keyword.operator.logical | #ed4f88 | — |
| keyword.operator.assignment | #9aa5ce | — |
| keyword.operator.optional, punctuation.accessor.optional | #e96793 | — |
| keyword.operator.coalescing, keyword.operator.nullish | #b86bd0 | — |
| keyword.operator.bitwise | #ed4f88 | — |
| keyword.operator | #f25179 | — |
| comment, comment.line, comment.block, comment.block.documentation, punctuation.definition.comment | #586075 | — |
| comment.keyword, comment.keyword.todo, comment.keyword.fixme, comment.keyword.note, storage.type.class.jsdoc | #586075 | bold |
| string.regexp, string.regexp.source, string.regexp.character-class | #e07850 | — |
| constant.character.escape.anchor.regexp, constant.character.escape.boundary.regexp | #ff5555 | — |
| keyword.operator.quantifier.regexp | #f25179 | — |
| entity.name.namespace, storage.type.namespace | #ba72e9 | bold |
| entity.name.module, storage.type.module | #8069dc | bold |
| entity.name.constant, variable.other.constant | #8069dc | bold |
| entity.name.enum, storage.type.enum | #46aadb | bold |
| variable.other.enummember, constant.other.enummember | #e25f82 | — |
| meta.decorator, entity.name.function.decorator | #8069dc | italic |
| entity.name.type.parameter, variable.parameter.generic | #e267bc | italic |
| punctuation.definition.interpolation, meta.interpolation | #8ab56c | — |
| meta.template.expression, punctuation.definition.template-expression | #8ab56c | — |
| variable, variable.other.readwrite, variable.other.assignment, support.variable | #c0caf5 | — |
| variable.language, variable.other.local | #c6cff6 | — |
| variable.parameter, meta.parameter | #da94b0 | — |
| variable.other.global, support.variable.global | #eba570 | — |
| variable.other.constant, variable.other.constant.object | #a9b1d6 | — |
| entity.name.function, meta.function-call, support.function | #4f8be4 | — |
| entity.name.function.member, meta.method-call | #587fdf | — |
| entity.name.function.constructor, support.function.constructor | #c4b39d | — |
| meta.function.async | #dd85ec | italic |
| entity.name.class, entity.name.type.class, support.class | #aa7ce9 | bold |
| entity.name.interface, entity.name.type.interface | #9766db | italic |
| entity.name.type, entity.name.type.alias | #46aadb | — |
| support.type.primitive | #46aadb | — |
| storage.type | #ba72e9 | bold |
| variable.other.property, meta.property.object | #47b8f2 | — |
| variable.other.property.static, meta.field.declaration | #d66ee8 | — |
| variable.other.property.static, support.variable.static | #eba570 | — |
| entity.name.tag, meta.tag | #df62c2 | — |
| entity.other.attribute-name, meta.attribute | #47b8f2 | — |
| entity.other.attribute-name.html | #47b8f2 | — |
| meta.tag.custom.start.html entity.other.attribute-name.html, meta.tag.custom entity.other.attribute-name.html, meta.tag.custom.start.html entity.other.attribute-name.class.html, meta.tag.custom.start.html entity.other.attribute-name.id.html | #69b7af | — |
| meta.attribute.unrecognized entity.other.attribute-name.html, meta.attribute.unrecognized.html entity.other.attribute-name.html | #8092e1 | — |
| punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #586075 | — |
| string.quoted.double.html, string.quoted.single.html, string.quoted.double.vue, string.quoted.single.vue, string.quoted.double.xml, string.quoted.single.xml, string.quoted.double.svg, string.quoted.single.svg, string.unquoted.attribute-value.html | #8f93ed | — |
| punctuation.definition.string.begin.html, punctuation.definition.string.end.html, punctuation.definition.string.begin.vue, punctuation.definition.string.end.vue, punctuation.definition.string.begin.xml, punctuation.definition.string.end.xml, punctuation.definition.string.begin.svg, punctuation.definition.string.end.svg | #c077e0 | — |
| support.type.property-name.css, meta.property-name.css | #47b8f2 | — |
| support.constant.property-value.css, meta.property-value.css | #8ab56c | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #df62c2 | — |
| punctuation.separator.key-value.css | #586075 | — |
| punctuation.definition.entity.css, entity.other.attribute-name.parent-selector-suffix.css, variable.scss, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #8069dc | — |
| support.module, entity.name.module | #8069dc | — |
| meta.decorator, entity.name.function.decorator | #8069dc | — |
| string.template, punctuation.definition.template-expression | #8ab56c | — |
| meta.template.expression | #9aa5ce | — |
| entity.other.inherited-class | #aa7ce9 | italic |
| variable.other.property, support.variable.property | #47b8f2 | — |
| meta.object-literal.method, entity.name.function.method | #587fdf | — |
| meta.brace.square, punctuation.dereference | #9aa5ce | — |
| punctuation.definition.block, punctuation.section.block, meta.brace.curly, punctuation.curlybrace.open, punctuation.curlybrace.close | #47bdc0 | — |
| meta.brace.square, punctuation.squarebracket.open, punctuation.squarebracket.close | #47bdc0 | — |
| meta.brace, punctuation.section | #47bdc0 | — |
| punctuation.definition.group, meta.group, punctuation.parenthesis.open, punctuation.parenthesis.close | #d8ac87 | — |
| keyword.operator | #f25179 | — |
| punctuation.separator, punctuation.separator.comma, punctuation.separator.semicolon, punctuation.terminator | #939cbd | — |
| keyword.operator.accessor, punctuation.accessor | #c0caf5 | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #72bd8a | — |
| punctuation.definition.string.begin.html, punctuation.definition.string.end.html, punctuation.definition.string.begin.vue, punctuation.definition.string.end.vue, punctuation.definition.string.begin.xml, punctuation.definition.string.end.xml, punctuation.definition.string.begin.svg, punctuation.definition.string.end.svg | #c077e0 | — |
| support.class.component, entity.name.tag.tsx, entity.name.tag.jsx, support.class.component.tsx, support.class.component.jsx | #aa7ce9 | bold |
| variable.other.readwrite.alias.react, meta.attribute.tsx, meta.attribute.jsx | #47b8f2 | — |
| variable.other.readwrite.state.react | #c6cff6 | — |
| entity.name.function.hook, support.function.react, variable.other.hook | #587fdf | italic |
| support.function.dom, meta.attribute.event | #4f8be4 | — |
| meta.jsx, meta.jsx.children, meta.jsx.attributes | #c0caf5 | — |
| punctuation.definition.tag.jsx, punctuation.definition.tag.begin.jsx, punctuation.definition.tag.end.jsx | #586075 | — |
| entity.name.tag.vue, meta.tag.vue, support.class.component.vue, entity.name.tag.$1.html.vue, entity.name.tag.$2.html.vue, entity.name.tag.$3.html.vue | #aa7ce9 | — |
| punctuation.definition.tag.begin.html.vue, punctuation.definition.tag.end.html.vue, punctuation.definition.tag.begin.vue, punctuation.definition.tag.end.vue, punctuation.definition.tag.vue | #586075 | — |
| entity.other.attribute-name.html.vue | #8069dc | — |
| keyword.control.conditional.vue | #f36353 | — |
| keyword.control.loop.vue | #e68f60 | — |
| meta.attribute.directive.vue, entity.other.attribute-name.vue, punctuation.definition.directive.vue, meta.directive.vue | #8069dc | — |
| punctuation.attribute-shorthand.bind.html.vue | #48bfbf | — |
| punctuation.attribute-shorthand.event.html.vue | #e25fb8 | — |
| punctuation.attribute-shorthand.slot.html.vue | #ab70dd | — |
| punctuation.separator.key-value.html.vue | #586075 | — |
| punctuation.definition.string.begin.html.vue, punctuation.definition.string.end.html.vue | #c077e0 | — |
| meta.embedded.expression.vue, punctuation.definition.interpolation.vue, punctuation.definition.interpolation.begin.html.vue, punctuation.definition.interpolation.end.html.vue | #47bdc0 | — |
| meta.tag.template, entity.name.tag.template | #df62c2 | — |
| meta.tag.script, entity.name.tag.script | #ba72e9 | — |
| meta.tag.style, entity.name.tag.style | #47b8f2 | — |
| entity.name.tag.angular, meta.tag.angular, support.class.component.ng | #aa7ce9 | — |
| entity.other.attribute-name.angular, meta.attribute.angular | #8069dc | — |
| support.class.service, entity.name.service | #c4b39d | — |
| meta.decorator.angular, entity.name.function.decorator.angular | #8069dc | italic |
| variable.other.readwrite.ts, meta.embedded.expression.ts | #c0caf5 | — |
| meta.brace.erb, punctuation.definition.expression | #9aa5ce | — |
| entity.name.tag.svelte, support.class.component.svelte | #aa7ce9 | — |
| meta.tag.svelte.start, meta.tag.svelte.end | #df62c2 | — |
| entity.other.attribute-name.svelte, meta.directive.svelte | #8069dc | — |
| keyword.control.svelte, meta.reactive.svelte | #a268de | italic |
| meta.binding.pattern.ts, variable.parameter.svelte | #47b8f2 | — |
| meta.embedded.expression, punctuation.definition.template-expression, meta.interpolation | #ed4f88 | — |
| string.template, punctuation.definition.template | #8ab56c | — |
| meta.directive, keyword.control.directive | #a268de | — |
| support.module, support.class.builtin | #8069dc | — |
| support.function.builtin, entity.name.function.builtin | #587fdf | — |
| meta.function.async, support.function.async | #dd85ec | italic |
| variable.other.state, variable.other.context | #c6cff6 | — |
| keyword.other.special-method.dockerfile, keyword.other.dockerfile | #a268de | — |
| entity.name.function.dockerfile, support.constant.dockerfile | #4f8be4 | — |
| variable.other.dockerfile, string.unquoted.dockerfile | #8ab56c | — |
| string.unquoted.path.dockerfile, string.quoted.path.dockerfile | #47b8f2 | — |
| entity.name.tag.yaml, string.unquoted.plain.yaml, variable.other.yaml | #47b8f2 | — |
| string.quoted.single.yaml, string.quoted.double.yaml | #8ab56c | — |
| punctuation.definition.block.sequence.item.yaml, punctuation.separator.key-value.mapping.yaml | #586075 | — |
| constant.language.boolean.yaml, constant.numeric.yaml | #e25f82 | — |
| support.type.property-name.json, meta.object-literal.key.json | #47b8f2 | — |
| string.quoted.double.json, constant.language.json | #8ab56c | — |
| punctuation.separator.dictionary.pair.json, punctuation.definition.dictionary.begin.json | #586075 | — |
| constant.numeric.json | #eba570 | — |
| markup.heading, entity.name.section.markdown | #df62c2 | bold |
| markup.underline.link.markdown, string.other.link.title.markdown | #8ab56c | — |
| markup.inline.raw.markdown, markup.fenced_code.block.markdown | #8ab56c | — |
| markup.bold.markdown | #df62c2 | bold |
| markup.italic.markdown | #df62c2 | italic |
| beginning.punctuation.definition.list.markdown, punctuation.definition.list.begin.markdown | #586075 | — |
| markup.quote.markdown, punctuation.definition.quote.begin.markdown | #47b8f2 | — |
| meta.separator.markdown | #586075 | bold |
| markup.table.markdown | #c0caf5 | — |
| entity.name.function.shell, support.function.builtin.shell | #4f8be4 | — |
| variable.other.normal.shell, variable.language.shell | #c0caf5 | — |
| support.function.builtin.shell, keyword.control.shell | #a268de | — |
| string.quoted.other.shell, string.quoted.single.shell | #8ab56c | — |
| variable.other.bracket.shell, punctuation.definition.variable.shell | #9aa5ce | — |
| keyword.other.apacheconf, entity.name.tag.apacheconf | #ba72e9 | — |
| string.unquoted.apacheconf, variable.other.apacheconf | #8ab56c | — |
| string.regexp.apacheconf, string.quoted.double.apacheconf | #47b8f2 | — |
| entity.name.function.makefile, meta.function.makefile | #4f8be4 | bold |
| variable.other.makefile, variable.language.makefile | #eba570 | — |
| keyword.control.makefile | #a268de | — |
| support.function.makefile | #587fdf | — |
| entity.name.function.lua, support.function.library.lua | #4f8be4 | — |
| keyword.control.lua | #a268de | — |
| support.function.library.lua, variable.other.global.lua | #42b5c6 | — |
| variable.other.env, entity.name.variable.env | #eba570 | — |
| string.unquoted.env, string.quoted.env | #8ab56c | — |
| comment.line.number-sign.env | #586075 | — |
| keyword.control.directive, meta.preprocessor | #ff5555 | — |
| entity.name.function.preprocessor, constant.other.preprocessor | #eba570 | — |
| entity.name.section.ini | #ba72e9 | bold |
| keyword.other.definition.ini | #47b8f2 | — |
| string.unquoted.ini, string.quoted.ini | #8ab56c | — |
| entity.other.attribute-name.toml | #47b8f2 | — |
| string.quoted.toml, constant.numeric.toml | #8ab56c | — |
| meta.tag.inline.toml | #ba72e9 | — |
| variable | #c0caf5 | — |
| variable.declaration | #c882ef | — |
| variable.defaultLibrary | #42b5c6 | — |
| variable.readonly | #a9b1d6 | — |
| variable.global | #eba570 | — |
| variable.local | #c6cff6 | — |
| parameter | #da94b0 | — |
| parameter.declaration | #da94b0 | — |
| property | #47b8f2 | — |
| property.declaration | #98d1f6 | — |
| property.defaultLibrary | #56bef3 | — |
| function | #4f8be4 | — |
| function.declaration | #4f8be4 | — |
| method | #587fdf | — |
| method.declaration | #587fdf | — |
| constructor | #c4b39d | — |
| function.defaultLibrary | #4f8be4 | — |
| type | #46aadb | — |
| class | #aa7ce9 | — |
| interface | #9766db | — |
| typeParameter | #e267bc | — |
| enum | #46aadb | — |
| struct | #46aadb | — |
| keyword | #ba72e9 | — |
| modifier | #8069dc | — |
| operator | #f25179 | — |
| *.async, *.await, keyword.async, keyword.await | #dd85ec | italic |
| comment | #586075 | — |
| string | #8ab56c | — |
| number | #eba570 | — |
| boolean | #e25f82 | — |
| namespace | #42b5c6 | — |
| module | #8069dc | — |
| decorator | #8069dc | — |
| *.defaultLibrary | #42b5c6 | — |
| method.defaultLibrary | #587fdf | — |
| function.defaultLibrary | #4f8be4 | — |