Skip to main content
Coding Theme

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.background#0D0D0D
  • activityBar.border#0D0D0D
  • activityBar.foreground#A779F3
  • activityBar.inactiveForeground#3B3E52
  • activityBarBadge.background#A779F3
  • activityBarBadge.foreground#FFFFFF
  • badge.background#7E83B230
  • badge.foreground#A9B1D6
  • breadcrumb.activeSelectionForeground#A9B1D6
  • breadcrumb.background#0D0D0D
  • breadcrumb.focusForeground#A9B1D6
  • breadcrumb.foreground#515C7E
  • breadcrumbPicker.background#0D0D0D
  • button.background#A779F3DD
  • button.foreground#FFFFFF
  • button.hoverBackground#A779F3AA
  • charts.blue#87A1FF
  • charts.foreground#9AA5CE
  • charts.green#7BCCFC
  • charts.lines#0D0D0D
  • charts.orange#A779F3
  • charts.purple#A779F3
  • charts.red#FF7D95
  • charts.yellow#A779F3
  • debugConsole.errorForeground#FF7D95
  • debugConsole.infoForeground#7E83B2
  • debugConsole.sourceForeground#7E83B2
  • debugConsole.warningForeground#B79DFF
  • debugConsoleInputIcon.foreground#7BCCFC
  • debugExceptionWidget.background#101014
  • debugExceptionWidget.border#FF7D95
  • debugTokenExpression.boolean#A779F3
  • debugTokenExpression.error#FF5370
  • debugTokenExpression.name#7BCCFC
  • debugTokenExpression.number#A779F3
  • debugTokenExpression.string#7BCCFC
  • debugTokenExpression.value#9AA5CE
  • debugToolBar.background#101014
  • debugView.stateLabelBackground#14141B
  • debugView.stateLabelForeground#7E83B2
  • debugView.valueChangedHighlight#4A55B9AA
  • descriptionForeground#515C7E
  • diffEditor.insertedTextBackground#7BCCFC15
  • diffEditor.removedTextBackground#FF537022
  • disabledForeground#474e72
  • dropdown.background#14141B
  • dropdown.foreground#7E83B2
  • dropdown.listBackground#14141B
  • editor.background#141418
  • editor.findMatchBackground#4A55B966
  • editor.findMatchBorder#A779F3
  • editor.findMatchHighlightBackground#4A55B966
  • editor.findRangeHighlightBackground#515C7E33
  • editor.focusedStackFrameHighlightBackground#7BCCFC20
  • editor.foldBackground#1111174A
  • editor.foreground#A9B1D6
  • editor.inactiveSelectionBackground#515C7E25
  • editor.lineHighlightBackground#1E202E
  • editor.rangeHighlightBackground#515C7E20
  • editor.selectionBackground#515C7E40
  • editor.selectionHighlightBackground#515C7E44
  • editor.stackFrameHighlightBackground#FFDB6920
  • editor.wordHighlightBackground#515C7E44
  • editor.wordHighlightStrongBackground#515C7E55
  • editorBracketHighlight.foreground1#6D86DE
  • editorBracketHighlight.foreground2#58C8F1
  • editorBracketHighlight.foreground3#A779F3
  • editorBracketHighlight.foreground4#03BDE5
  • editorBracketHighlight.foreground5#1ABC9C
  • editorBracketHighlight.foreground6#B79DFF
  • editorBracketHighlight.unexpectedBracket.foreground#FF5370
  • editorBracketMatch.background#0D0D0D
  • editorBracketMatch.border#42465D
  • editorBracketPairGuide.activeBackground1#6D86DE
  • editorBracketPairGuide.activeBackground2#58C8F1
  • editorBracketPairGuide.activeBackground3#A779F3
  • editorBracketPairGuide.activeBackground4#03BDE5
  • editorBracketPairGuide.activeBackground5#1ABC9C
  • editorBracketPairGuide.activeBackground6#B79DFF
  • editorCodeLens.foreground#484F70
  • editorCursor.foreground#A779F3
  • editorError.foreground#FF5370
  • editorGroup.border#101014
  • editorGroup.dropBackground#1E202E
  • editorGroupHeader.border#101014
  • editorGroupHeader.noTabsBackground#0D0D0D
  • editorGroupHeader.tabsBackground#0D0D0D
  • editorGroupHeader.tabsBorder#101014
  • editorGutter.addedBackground#1C5957
  • editorGutter.deletedBackground#FF5370
  • editorGutter.modifiedBackground#425882
  • editorHint.foreground#03BDE5
  • editorHoverWidget.background#0D0D0D
  • editorHoverWidget.border#101014
  • editorIndentGuide.activeBackground1#363B54
  • editorIndentGuide.background1#1E202E
  • editorInfo.foreground#03BDE5
  • editorLightBulb.foreground#A779F3
  • editorLightBulbAutoFix.foreground#A779F3
  • editorLineNumber.activeForeground#7E83B2
  • editorLineNumber.foreground#4D5375
  • editorLink.activeForeground#A9B1D6
  • editorMarkerNavigation.background#0D0D0D
  • editorOverviewRuler.addedForeground#1C5957
  • editorOverviewRuler.border#101014
  • editorOverviewRuler.bracketMatchForeground#101014
  • editorOverviewRuler.deletedForeground#FF5370
  • editorOverviewRuler.errorForeground#FF7D95
  • editorOverviewRuler.findMatchForeground#A9B1D644
  • editorOverviewRuler.infoForeground#1ABC9C
  • editorOverviewRuler.modifiedForeground#425882
  • editorOverviewRuler.rangeHighlightForeground#A9B1D644
  • editorOverviewRuler.selectionHighlightForeground#A9B1D622
  • editorOverviewRuler.warningForeground#A779F3
  • editorOverviewRuler.wordHighlightForeground#B79DFF55
  • editorOverviewRuler.wordHighlightStrongForeground#B79DFF66
  • editorPane.background#0D0D0D
  • editorRuler.foreground#101014
  • editorSuggestWidget.background#0D0D0D
  • editorSuggestWidget.border#101014
  • editorSuggestWidget.highlightForeground#6183BB
  • editorSuggestWidget.selectedBackground#202330
  • editorWarning.foreground#A779F3
  • editorWhitespace.foreground#363B54
  • editorWidget.background#0D0D0D
  • editorWidget.resizeBorder#545C7E33
  • errorForeground#515C7E
  • extensionBadge.remoteBackground#A779F3
  • extensionBadge.remoteForeground#FFFFFF
  • extensionButton.prominentBackground#A779F3DD
  • extensionButton.prominentForeground#FFFFFF
  • extensionButton.prominentHoverBackground#A779F3AA
  • focusBorder#545C7E33
  • foreground#7E83B2
  • gitDecoration.addedResourceForeground#A779F3
  • gitDecoration.conflictingResourceForeground#F2B04E
  • gitDecoration.deletedResourceForeground#FF5370
  • gitDecoration.ignoredResourceForeground#515C7E
  • gitDecoration.modifiedResourceForeground#B79DFF
  • gitDecoration.renamedResourceForeground#A779F3
  • gitDecoration.stageDeletedResourceForeground#FF5370
  • gitDecoration.stageModifiedResourceForeground#B79DFF
  • gitDecoration.untrackedResourceForeground#7BCCFC
  • icon.foreground#7E83B2
  • input.background#14141B
  • input.border#0F0F14
  • input.foreground#A9B1D6
  • input.placeholderForeground#7E83B28A
  • inputOption.activeBackground#4A55B944
  • inputOption.activeForeground#BDC8F5
  • inputValidation.errorBackground#FF7D95
  • inputValidation.errorBorder#FF7D95
  • inputValidation.errorForeground#BDC8F5
  • inputValidation.infoBackground#03BDE5
  • inputValidation.infoBorder#87A1FF
  • inputValidation.infoForeground#0D0D0D
  • inputValidation.warningBackground#F2B04E
  • inputValidation.warningBorder#A779F3
  • inputValidation.warningForeground#0D0D0D
  • list.activeSelectionBackground#202330
  • list.activeSelectionForeground#A9B1D6
  • list.deemphasizedForeground#7E83B2
  • list.dropBackground#1E202E
  • list.errorForeground#FF7D95
  • list.focusBackground#1C1D29
  • list.focusForeground#A9B1D6
  • list.highlightForeground#6183BB
  • list.hoverBackground#13131A
  • list.hoverForeground#A9B1D6
  • list.inactiveSelectionBackground#1C1D29
  • list.inactiveSelectionForeground#A9B1D6
  • list.invalidItemForeground#DC9120
  • list.warningForeground#B79DFF
  • listFilterWidget.background#101014
  • listFilterWidget.noMatchesOutline#FF5370
  • listFilterWidget.outline#4A55B9
  • menu.background#0D0D0D
  • menu.border#101014
  • menu.foreground#7E83B2
  • menu.selectionBackground#1E202E
  • menu.selectionForeground#A9B1D6
  • menu.separatorBackground#101014
  • menubar.selectionBackground#1E202E
  • menubar.selectionBorder#1B1E2E
  • menubar.selectionForeground#A9B1D6
  • merge.currentContentBackground#007A7544
  • merge.currentHeaderBackground#007A75AA
  • merge.incomingContentBackground#4A55B944
  • merge.incomingHeaderBackground#4A55B9AA
  • minimapGutter.addedBackground#1C5957
  • minimapGutter.deletedBackground#FF5370
  • minimapGutter.modifiedBackground#425882
  • notificationCenterHeader.background#101014
  • notificationLink.foreground#6183BB
  • notifications.background#101014
  • notificationsErrorIcon.foreground#FF5370
  • notificationsInfoIcon.foreground#03BDE5
  • notificationsWarningIcon.foreground#F2B04E
  • panel.background#0D0D0D
  • panel.border#101014
  • panelInput.border#0D0D0D
  • panelTitle.activeBorder#0D0D0D
  • panelTitle.activeForeground#7E83B2
  • panelTitle.inactiveForeground#42465D
  • peekView.border#101014
  • peekViewEditor.background#0D0D0D
  • peekViewEditor.matchHighlightBackground#4A55B966
  • peekViewResult.background#101014
  • peekViewResult.fileForeground#7E83B2
  • peekViewResult.lineForeground#A9B1D6
  • peekViewResult.matchHighlightBackground#4A55B966
  • peekViewResult.selectionBackground#4A55B933
  • peekViewResult.selectionForeground#A9B1D6
  • peekViewTitle.background#101014
  • peekViewTitleDescription.foreground#7E83B2
  • peekViewTitleLabel.foreground#A9B1D6
  • pickerGroup.border#101014
  • pickerGroup.foreground#A9B1D6
  • progressBar.background#A779F3
  • sash.hoverBorder#29355A
  • scrollbar.shadow#00000033
  • scrollbarSlider.activeBackground#7E83B22D
  • scrollbarSlider.background#7E83B233
  • scrollbarSlider.hoverBackground#7E83B241
  • selection.background#515C7E40
  • settings.headerForeground#BDC8F5
  • settings.modifiedItemIndicator#A779F3
  • sideBar.background#0D0D0D
  • sideBar.border#101014
  • sideBar.dropBackground#1E202E
  • sideBar.foreground#7E83B2
  • sideBarSectionHeader.background#0D0D0D
  • sideBarSectionHeader.border#101014
  • sideBarSectionHeader.foreground#A9B1D6
  • sideBarTitle.foreground#7E83B2
  • statusBar.background#0D0D0D
  • statusBar.border#101014
  • statusBar.debuggingBackground#0D0D0D
  • statusBar.debuggingForeground#7E83B2
  • statusBar.foreground#7E83B2
  • statusBar.noFolderBackground#0D0D0D
  • statusBarItem.activeBackground#101014
  • statusBarItem.hoverBackground#202330
  • statusBarItem.prominentBackground#101014
  • statusBarItem.prominentHoverBackground#202330
  • tab.activeBackground#0D0D0D
  • tab.activeBorder#A779F3
  • tab.activeForeground#A9B1D6
  • tab.activeModifiedBorder#141418
  • tab.border#101014
  • tab.hoverForeground#A9B1D6
  • tab.inactiveBackground#0D0D0D
  • tab.inactiveForeground#7E83B2
  • tab.inactiveModifiedBorder#1F202E
  • tab.lastPinnedBorder#222333
  • tab.unfocusedActiveBorder#1F202E
  • tab.unfocusedActiveForeground#A9B1D6
  • tab.unfocusedHoverForeground#A9B1D6
  • tab.unfocusedInactiveForeground#7E83B2
  • terminal.ansiBlack#363B54
  • terminal.ansiBlue#87A1FF
  • terminal.ansiBrightBlack#363B54
  • terminal.ansiBrightBlue#87A1FF
  • terminal.ansiBrightCyan#7BCCFC
  • terminal.ansiBrightGreen#7BCCFC
  • terminal.ansiBrightMagenta#B79DFF
  • terminal.ansiBrightRed#FF7D95
  • terminal.ansiBrightWhite#A9B1D6
  • terminal.ansiBrightYellow#A779F3
  • terminal.ansiCyan#7BCCFC
  • terminal.ansiGreen#7BCCFC
  • terminal.ansiMagenta#B79DFF
  • terminal.ansiRed#FF7D95
  • terminal.ansiWhite#7E83B2
  • terminal.ansiYellow#A779F3
  • terminal.background#0D0D0D
  • terminal.foreground#7E83B2
  • terminal.selectionBackground#515C7E30
  • terminalCursor.foreground#A779F3
  • textBlockQuote.background#0D0D0D
  • textCodeBlock.background#0D0D0D
  • textLink.activeForeground#A779F3
  • textLink.foreground#B79DFF
  • textPreformat.foreground#A9B1D6
  • textSeparator.foreground#363B54
  • titleBar.activeBackground#0D0D0D
  • titleBar.activeForeground#7E83B2
  • titleBar.border#101014
  • titleBar.inactiveBackground#0D0D0D
  • titleBar.inactiveForeground#7E83B2
  • tree.indentGuidesStroke#2B2B3B
  • walkThrough.embeddedEditorBackground#0D0D0D
  • widget.shadow#FFFFFF00
  • window.activeBorder#0D0F17
  • window.inactiveBorder#0D0F17

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, meta.var.expr storage.type, keyword.control.flow, keyword.control.return, meta.directive.vue punctuation.separator.key-value.html, meta.directive.vue entity.other.attribute-name.html, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, storage.modifieritalic
keyword.control.flow.block-scalar.literal
comment, comment.block.documentation, punctuation.definition.comment, comment.block.documentation punctuation#4D5375
comment.block.documentation variable, comment.block.documentation storage, comment.block.documentation keyword, comment.block.documentation support, comment.block.documentation markup, comment.block.documentation markup.inline.raw.string.markdown, meta.other.type.phpdoc.php keyword.other.type.php, meta.other.type.phpdoc.php support.other.namespace.php, meta.other.type.phpdoc.php punctuation.separator.inheritance.php, meta.other.type.phpdoc.php support.class, keyword.other.phpdoc.php, log.date#5A638C
meta.other.type.phpdoc.php support.class, comment.block.documentation storage.type, comment.block.documentation punctuation.definition.block.tag, comment.block.documentation entity.name.type.instance#646E9C
variable.other.constant, punctuation.definition.constant, constant.language, constant.numeric, support.constant#A779F3
string, constant.other.symbol, constant.other.key, meta.attribute-selector#7BCCFC
constant.other.color, constant.other.color.rgb-value.hex punctuation.definition.constant#9AA5CE
invalid, invalid.illegal#FF5370
invalid.deprecated#B79DFF
storage.type#B79DFF
meta.var.expr storage.type, storage.modifier#A779F3
punctuation.definition.template-expression, punctuation.section.embedded, meta.embedded.line.tag.smarty, support.constant.handlebars, punctuation.section.tag.twig#7BCCFC
keyword.control.smarty, keyword.control.twig, support.constant.handlebars keyword.control, keyword.operator.comparison.twig, keyword.blade, entity.name.function.blade#87A1FF
keyword.operator.spread, keyword.operator.rest#FF7D95
keyword.operator.key#B79DFF
keyword.operator, keyword.control.as, keyword.other, keyword.operator.bitwise.shift, punctuation, text.html.twig meta.tag.inline.any.html, meta.tag.template.value.twig meta.function.arguments.twig, meta.directive.vue punctuation.separator.key-value.html, punctuation.definition.constant.markdown, punctuation.definition.string, punctuation.support.type.property-name, text.html.vue-html meta.tag, punctuation.definition.keyword, punctuation.terminator.rule, punctuation.separator.inheritance.php, keyword.other.template, keyword.other.substitution, entity.name.operator, meta.property-list punctuation.separator.key-value, meta.at-rule.mixin punctuation.separator.key-value, meta.at-rule.function variable.parameter.url#7BCCFC
punctuation.definition.variable#BDC8F5
punctuation.definition.variable#BDC8F5
keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default, meta.import keyword.other#7BCCFC
keyword, keyword.control, keyword.other.important#B79DFF
keyword.other.DML#7BCCFC
keyword.operator.logical, storage.type.function, keyword.operator.bitwise, keyword.operator.ternary, keyword.operator.comparison, keyword.operator.relational, keyword.operator.or.regexp#B79DFF
entity.name.tag#FF7D95
entity.name.tag support.class.component, meta.tag#FF7D95
punctuation.definition.tag#DE4BA3
constant.other.php, variable.other.global.safer, variable.other.global.safer punctuation.definition.variable, variable.other.global, variable.other.global punctuation.definition.variable, constant.other#A779F3
variable, support.variable, string constant.other.placeholder, variable.parameter.handlebars#BDC8F5
variable.other.object#BDC8F5
meta.array.literal variable#7BCCFC
meta.object-literal.key, string.alias.graphql, string.unquoted.graphql, string.unquoted.alias.graphql, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, meta.field.declaration.ts variable.object.property#7BCCFC
variable.other.property, support.variable.property, support.variable.property.dom, meta.function-call variable.other.object.property#B79DFF
variable.other.object.property#BDC8F5
meta.objectliteral meta.object.member meta.objectliteral meta.object.member meta.objectliteral meta.object.member meta.object-literal.key#7BCCFC
source.cpp meta.block variable.other#FF7D95
support.other.variable#FF7D95
meta.class-method.js entity.name.function.js, entity.name.method.js, variable.function.constructor, keyword.other.special-method, storage.type.cs#87A1FF
entity.name.function, meta.function-call, meta.function-call entity.name.function, variable.function, meta.definition.method entity.name.function, meta.object-literal entity.name.function#87A1FF
variable.parameter.function.language.special, variable.parameter, meta.function.parameters punctuation.definition.variable, meta.function.parameter variable#A779F3
keyword.other.type.php, storage.type.php, constant.character, constant.escape, keyword.other.unit#B79DFF
meta.definition.variable variable.other.constant, meta.definition.variable variable.other.readwrite, variable.other.declaration#B79DFF
entity.other.inherited-class#B79DFF
support.class, support.type, variable.other.readwrite.alias, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, support.type.sys-types, support.variable.dom, support.constant.math, support.type.object.module, support.constant.json, entity.name.namespace, meta.import.qualifier#87A1FF
support.other.namespace, support.other.namespace.php, punctuation.separator.inheritance, punctuation.separator.inheritance.php#6A85E4
entity.name#BDC8F5
entity.name.type#87A1FF
entity.name.type.cs#B79DFF
support.function#87A1FF
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name, support.type.property-name.css, support.type.vendored.property-name, support.type.map.key#87A1FF
support.constant.font-name, meta.definition.variable#7BCCFC
entity.other.attribute-name.class, meta.at-rule.mixin.scss entity.name.function.scss#7BCCFC
entity.other.attribute-name.id#FF7D95
entity.name.tag.css#87A1FF
entity.other.attribute-name.pseudo-class 7BCCFC, entity.other.attribute-name.pseudo-element 7BCCFC, entity.other.attribute-name.class 7BCCFC, entity.name.tag.reference#A779F3
meta.property-list#9ABDF5
meta.property-list meta.at-rule.if, meta.at-rule.return variable.parameter.url, meta.property-list meta.at-rule.else#A779F3
entity.other.attribute-name.parent-selector-suffix 7BCCFC.css#7BCCFC
meta.property-list meta.property-list#9ABDF5
meta.at-rule.mixin keyword.control.at-rule.mixin, meta.at-rule.include entity.name.function.scss, meta.at-rule.include keyword.control.at-rule.include#B79DFF
keyword.control.at-rule.include punctuation.definition.keyword, keyword.control.at-rule.mixin punctuation.definition.keyword, meta.at-rule.include keyword.control.at-rule.include, keyword.control.at-rule.extend punctuation.definition.keyword, meta.at-rule.extend keyword.control.at-rule.extend, entity.other.attribute-name.placeholder.css 7BCCFC.css, meta.at-rule.media keyword.control.at-rule.media, meta.at-rule.mixin keyword.control.at-rule.mixin, meta.at-rule.function keyword.control.at-rule.function, keyword.control punctuation.definition.keyword#A779F3
meta.property-list meta.at-rule.include#BDC8F5
support.constant.property-value#A779F3
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#BDC8F5
variable.language#FF7D95
variable.other punctuation.definition.variable#BDC8F5
source.js constant.other.object.key.js string.unquoted.label.js, variable.language.this punctuation.definition.variable, keyword.other.this#FF7D95
entity.other.attribute-name, text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#B79DFF
text.html constant.character.entity#87A1FF
entity.other.attribute-name.id.html, meta.directive.vue entity.other.attribute-name.html#B79DFF
entity.other.attribute-name.id.css, entity.other.attribute-name.id.css punctuation.definition.entity.css#A779F3
source.sass keyword.control#87A1FF
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, entity.other.attribute-name.placeholder, meta.property-list meta.property-value#B79DFF
markup.inserted#A779F3
markup.deleted#FF5370
markup.changed#6183BB
string.regexp#B79DFF
punctuation.definition.group#FF7D95
constant.other.character-class.regexp#B79DFF
constant.other.character-class.set.regexp, punctuation.definition.character-class.regexp#A779F3
keyword.operator.quantifier.regexp#7BCCFC
constant.character.escape.backslash#BDC8F5
constant.character.escape#7BCCFC
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#87A1FF
keyword.other.unit#FF7D95
source.json meta.structure.dictionary.json support.type.property-name.json#87A1FF
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#87A1FF
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#87A1FF
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#87A1FF
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#87A1FF
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#87A1FF
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#87A1FF
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#87A1FF
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#87A1FF
punctuation.definition.list_item.markdown#9ABDF5
meta.block, meta.brace, punctuation.definition.block, punctuation.definition.use, punctuation.definition.class, punctuation.definition.begin.bracket, punctuation.definition.end.bracket, punctuation.definition.switch-expression.begin.bracket, punctuation.definition.switch-expression.end.bracket, punctuation.definition.section.switch-block.begin.bracket, punctuation.definition.section.switch-block.end.bracket, punctuation.definition.group.shell, punctuation.definition.parameters, punctuation.definition.arguments, punctuation.definition.dictionary, punctuation.definition.array, punctuation.section#9ABDF5
meta.jsx.children, meta.embedded.block#BDC8F5
text.html, text.log#9AA5CE
text.html.markdown markup.inline.raw.markdown#B79DFF
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#4E5579
heading.1.markdown entity.name#7BCCFCbold
heading.2.markdown entity.name#58C8F1bold
heading.3.markdown entity.name#87A1FFbold
heading.4.markdown entity.name#6D86DEbold
heading.5.markdown entity.name#9AA5CEbold
heading.6.markdown entity.name#7E83B2bold
markup.italic#BDC8F5italic
markup.bold#BDC8F5bold
markup.bold markup.italic#BDC8F5bold italic
markup.underline, markup.underline punctuationunderline
markup.quote punctuation.definition.blockquote.markdown#4E5579
markup.strikethrough.markdownstrikethrough
markup.underline.link.markdown, markup.underline.link#87A1FFunderline
markup.quoteitalic
string.other.link, constant.other.reference.link.markdown, string.other.link.description.title.markdown#7BCCFC
markup.fenced_code.block.markdown, markup.inline.raw.string.markdown, variable.language.fenced.markdown#7BCCFC
meta.separator#4D5375bold
heading.1.markdown punctuation.definition.heading.markdown, heading.2.markdown punctuation.definition.heading.markdown, heading.3.markdown punctuation.definition.heading.markdown, heading.4.markdown punctuation.definition.heading.markdown, heading.5.markdown punctuation.definition.heading.markdown, heading.6.markdown punctuation.definition.heading.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.markdown, markdown punctuation.definition.markdown, punctuation.definition.strikethrough.markdown#4D5375
markup.table#BDC8F5
token.info-token#87A1FF
token.warn-token#FFDB69
token.error-token#FF5370
token.debug-token#9357E0
entity.tag.apacheconf#FF7D95
meta.preprocessor#7BCCFC
source.env#87A1FF

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...