Aurora Future
Publisher: Auroral UIThemes in package: 1
A futuristic vscode theme.
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.activeBorder#893CF5
- activityBar.background#1A1A1A
- activityBar.border#181818
- activityBar.dropBorder#202020
- activityBar.foreground#893CF5
- activityBarBadge.background#893CF5
- activityBarBadge.foreground#e5d4fd
- badge.background#893CF5
- badge.foreground#e5d4fd
- breadcrumb.foreground#58595e
- button.background#893CF5
- button.foreground#e5d4fd
- button.hoverBackground#9853f8
- button.secondaryBackground#31baf5
- button.secondaryForeground#cccccc
- button.secondaryHoverBackground#4ac7fd
- checkbox.background#181818
- checkbox.border#1A1A1A
- checkbox.foreground#893CF5
- debugConsole.errorForeground#bb616b
- debugConsole.infoForeground#4a454b
- debugConsole.sourceForeground#893CF5
- debugConsole.warningForeground#c49a5a
- debugConsoleInputIcon.foreground#4ac7fd
- debugExceptionWidget.background#1A1A1A
- debugExceptionWidget.border#181818
- dropdown.background#202020
- dropdown.border#1A1A1A
- dropdown.foreground#cccccc
- editor.background#202020
- editor.findMatchBackground#59396359
- editor.findMatchHighlightBackground#59396359
- editor.foreground#cccccc
- editor.hoverHighlightBackground#5939637a
- editor.lineHighlightBackground#1D1D1D
- editor.selectionBackground#181818
- editor.selectionHighlightBackground#5939637a
- editor.wordHighlightBackground#5939637a
- editor.wordHighlightStrongBackground#5939637a
- editorBracketMatch.background#5939634d
- editorBracketMatch.border#1A1A1A
- editorCodeLens.foreground#4a454b
- editorCursor.foreground#893CF5
- editorError.foreground#db4b4b
- editorGroup.border#181818
- editorGroup.dropBackground#2f033b2d
- editorGroup.emptyBackground#1A1A1A
- editorGroupHeader.border#202020
- editorGroupHeader.noTabsBackground#1A1A1A
- editorGroupHeader.tabsBackground#1A1A1A
- editorGutter.addedBackground#61D0FF
- editorGutter.deletedBackground#da67da
- editorGutter.foldingControlForeground#58595e
- editorGutter.modifiedBackground#893CF5
- editorHint.foreground#0da0ba
- editorHoverWidget.background#1A1A1A
- editorHoverWidget.border#181818
- editorIndentGuide.activeBackground#5939637a
- editorIndentGuide.background#242527
- editorInfo.foreground#0da0ba
- editorLightBulb.foreground#da67da
- editorLineNumber.activeForeground#58595e
- editorLineNumber.foreground#313235
- editorLink.activeForeground#893CF5
- editorOverviewRuler.addedForeground#61D0FF
- editorOverviewRuler.border#181818
- editorOverviewRuler.bracketMatchForeground#da67da
- editorOverviewRuler.deletedForeground#da67da
- editorOverviewRuler.errorForeground#db4b4b
- editorOverviewRuler.findMatchForeground#67da76
- editorOverviewRuler.infoForeground#1abc9c
- editorOverviewRuler.modifiedForeground#893CF5
- editorOverviewRuler.rangeHighlightForeground#61D0FF
- editorOverviewRuler.selectionHighlightForeground#893CF5
- editorOverviewRuler.warningForeground#e0af68
- editorOverviewRuler.wordHighlightForeground#61D0FF
- editorOverviewRuler.wordHighlightStrongForeground#893CF5
- editorRuler.foreground#1A1A1A
- editorSuggestWidget.background#1A1A1A
- editorSuggestWidget.border#181818
- editorSuggestWidget.foreground#cccccc
- editorSuggestWidget.highlightForeground#893CF5
- editorWarning.foreground#e0af68
- editorWhitespace.foreground#313235
- editorWidget.background#202020
- editorWidget.border#893CF5
- editorWidget.foreground#cccccc
- focusBorder#5939637a
- gitDecoration.addedResourceForeground#61d0ff
- gitDecoration.conflictingResourceForeground#fac580
- gitDecoration.deletedResourceForeground#da67da
- gitDecoration.ignoredResourceForeground#58595e
- gitDecoration.modifiedResourceForeground#893cf5
- gitDecoration.renamedResourceForeground#f1b45d
- gitDecoration.stageDeletedResourceForeground#ff5882
- gitDecoration.stageModifiedResourceForeground#6b5aff
- gitDecoration.untrackedResourceForeground#50b191
- gitlens.gutterForegroundColor#4a454b
- gitlens.gutterUncommittedForegroundColor#4a454b
- gitlens.trailingLineForegroundColor#4a454b
- input.background#1A1A1A
- input.border#202020
- inputOption.activeBorder#593963
- list.activeSelectionBackground#59396359
- list.focusBackground#59396359
- list.focusOutline#593963
- list.hoverBackground#59396359
- list.inactiveSelectionBackground#59396359
- menu.background#202020
- menu.border#181818
- menu.foreground#cccccc
- menu.selectionBackground#202020
- menu.selectionForeground#cccccc
- menu.separatorBackground#1A1A1A
- menubar.selectionBackground#893CF5
- menubar.selectionBorder#893CF5
- menubar.selectionForeground#cccccc
- merge.currentContentBackground#da67dabe
- merge.currentHeaderBackground#893cf5c4
- merge.incomingContentBackground#3d59a144
- merge.incomingHeaderBackground#3d59a1aa
- minimap.findMatchHighlight#893cf5bb
- minimap.selectionHighlight#893cf5bb
- notificationCenterHeader.background#202020
- notificationLink.foreground#893CF5
- notifications.background#202020
- notificationsErrorIcon.foreground#bb616b
- notificationsInfoIcon.foreground#0da0ba
- notificationsWarningIcon.foreground#bba461
- panel.background#1A1A1A
- panel.border#181818
- panel.dropBorder#893CF5
- panelSection.border#202020
- panelSection.dropBackground#2f033b2d
- panelTitle.activeBorder#893CF5
- panelTitle.activeForeground#893CF5
- panelTitle.inactiveForeground#893cf55e
- peekView.border#181818
- peekViewEditor.background#202020
- peekViewEditor.matchHighlightBackground#5939637a
- peekViewResult.background#1A1A1A
- peekViewResult.fileForeground#787c99
- peekViewResult.lineForeground#cccccc
- peekViewResult.matchHighlightBackground#6c3b7ace
- peekViewResult.selectionBackground#5939637a
- peekViewResult.selectionForeground#cccccc
- peekViewTitle.background#1A1A1A
- peekViewTitleDescription.foreground#787c99
- peekViewTitleLabel.foreground#cccccc
- pickerGroup.border#443a3a
- pickerGroup.foreground#cccccc
- progressBar.background#893CF5
- sash.hoverBorder#893CF5
- scrollbar.shadow#1A1A1A
- scrollbarSlider.activeBackground#5939637a
- scrollbarSlider.background#59396338
- scrollbarSlider.hoverBackground#59396359
- settings.dropdownBackground#1A1A1A
- settings.dropdownBorder#202020
- settings.headerForeground#893CF5
- settings.modifiedItemIndicator#da67da
- sideBar.background#1A1A1A
- sideBar.border#181818
- sideBar.foreground#cccccc
- sideBarSectionHeader.background#1A1A1A
- sideBarSectionHeader.border#1A1A1A
- sideBarSectionHeader.foreground#cccccc
- sideBarTitle.foreground#4D2376
- statusBar.background#1A1A1A
- statusBar.border#181818
- statusBar.debuggingBackground#2f033b
- statusBar.debuggingForeground#e5d4fd
- statusBar.foreground#58595e
- statusBar.noFolderBackground#4D2376
- statusBar.noFolderForeground#e5d4fd
- statusBarItem.activeBackground#34003ec2
- statusBarItem.errorBackground#2f033b
- statusBarItem.errorForeground#da67da
- statusBarItem.hoverBackground#34003e73
- statusBarItem.prominentForeground#893CF5
- statusBarItem.prominentHoverBackground#34003e73
- statusBarItem.remoteBackground#4D2376
- statusBarItem.remoteForeground#e5d4fd
- tab.activeBackground#202020
- tab.activeBorderTop#893CF5
- tab.activeModifiedBorder#da67da
- tab.border#181818
- tab.hoverBackground#202020
- tab.hoverForeground#cccccc
- tab.inactiveBackground#1A1A1A
- tab.inactiveModifiedBorder#da67da
- tab.lastPinnedBorder#181818
- tab.unfocusedActiveModifiedBorder#da67da
- tab.unfocusedInactiveModifiedBorder#da67da
- terminal.ansiBlack#4a454b
- terminal.ansiBlue#6b5aff
- terminal.ansiBrightBlack#4a454b
- terminal.ansiBrightBlue#6b5aff
- terminal.ansiBrightCyan#893cf5
- terminal.ansiBrightGreen#61ffb0
- terminal.ansiBrightMagenta#da67da
- terminal.ansiBrightRed#ff5882
- terminal.ansiBrightWhite#e5d4fd
- terminal.ansiBrightYellow#f1e75d
- terminal.ansiCyan#893cf5
- terminal.ansiGreen#61ffb0
- terminal.ansiMagenta#da67da
- terminal.ansiRed#ff5882
- terminal.ansiWhite#e5d4fd
- terminal.ansiYellow#f1e75d
- terminal.background#1A1A1A
- terminal.border#181818
- terminal.foreground#cccccc
- terminal.selectionBackground#893cf4
- terminalCursor.background#893cf4
- terminalCursor.foreground#893cf4
- textBlockQuote.background#1A1A1A
- textBlockQuote.border#893CF5
- textCodeBlock.background#1A1A1A
- textLink.activeForeground#bf95fa
- textLink.foreground#b079fc
- textPreformat.foreground#da67da
- textSeparator.foreground#893CF5
- titleBar.activeBackground#1A1A1A
- titleBar.activeForeground#cccccc
- titleBar.border#181818
- tree.indentGuidesStroke#59396359
- welcomePage.buttonHoverBackground#59396338
- welcomePage.progress.background#59396338
- window.activeBorder#202020
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| string, string.quoted.single, string.quoted.double, string.quoted.triple, string.quoted.other, string.regexp, support.function, text.html.mt meta.tag.any.html entity.other.attribute-name.html, text.html.vue-html, constant.numeric.json.comments, constant.numeric.json, text.html.markdown markup.list.unnumbered.markdown meta.paragraph.markdown, markup.fenced_code.block.markdown, source.js entity.name, variable.other.constant.js, source.js meta.object-literal.js meta.object-literal.key.js, variable.other.object.ts, variable.language.this.ts, support.constant.json.ts, keyword.operator.new.ts, variable.object.property.ts, source.ts support.function.ts, variable.other.object.property.ts, variable.other.readwrite.alias.ts, source.ts support.function.dom.ts, source.ts support.class.console.ts, source.ts meta.object-literal.key.ts, source.ts support.function.console.ts, source.ts support.variable.property.dom.ts, source.ts meta.definition.method.ts entity.name.function.ts, source.ts meta.import.ts meta.block.ts variable.other.readwrite.alias.ts, source.ts meta.var.expr.ts meta.var-single-variable.expr.ts meta.definition.variable.ts variable.other.constant.ts, support.function.misc.css, constant.other.color.rgb-value.hex.css, constant.numeric.css, source.css meta.property-list entity.name.tag, source.css support.constant, source.css meta.function-call.css support.function.transform.css, source.css constant.other.color.rgb-value.css, source.css meta.rule.css invalid.deprecated.css, text.html meta.tag.block.any.html meta.attribute-with-value.style.html source.css meta.declaration-list.css, support.type.property-name.css, meta.property-list.css meta.property-name.css support.type.property-name.css, meta.property-list.css meta.property-value.css punctuation.section.function.begin.bracket.round.css, meta.property-list.css meta.property-value.css punctuation.section.function.end.bracket.round.css, meta.at-rule.keyframes.body.css, punctuation.section.function.css, entity.other.attribute-name.scss, source.css meta.function-call.css support.function.color.css, source.css meta.function-call.css support.function.var.css, source.css meta.function-call.css support.function.url.css, source.css meta.function-call.css support.function.gradient.css, source.css meta.function-call.css support.function.calc.css, source.css meta.function-call.css support.function.attr.css, source.css meta.function-call.css support.function.filter.css, source.css meta.function-call.css support.function.timing.css, source.css meta.function-call.css support.function.shape.css, source.css meta.rule.css support.type.property-name.css, punctuation.section.function.scss, support.function.misc.scss, constant.numeric.css, meta.function-call.css support.function.transform.scss, constant.other.color.rgb-value.scss, meta.rule.css invalid.deprecated.scss, meta.at-rule.keyframes.scss, source.postcss constant.numeric.css, source.postcss support.function.misc.css, source.postcss meta.function-call.css support.function.transform.css, source.postcss constant.other.color.rgb-value.css, source.postcss meta.rule.css invalid.deprecated.css | #cccccc | — |
| args.mixin.jade, constant.name.attribute.tag.jade, text.jade meta.tag.other, punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.separator, punctuation.section.braces.begin, punctuation.section.braces.end, punctuation.terminator, punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.section.block.begin, punctuation.section.block.end, punctuation.definition.binding-pattern.object, punctuation.section.embedded.begin, punctuation.section.embedded.end, punctuation.definition.block, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, meta.brace.round, source.js punctuation.section.brackets.begin, source.js punctuation.section.brackets.end, source.js punctuation.section.group.begin, source.js punctuation.section.group.end, source.js meta.brace, punctuation.definition.binding-pattern.object.js, source.js meta.export.js meta.block.js meta.for.js meta.group.js punctuation.section.group.js, source.js meta.for.js meta.group.js punctuation.section.group.js, source.js meta.group.braces.round.js meta.jsx.js meta.embedded.expression.jsx punctuation.section.embedded.begin.jsx, source.js meta.group.braces.round.js meta.jsx.js meta.embedded.expression.jsx punctuation.section.embedded.end.jsx, source.js meta.function.arrow.js punctuation.definition.parameters.begin.js, source.js meta.function.arrow.js punctuation.definition.parameters.end.js, text.html.vue-html meta.tag.block.any.html meta.directive.vue source.directive.vue meta.array.literal.js meta.brace.square.js, meta.function.js punctuation.definition.parameters.begin.js, source.ts punctuation.section.brackets.begin, source.ts punctuation.section.brackets.end, source.ts punctuation.section.group.begin, source.ts punctuation.section.group.end, meta.brace.round.ts, source.ts meta.decorator.ts meta.brace.round.ts, source.ts punctuation.definition.block.ts, source.ts meta.method.declaration.ts, source.ts meta.array.literal.ts meta.brace.square.ts, source.ts meta.var.expr.ts meta.brace.round.ts, source.ts meta.arrow.ts meta.parameters.ts punctuation.definition.parameters.begin.ts, source.ts meta.arrow.ts meta.parameters.ts punctuation.definition.parameters.end.ts, source.ts meta.import.ts meta.block.ts punctuation.definition.block.ts, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, punctuation.definition.dictionary.end.json, punctuation.definition.dictionary.begin.json, punctuation.definition.array.end.json, punctuation.definition.array.begin.json, text.html.mt meta.tag.block.any.html punctuation.definition.tag.html, text.html.mt meta.tag.inline.any.html punctuation.definition.tag.html, text.html.mt meta.tag.any.html punctuation.definition.tag.html, punctuation.definition.generic.end.html, punctuation.definition.generic.begin.html, punctuation.definition.tag.html, meta.tag.block.any.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html, meta.tag.inline.any.html, meta.tag.metadata.script.html, text.html.markdown meta.paragraph.markdown meta.link.inline.markdown punctuation.definition.metadata.markdown, text.html.markdown meta.paragraph.markdown meta.image.inline.markdown punctuation.definition.metadata.markdown, text.html.markdown punctuation.definition.bold.markdown, text.html.markdown punctuation.definition.italic.markdown, punctuation.definition.markdown, punctuation.definition.raw.markdown, source.css meta.function-call, source.css punctuation.terminator.rule.css, source.css punctuation.separator, source.css punctuation.section.property-list, source.css meta.selector.css meta.attribute-selector.css punctuation.definition.entity.css, source.css meta.rule.css punctuation.section.declaration-list.begin.css, source.css meta.rule.css punctuation.section.declaration-list.end.css, source.css meta.rule.css punctuation.section.at-media.begin.css, source.css meta.rule.css punctuation.section.at-media.end.css, source.css meta.rule.css punctuation.section.function.begin.css, source.css meta.rule.css punctuation.section.function.end.css, source.css meta.rule.css punctuation.section.media-feature.begin.css, source.css meta.rule.css punctuation.section.media-feature.end.css, source.css meta.rule.css punctuation.section.attribute-selector.begin.css, source.css meta.rule.css punctuation.section.attribute-selector.end.css, source.css meta.at-rule.media.css punctuation.section.media-feature.begin.css, source.css meta.at-rule.media.css punctuation.section.media-feature.end.css, source.css meta.at-rule.media.css punctuation.section.at-media.begin.css, source.css meta.at-rule.media.css punctuation.section.at-media.end.css, source.css punctuation.section.keyframes.begin.bracket.curly.css, source.css punctuation.section.keyframes.end.bracket.curly.css, source.postcss meta.property-list, source.postcss punctuation.terminator, source.postcss meta.function-call, source.postcss punctuation.terminator.rule.css, source.postcss punctuation.separator, source.postcss punctuation.section.property-list | #505153 | — |
| comment, constant.language, entity.name.tag, support.function, support.class, entity.other.attribute-name - entity.other.attribute-name.html - entity.other.attribute-name.localname.xml, source.css keyword.other.unit.css, source.css support.constant, source.js keyword - keyword.operator, source.js variable.language, source.js support.type, source.js support.constant.dom.js, source.js keyword.operator.word.new.js, source.js meta.export.js meta.block.js meta.function-call.method.js variable.function.js, source.js meta.object-literal.js meta.object-literal.key.js, source.js meta.property.object.js, storage - storage.type.function.arrow.js, source.ts keyword.control.flow.ts, source.ts meta.object-literal.key.ts, source.ts meta.import.ts keyword.control.import.ts, source.ts meta.import.ts keyword.control.from.ts, source.ts meta.interface.ts meta.definition.property.ts, source.css support.type.vendor-prefix.css, source.ts variable.language.this.ts, source.ts keyword.control.export.ts, support.type.property-name.json, text.html.markdown markup.italic.markdown | — | italic |
| comment, meta.import string.quoted.single, text.html.markdown meta.paragraph.markdown meta.link.inline.markdown, markup.underline.link.image.markdown text.html.markdown meta.paragraph.markdown meta.image.inline.markdown, text.html.markdown meta.paragraph.markdown meta.image.inline.markdown markup.underline.link.image.markdown | #65666b | — |
| constant.numeric, constant.language, keyword, storage, support.class, support.type, entity.name, support.function, entity.name.tag.inline.any.html, entity.name.tag.structure.any.html, entity.name.tag.block.any.html, source.js meta.group.braces.round.js meta.jsx.js meta.tag.jsx entity.name.tag.jsx, entity.name.type.instance.jsdoc, punctuation.separator.dictionary.pair.json, entity.name.function.js, source.js meta.export.js meta.object-literal.js punctuation.separator.comma.js, source.js meta.export.js meta.block.js meta.function-call.js meta.group.js, source.js string.template.js punctuation.definition.string.template.begin.js, source.js string.template.js punctuation.definition.string.template.end.js, source.js meta.delimiter.method.period.js, source.ts constant.numeric.decimal.ts, support.function.json.ts, source.css entity.name.tag, punctuation.definition.entity.begin.bracket.square.css, punctuation.definition.entity.end.bracket.square.css, source.css meta.rule.css punctuation.definition.entity.pseudo-element.css, source.css meta.selector.css entity.other.attribute-name.class.css punctuation.definition.entity.css, source.postcss meta.selector.css entity.other.attribute-name.class.css punctuation.definition.entity.css, source.postcss keyword.control.at-rule.css.postcss, text.html.markdown markup.bold.markdown, text.html.markdown markup.italic.markdown, text.html.markdown meta.paragraph.markdown meta.link.inline.markdown string.other.link.title.markdown | #9569ec | — |
| storage, source.yaml punctuation.separator, meta.tag.block.any.html, punctuation.definition.tag.begin, punctuation.definition.tag.end, source.js meta.group.braces.round.js meta.tag.jsx punctuation.definition.tag.begin.jsx, source.js meta.group.braces.round.js meta.tag.jsx punctuation.definition.tag.end.jsx, source.js punctuation.separator, source.js meta.group.braces.round.js meta.jsx.js meta.embedded.expression.jsx meta.group.braces.curly.js meta.delimiter.comma.js, source.js meta.template.expression.js punctuation.definition.template-expression.begin.js, source.js meta.template.expression.js punctuation.definition.template-expression.end.js, source.js keyword.operator.logical.js, source.js meta.export.js meta.object-literal.js punctuation.separator.comma.js, source.js.postcss meta.group.braces.curly meta.group.braces.curly, source.js meta.import.js string.quoted.single.js, source.js meta.sequence.js punctuation.separator.comma.js, source.js punctuation.separator.parameter.function.js, source.js meta.function-call.method.js punctuation.separator.comma.js, source.js meta.function-call.js punctuation.separator.comma.js, source.js support.function.promise.js, source.js punctuation.accessor, source.jade keyword, source.js meta.export.js meta.class.js meta.block.js meta.function.declaration.js entity.name.function.js, source.js meta.export.js meta.class.js meta.block.js meta.function.declaration.js entity.name.function.constructor.js, source.js keyword.operator.ternary.js, source.js meta.object-literal.js punctuation.separator.key-value.js, source.ts meta.object-literal.key.ts punctuation.separator.key-value.ts, keyword.operator.assignment.ts, punctuation.definition.string.template.begin.ts, punctuation.definition.string.template.end.ts, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, source.ts meta.decorator.ts punctuation.decorator.ts, source.ts meta.import.ts string.quoted.single.ts, source.ts meta.function-call.ts punctuation.accessor.ts, source.ts meta.block.ts punctuation.separator.comma.ts, source.ts meta.array.literal.ts punctuation.separator.comma.ts, source.ts meta.object.literal.ts punctuation.separator.comma.ts, source.ts meta.decorator.ts meta.objectliteral.ts punctuation.separator.comma.ts, source.ts meta.class.ts meta.field.declaration.ts meta.type.annotation.ts keyword.operator.type.annotation.ts, source.ts support.function.promise.ts, source.ts punctuation.accessor.ts, source.ts punctuation.separator.comma.ts, source.ts keyword.operator.arithmetic.ts, source.ts keyword.operator.comparison.ts, punctuation.separator.dictionary.pair.json, punctuation.separator.array.json, meta.structure.dictionary.json, punctuation.separator.dictionary.key-value.json, source.css variable.css, source.css keyword, punctuation.definition.variable.property.css, meta.property-list variable.prop.css, keyword.other.unit.percentage.css, keyword.other.unit, entity.other.pseudo-element.css punctuation.definition.entity.css, meta.property-list.css meta.property-value.css, meta.selector.css entity.other.attribute-name.class.css punctuation.definition.entity.css, meta.function-call.css punctuation.separator.css, meta.rule.css meta.selector.css entity.name.tag.nesting-selector.css, entity.other.pseudo-class.css punctuation.definition.entity.css, meta.selector.css meta.function.pseudo-class.not-matches-has.css, meta.rule.css support.type.property-name.custom.css, meta.selector.css keyword.operator.combinator.css, support.type.vendor-prefix.css, keyword.other.unit.css, meta.rule.css punctuation.definition.entity.pseudo-class.css, meta.property-value.css meta.function-call.css meta.group.css support.keyword.repetitions.css, constant.other.color.rgb-value.css punctuation.definition.constant.css, punctuation.definition.entity.css, punctuation.definition.constant.css, source.css.scss source.vue, variable.scss, meta.property-list.scss meta.property-value.scss, support.constant.mathematical-symbols.scss meta.property-value.scss meta.property-list.scss, keyword.other.important.scss, source.postcss meta.property-list.css meta.property-value.css, source.postcss keyword, fenced_code.block.language.markdown, text.html.markdown markup.inline.raw.string.markdown | #da67da | — |
| variable.language, entity.name.class, variable.parameter, entity.other.attribute-name, entity.other.inherited-class, source.yaml punctuation.definition.block.sequence.item.yaml, variable.other.object, constant.language.json.comments, constant.language.json, punctuation.definition.array.begin.json, punctuation.definition.array.end.json, punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json, source.json meta.structure.dictionary.json punctuation.section.dictionary.begin.json, source.json meta.structure.dictionary.json punctuation.section.dictionary.end.json, variable.other.object.js, source.js variable.language, source.js keyword.control.js, source.js storage.type.accessor.js, source.js entity.name.type.instance.js, variable.other - source.js meta.import.js variable.other.readwrite.js, source.js meta.import.js meta.block.js punctuation.separator.comma.js, source.js meta.group.braces.round.js meta.jsx.js meta.embedded.expression.jsx meta.group.braces.curly.js string.interpolated.js keyword.other.template.begin.js, source.js meta.group.braces.round.js meta.jsx.js meta.embedded.expression.jsx meta.group.braces.curly.js string.interpolated.js keyword.other.template.end.js, source.js meta.export.default.js meta.objectliteral.js meta.object.member.js meta.objectliteral.js meta.object.member.js meta.objectliteral.js meta.object.member.js support.class.builtin.js, source.js meta.export.default.js meta.objectliteral.js meta.object.member.js constant.language, support.variable.property.ts, variable.other.property.ts, variable.other.readwrite.ts, variable.other.constant.ts, source.ts meta.class.ts entity.name.type.class.ts, source.ts punctuation.definition.typeparameters.begin.ts, source.ts punctuation.definition.typeparameters.end.ts, source.ts meta.type.annotation.ts support.type.primitive.ts, source.ts meta.decorator.ts meta.function-call.ts entity.name.function.ts, text.html.markdown meta.separator.markdown, punctuation.definition.heading.markdown, beginning.punctuation.definition.list.markdown, text.html.markdown markup.list.unnumbered.markdown, text.html.markdown markup.quote.markdown punctuation.definition.quote.begin.markdown, text.html.markdown markup.list.numbered.markdown punctuation.definition.list.begin.markdown, source.css support.constant, punctuation.definition.keyword.css, entity.other.pseudo-class.css, meta.selector.css entity.name.tag.custom.css, meta.function-call.css support.function.grid.css, support.constant.property-value.css, support.constant.color.w3c-color-name.css, text.html meta.tag.block.any.html meta.attribute-with-value.style.html source.css, punctuation.definition.keyword.scss, entity.name.function.scss, source.postcss meta.property-list.css meta.property-value.css keyword.other.unit.css, source.postcss punctuation.definition.keyword.css, source.postcss entity.other.pseudo-class.css, source.postcss punctuation.definition.entity.css | #61D0FF | — |
| entity.name.function.php, support.class.php | — | italic |
| support.class.php | #da67da | italic |
| punctuation.definition.variable.php | #61D0FF | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...