Skip to main content
Coding Theme

Shiki Highlighter

Publisher: litingyesThemes in package: 60

A Visual Studio Code extension that provides beautiful code highlighting using the Shiki syntax highlighter.

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.activeBackground#343841
  • activityBar.background#17191e
  • activityBar.border#343841
  • activityBar.foreground#eef0f9
  • activityBar.inactiveForeground#858b98
  • activityBarBadge.background#4bf3c8
  • activityBarBadge.foreground#000000
  • badge.background#bfc1c9
  • badge.foreground#17191e
  • breadcrumb.activeSelectionForeground#eef0f9
  • breadcrumb.background#17191e
  • breadcrumb.focusForeground#eef0f9
  • breadcrumb.foreground#858b98
  • button.background#4bf3c8
  • button.foreground#17191e
  • button.hoverBackground#31c19c
  • button.secondaryBackground#545864
  • button.secondaryForeground#eef0f9
  • button.secondaryHoverBackground#858b98
  • checkbox.background#23262d
  • checkbox.border#00000000
  • checkbox.foreground#eef0f9
  • debugExceptionWidget.background#23262d
  • debugExceptionWidget.border#8996d5
  • debugToolBar.background#000
  • debugToolBar.border#ffffff00
  • diffEditor.border#ffffff00
  • diffEditor.insertedTextBackground#4bf3c824
  • diffEditor.removedTextBackground#dc365724
  • dropdown.background#23262d
  • dropdown.border#00000000
  • dropdown.foreground#eef0f9
  • editor.background#17191e
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#23262d
  • editor.findRangeHighlightBorder#b2434300
  • editor.foldBackground#ad5dca26
  • editor.foreground#eef0f9
  • editor.hoverHighlightBackground#5495d740
  • editor.inactiveSelectionBackground#2a2d34
  • editor.lineHighlightBackground#23262d
  • editor.lineHighlightBorder#ffffff00
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ad5dca44
  • editor.selectionHighlightBackground#add6ff34
  • editor.selectionHighlightBorder#495f77
  • editor.wordHighlightBackground#494949b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#545864
  • editorBracketMatch.border#ffffff00
  • editorCodeLens.foreground#bfc1c9
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#ffffff00
  • editorError.border#ffffff00
  • editorError.foreground#f4587e
  • editorGroup.border#343841
  • editorGroup.emptyBackground#17191e
  • editorGroupHeader.border#ffffff00
  • editorGroupHeader.tabsBackground#23262d
  • editorGroupHeader.tabsBorder#ffffff00
  • editorGutter.addedBackground#4bf3c8
  • editorGutter.background#17191e
  • editorGutter.commentRangeForeground#545864
  • editorGutter.deletedBackground#f06788
  • editorGutter.foldingControlForeground#545864
  • editorGutter.modifiedBackground#54b9ff
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#858b98
  • editorIndentGuide.background#343841
  • editorInfo.background#4490bf00
  • editorInfo.border#4490bf00
  • editorInfo.foreground#54b9ff
  • editorLineNumber.activeForeground#858b98
  • editorLineNumber.foreground#545864
  • editorLink.activeForeground#54b9ff
  • editorMarkerNavigation.background#23262d
  • editorMarkerNavigationError.background#dc3657
  • editorMarkerNavigationInfo.background#54b9ff
  • editorMarkerNavigationWarning.background#ffd493
  • editorOverviewRuler.background#ffffff00
  • editorOverviewRuler.border#ffffff00
  • editorRuler.foreground#545864
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#a9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#fbc23b
  • editorWhitespace.foreground#cc75f450
  • editorWidget.background#343841
  • editorWidget.foreground#ffffff
  • editorWidget.resizeBorder#cc75f4
  • focusBorder#00daef
  • foreground#cccccc
  • gitDecoration.addedResourceForeground#4bf3c8
  • gitDecoration.conflictingResourceForeground#00daef
  • gitDecoration.deletedResourceForeground#f4587e
  • gitDecoration.ignoredResourceForeground#858b98
  • gitDecoration.modifiedResourceForeground#ffd493
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#ffd493
  • gitDecoration.submoduleResourceForeground#54b9ff
  • gitDecoration.untrackedResourceForeground#4bf3c8
  • icon.foreground#cccccc
  • input.background#23262d
  • input.border#bfc1c9
  • input.foreground#eef0f9
  • input.placeholderForeground#858b98
  • inputOption.activeBackground#54b9ff
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#17191e
  • list.activeSelectionBackground#2d4860
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#17191e
  • list.focusBackground#54b9ff
  • list.focusForeground#ffffff
  • list.highlightForeground#ffffff
  • list.hoverBackground#343841
  • list.hoverForeground#eef0f9
  • list.inactiveSelectionBackground#17191e
  • list.inactiveSelectionForeground#eef0f9
  • listFilterWidget.background#2d4860
  • listFilterWidget.noMatchesOutline#dc3657
  • listFilterWidget.outline#54b9ff
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#094771
  • menu.selectionBorder#00000000
  • menu.selectionForeground#4bf3c8
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403b
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384b
  • merge.incomingHeaderBackground#395f8f
  • minimap.background#17191e
  • minimap.errorHighlight#dc3657
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#3757b942
  • minimap.warningHighlight#fbc23b
  • minimapGutter.addedBackground#4bf3c8
  • minimapGutter.deletedBackground#f06788
  • minimapGutter.modifiedBackground#54b9ff
  • notificationCenter.border#ffffff00
  • notificationCenterHeader.background#343841
  • notificationCenterHeader.foreground#17191e
  • notifications.background#343841
  • notifications.border#bfc1c9
  • notifications.foreground#ffffff
  • notificationsErrorIcon.foreground#f4587e
  • notificationsInfoIcon.foreground#54b9ff
  • notificationsWarningIcon.foreground#ff8551
  • notificationToast.border#ffffff00
  • panel.background#23262d
  • panel.border#17191e
  • panelSection.border#17191e
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#eef0f9
  • panelTitle.inactiveForeground#bfc1c9
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#f00
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#ffffff00
  • pickerGroup.foreground#eef0f9
  • progressBar.background#4bf3c8
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#54b9ff66
  • scrollbarSlider.background#54586466
  • scrollbarSlider.hoverBackground#545864B3
  • selection.background#00daef56
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#23262d
  • sideBar.border#17191e
  • sideBar.dropBackground#17191e
  • sideBar.foreground#bfc1c9
  • sideBarSectionHeader.background#343841
  • sideBarSectionHeader.border#17191e
  • sideBarSectionHeader.foreground#eef0f9
  • sideBarTitle.foreground#eef0f9
  • statusBar.background#17548b
  • statusBar.debuggingBackground#cc75f4
  • statusBar.debuggingForeground#eef0f9
  • statusBar.foreground#eef0f9
  • statusBar.noFolderBackground#6c3c7d
  • statusBar.noFolderForeground#eef0f9
  • statusBarItem.activeBackground#ffffff25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#297763
  • statusBarItem.remoteForeground#eef0f9
  • tab.activeBackground#17191e
  • tab.activeBorder#ffffff00
  • tab.activeBorderTop#eef0f9
  • tab.activeForeground#eef0f9
  • tab.border#17191e
  • tab.hoverBackground#343841
  • tab.hoverForeground#eef0f9
  • tab.inactiveBackground#23262d
  • tab.inactiveForeground#858b98
  • terminal.ansiBlack#17191e
  • terminal.ansiBlue#2b7eca
  • terminal.ansiBrightBlack#545864
  • terminal.ansiBrightBlue#54b9ff
  • terminal.ansiBrightCyan#00daef
  • terminal.ansiBrightGreen#4bf3c8
  • terminal.ansiBrightMagenta#cc75f4
  • terminal.ansiBrightRed#f4587e
  • terminal.ansiBrightWhite#fafafa
  • terminal.ansiBrightYellow#ffd493
  • terminal.ansiCyan#24c0cf
  • terminal.ansiGreen#23d18b
  • terminal.ansiMagenta#ad5dca
  • terminal.ansiRed#dc3657
  • terminal.ansiWhite#eef0f9
  • terminal.ansiYellow#ffc368
  • terminal.border#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087ff
  • terminalCursor.foreground#ffffff
  • textLink.foreground#54b9ff
  • titleBar.activeBackground#17191e
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#545864
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#ffffff00

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison#4bf3c8
variable.other.generic-type.haskell#54b9ff
storage.type.haskell#ffd493
support.variable.magic.python#4bf3c8
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#eef0f9
variable.parameter.function.language.special.self.python#acafff
storage.modifier.lifetime.rust#eef0f9
support.function.std.rust#00daef
entity.name.lifetime.rust#acafff
variable.language.rust#4bf3c8
support.constant.edge#54b9ff
constant.other.character-class.regexp#4bf3c8
keyword.operator.quantifier.regexp#ffd493
punctuation.definition.string.begin,punctuation.definition.string.end#ffd493
variable.parameter.function#eef0f9
comment markup.link#545864
markup.changed.diff#acafff
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#00daef
markup.inserted.diff#ffd493
markup.deleted.diff#4bf3c8
meta.function.c,meta.function.cpp#4bf3c8
punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c#eef0f9
punctuation.separator.key-value#eef0f9
keyword.operator.expression.import#00daef
support.constant.math#acafff
support.constant.property.math#ffd493
variable.other.constant#acafff
storage.type.annotation.java, storage.type.object.array.java#acafff
source.java#4bf3c8
punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java#eef0f9
meta.method.java#00daef
storage.modifier.import.java,storage.type.java,storage.type.generic.java#acafff
keyword.operator.instanceof.java#54b9ff
meta.definition.variable.name.java#4bf3c8
keyword.operator.logical#eef0f9
keyword.operator.bitwise#eef0f9
keyword.operator.channel#eef0f9
support.constant.property-value.scss,support.constant.property-value.css#ffd493
keyword.operator.css,keyword.operator.scss,keyword.operator.less#eef0f9
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ffd493
punctuation.separator.list.comma.css#eef0f9
support.constant.color.w3c-standard-color-name.css#ffd493
support.type.vendored.property-name.css#eef0f9
support.module.node,support.type.object.module,support.module.node#acafff
entity.name.type.module#ffd493
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#4bf3c8
support.constant.json#ffd493
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#54b9ff
support.type.object.console#4bf3c8
support.variable.property.process#ffd493
entity.name.function,support.function.console#00daef
keyword.operator.misc.rust#eef0f9
keyword.operator.sigil.rust#54b9ff
keyword.operator.delete#54b9ff
support.type.object.dom#eef0f9
support.variable.dom,support.variable.property.dom#4bf3c8
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#eef0f9
keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp#54b9ff
punctuation.separator.delimiter#eef0f9
punctuation.separator.c,punctuation.separator.cpp#54b9ff
support.type.posix-reserved.c,support.type.posix-reserved.cpp#eef0f9
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#54b9ff
variable.parameter.function.language.python#ffd493
support.type.python#eef0f9
keyword.operator.logical.python#54b9ff
variable.parameter.function.python#ffd493
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#eef0f9
meta.function-call.generic.python#00daef
constant.character.format.placeholder.other.python#ffd493
keyword.operator#eef0f9
keyword.operator.assignment.compound#54b9ff
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#eef0f9
keyword#54b9ff
entity.name.namespace#acafff
variable#4bf3c8
variable.c#eef0f9
variable.language#acafff
token.variable.parameter.java#eef0f9
import.storage.java#acafff
token.package.keyword#54b9ff
token.package#eef0f9
entity.name.function, meta.require, support.function.any-method, variable.function#00daef
entity.name.type.namespace#acafff
support.class, entity.name.type.class#acafff
entity.name.class.identifier.namespace.type#acafff
entity.name.class, variable.other.class.js, variable.other.class.ts#acafff
variable.other.class.php#4bf3c8
entity.name.type#acafff
keyword.control#54b9ff
control.elements, keyword.operator.less#ffd493
keyword.other.special-method#00daef
storage#54b9ff
token.storage#54b9ff
keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void#54b9ff
token.storage.type.java#acafff
support.function#eef0f9
support.type.property-name#eef0f9
support.constant.property-value#eef0f9
support.constant.font-name#ffd493
meta.tag#eef0f9
string#ffd493
entity.other.inherited-class#acafff
constant.other.symbol#eef0f9
constant.numeric#ffd493
constant#ffd493
punctuation.definition.constant#ffd493
entity.name.tag#54b9ff
entity.other.attribute-name#4bf3c8
entity.other.attribute-name.html#acafff
source.astro.meta.attribute.client:idle.html#ffd493italic
string.quoted.double.html,string.quoted.single.html,string.template.html,punctuation.definition.string.begin.html,punctuation.definition.string.end.html#4bf3c8
entity.other.attribute-name.id#00daefnormal
entity.other.attribute-name.class.css#4bf3c8normal
meta.selector#54b9ff
markup.heading#4bf3c8
markup.heading punctuation.definition.heading, entity.name.section#00daef
keyword.other.unit#4bf3c8
markup.bold,todo.bold#ffd493
punctuation.definition.bold#acafff
markup.italic, punctuation.definition.italic,todo.emphasis#54b9ff
emphasis md#54b9ff
entity.name.section.markdown#4bf3c8
punctuation.definition.heading.markdown#4bf3c8
punctuation.definition.list.begin.markdown#4bf3c8
markup.heading.setext#eef0f9
punctuation.definition.bold.markdown#ffd493
markup.inline.raw.markdown#ffd493
markup.inline.raw.string.markdown#ffd493
punctuation.definition.list.markdown#4bf3c8
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#4bf3c8
beginning.punctuation.definition.list.markdown#4bf3c8
punctuation.definition.metadata.markdown#4bf3c8
markup.underline.link.markdown,markup.underline.link.image.markdown#54b9ff
string.other.link.title.markdown,string.other.link.description.markdown#00daef
string.regexp#eef0f9
constant.character.escape#eef0f9
punctuation.section.embedded, variable.interpolation#4bf3c8
punctuation.section.embedded.begin,punctuation.section.embedded.end#54b9ff
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#eef0f9
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#cc75f4
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#4bf3c8
source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation#ffd493
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#eef0f9
support.type.property-name.json#4bf3c8
support.type.property-name.json punctuation#4bf3c8
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#54b9ff
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#54b9ff
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#acafff
keyword.operator.error-control.php#54b9ff
keyword.operator.type.php#54b9ff
punctuation.section.array.begin.php#eef0f9
punctuation.section.array.end.php#eef0f9
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#acafff
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#00daef
punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php#eef0f9
support.constant.core.rust#ffd493
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ffd493
entity.name.goto-label.php,support.other.php#00daef
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#eef0f9
keyword.operator.regexp.php#54b9ff
keyword.operator.comparison.php#eef0f9
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#54b9ff
meta.function.decorator.python#00daef
support.token.decorator.python,meta.function.decorator.identifier.python#eef0f9
function.parameter#eef0f9
function.brace#eef0f9
function.parameter.ruby, function.parameter.cs#eef0f9
constant.language.symbol.ruby#eef0f9
rgb-value#eef0f9
inline-color-decoration rgb-value#ffd493
less rgb-value#ffd493
selector.sass#4bf3c8
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#acafff
block.scope.end,block.scope.begin#eef0f9
storage.type.cs#acafff
entity.name.variable.local.cs#4bf3c8
token.info-token#00daef
token.warn-token#ffd493
token.error-token#f44747
token.debug-token#54b9ff
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#54b9ff
meta.template.expression#eef0f9
keyword.operator.module#54b9ff
support.type.type.flowtype#00daef
support.type.primitive#acafff
meta.property.object#4bf3c8
variable.parameter.function.js#4bf3c8
keyword.other.template.begin#ffd493
keyword.other.template.end#ffd493
keyword.other.substitution.begin#ffd493
keyword.other.substitution.end#ffd493
keyword.operator.assignment#eef0f9
keyword.operator.assignment.go#acafff
keyword.operator.arithmetic.go, keyword.operator.address.go#54b9ff
entity.name.package.go#acafff
support.type.prelude.elm#eef0f9
support.constant.elm#ffd493
punctuation.quasi.element#54b9ff
constant.character.entity#4bf3c8
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#eef0f9
entity.global.clojure#acafff
meta.symbol.clojure#4bf3c8
constant.keyword.clojure#eef0f9
meta.arguments.coffee, variable.parameter.function.coffee#4bf3c8
source.ini#ffd493
meta.scope.prerequisites.makefile#4bf3c8
source.makefile#acafff
storage.modifier.import.groovy#acafff
meta.method.groovy#00daef
meta.definition.variable.name.groovy#4bf3c8
meta.definition.class.inherited.classes.groovy#ffd493
support.variable.semantic.hlsl#acafff
support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl#54b9ff
text.variable, text.bracketed#4bf3c8
support.type.swift, support.type.vb.asp#acafff
entity.name.function.xi#acafff
entity.name.class.xi#eef0f9
constant.character.character-class.regexp.xi#4bf3c8
constant.regexp.xi#54b9ff
keyword.control.xi#eef0f9
invalid.xi#eef0f9
beginning.punctuation.definition.quote.markdown.xi#ffd493
beginning.punctuation.definition.list.markdown.xi#eef0f98f
constant.character.xi#00daef
accent.xi#00daef
wikiword.xi#ffd493
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#545864
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#acafff
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#4bf3c8
meta.brace.square#eef0f9
comment, punctuation.definition.comment#eef0f98fitalic
markup.quote.markdown#eef0f98f
punctuation.definition.block.sequence.item.yaml#eef0f9
constant.language.symbol.elixir#eef0f9
entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.superitalic
comment.line.double-slash,comment.block.documentationitalic
keyword.control.import.python,keyword.control.flow.pythonitalic
markup.italic.markdownitalic

Shiki preview

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

Loading...