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.activeBorder#80CBC4
  • activityBar.background#12131b
  • activityBar.border#292D3E60
  • activityBar.dropBackground#f0717880
  • activityBar.foreground#A6ACCD
  • activityBarBadge.background#80CBC4
  • activityBarBadge.foreground#000000
  • badge.background#00000030
  • badge.foreground#676E95
  • breadcrumb.activeSelectionForeground#80CBC4
  • breadcrumb.background#00284B
  • breadcrumb.focusForeground#A6ACCD
  • breadcrumb.foreground#676E95
  • breadcrumbPicker.background#292D3E
  • button.background#717CB450
  • button.foreground#ffffff
  • debugConsole.errorForeground#f07178
  • debugConsole.infoForeground#89DDFF
  • debugConsole.warningForeground#FFCB6B
  • debugToolBar.background#292D3E
  • diffEditor.insertedTextBackground#89DDFF20
  • diffEditor.removedTextBackground#ff9cac20
  • dropdown.background#292D3E
  • dropdown.border#FFFFFF10
  • editor.background#161922
  • editor.findMatchBackground#000000
  • editor.findMatchBorder#80CBC4
  • editor.findMatchHighlight#A6ACCD
  • editor.findMatchHighlightBackground#00000050
  • editor.findMatchHighlightBorder#ffffff30
  • editor.findRangeHighlightBackground#FFCB6B30
  • editor.foreground#A6ACCD
  • editor.lineHighlightBackground#00000050
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#FFFFFF0d
  • editor.selectionBackground#717CB450
  • editor.selectionHighlightBackground#FFCC0020
  • editor.wordHighlightBackground#ff9cac30
  • editor.wordHighlightStrongBackground#C3E88D30
  • editorBracketMatch.background#292D3E
  • editorBracketMatch.border#FFCC0050
  • editorCursor.foreground#FFCC00
  • editorError.foreground#f0717870
  • editorGroup.border#00000030
  • editorGroup.dropBackground#f0717880
  • editorGroup.focusedEmptyBorder#f07178
  • editorGroupHeader.border#FFFFFF00
  • editorGroupHeader.tabsBackground#292D3E
  • editorGutter.addedBackground#C3E88D60
  • editorGutter.deletedBackground#f0717860
  • editorGutter.modifiedBackground#82AAFF60
  • editorHoverWidget.background#12131b
  • editorHoverWidget.border#FFFFFF10
  • editorIndentGuide.activeBackground#4E5579
  • editorIndentGuide.background#4E557970
  • editorInfo.foreground#82AAFF70
  • editorLineNumber.activeForeground#B1BDFF
  • editorLineNumber.foreground#3A3F58
  • editorLink.activeForeground#A6ACCD
  • editorMarkerNavigation.background#A6ACCD05
  • editorOverviewRuler.border#292D3E
  • editorOverviewRuler.errorForeground#f0717840
  • editorOverviewRuler.findMatchForeground#80CBC4
  • editorOverviewRuler.infoForeground#82AAFF40
  • editorOverviewRuler.warningForeground#FFCB6B40
  • editorRuler.foreground#4E5579
  • editorSuggestWidget.background#292D3E
  • editorSuggestWidget.border#FFFFFF10
  • editorSuggestWidget.foreground#A6ACCD
  • editorSuggestWidget.highlightForeground#80CBC4
  • editorSuggestWidget.selectedBackground#00000050
  • editorWarning.foreground#FFCB6B70
  • editorWhitespace.foreground#8799ff40
  • editorWidget.background#12131b
  • editorWidget.border#80CBC4
  • editorWidget.resizeBorder#80CBC4
  • extensionBadge.remoteForeground#A6ACCD
  • extensionButton.prominentBackground#C3E88D90
  • extensionButton.prominentForeground#000000
  • extensionButton.prominentHoverBackground#C3E88D
  • focusBorder#FFFFFF00
  • foreground#A6ACCD
  • gitDecoration.conflictingResourceForeground#FFCB6B90
  • gitDecoration.deletedResourceForeground#f0717890
  • gitDecoration.ignoredResourceForeground#676E9590
  • gitDecoration.modifiedResourceForeground#82AAFF90
  • gitDecoration.untrackedResourceForeground#C3E88D90
  • input.background#333747
  • input.border#FFFFFF10
  • input.foreground#A6ACCD
  • input.placeholderForeground#A6ACCD60
  • inputOption.activeBackground#A6ACCD30
  • inputOption.activeBorder#A6ACCD30
  • inputValidation.errorBorder#f07178
  • inputValidation.infoBorder#82AAFF
  • inputValidation.warningBorder#FFCB6B
  • list.activeSelectionBackground#292D3E
  • list.activeSelectionForeground#80CBC4
  • list.dropBackground#f0717880
  • list.focusBackground#A6ACCD20
  • list.focusForeground#A6ACCD
  • list.highlightForeground#80CBC4
  • list.hoverBackground#292D3E
  • list.hoverForeground#FFFFFF
  • list.inactiveSelectionBackground#00000030
  • list.inactiveSelectionForeground#80CBC4
  • listFilterWidget.background#00000030
  • listFilterWidget.noMatchesOutline#00000030
  • listFilterWidget.outline#00000030
  • menu.background#1f1f34
  • menu.foreground#A6ACCD
  • menu.selectionBackground#00000050
  • menu.selectionBorder#00000030
  • menu.selectionForeground#80CBC4
  • menu.separatorBackground#A6ACCD
  • menubar.selectionBackground#FFFFFF30
  • menubar.selectionBorder#00000030
  • menubar.selectionForeground#80CBC4
  • notificationLink.foreground#80CBC4
  • notifications.background#292D3E
  • notifications.foreground#A6ACCD
  • panel.background#212432
  • panel.border#292D3E60
  • panel.dropBackground#A6ACCD
  • panelTitle.activeBorder#80CBC4
  • panelTitle.activeForeground#FFFFFF
  • panelTitle.inactiveForeground#A6ACCD
  • peekView.border#00000030
  • peekViewEditor.background#A6ACCD05
  • peekViewEditor.matchHighlightBackground#717CB450
  • peekViewEditorGutter.background#A6ACCD05
  • peekViewResult.background#A6ACCD05
  • peekViewResult.matchHighlightBackground#717CB450
  • peekViewResult.selectionBackground#676E9570
  • peekViewTitle.background#A6ACCD05
  • peekViewTitleDescription.foreground#A6ACCD60
  • pickerGroup.border#FFFFFF1a
  • pickerGroup.foreground#80CBC4
  • progressBar.background#80CBC4
  • quickInput.background#292D3E
  • quickInput.foreground#676E95
  • scrollbar.shadow#00000030
  • scrollbarSlider.activeBackground#80CBC4
  • scrollbarSlider.background#A6ACCD20
  • scrollbarSlider.hoverBackground#A6ACCD10
  • selection.background#00000080
  • settings.checkboxBackground#292D3E
  • settings.checkboxForeground#A6ACCD
  • settings.dropdownBackground#292D3E
  • settings.dropdownForeground#A6ACCD
  • settings.headerForeground#80CBC4
  • settings.modifiedItemIndicator#80CBC4
  • settings.numberInputBackground#292D3E
  • settings.numberInputForeground#A6ACCD
  • settings.textInputBackground#292D3E
  • settings.textInputForeground#A6ACCD
  • sideBar.background#12131b
  • sideBar.border#292D3E60
  • sideBar.foreground#858BAA
  • sideBarSectionHeader.background#4F71FF60
  • sideBarSectionHeader.border#292D3E60
  • sideBarTitle.foreground#A6ACCD
  • statusBar.background#000A11
  • statusBar.border#292D3E60
  • statusBar.debuggingBackground#C792EA
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#676E95
  • statusBar.noFolderBackground#292D3E
  • statusBarItem.activeBackground#f0717880
  • statusBarItem.hoverBackground#676E9520
  • statusBarItem.remoteBackground#80CBC4
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#12131b
  • tab.activeBorder#80CBC4
  • tab.activeForeground#FFFFFF
  • tab.activeModifiedBorder#676E95
  • tab.border#9D9DFF20
  • tab.inactiveBackground#292D3E
  • tab.inactiveForeground#676E95
  • tab.inactiveModifiedBorder#904348
  • tab.unfocusedActiveBorder#676E95
  • tab.unfocusedActiveForeground#A6ACCD
  • tab.unfocusedActiveModifiedBorder#c05a60
  • tab.unfocusedInactiveModifiedBorder#904348
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#82AAFF
  • terminal.ansiBrightBlack#676E95
  • terminal.ansiBrightBlue#82AAFF
  • terminal.ansiBrightCyan#89DDFF
  • terminal.ansiBrightGreen#C3E88D
  • terminal.ansiBrightMagenta#C792EA
  • terminal.ansiBrightRed#f07178
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#FFCB6B
  • terminal.ansiCyan#89DDFF
  • terminal.ansiGreen#C3E88D
  • terminal.ansiMagenta#C792EA
  • terminal.ansiRed#f07178
  • terminal.ansiWhite#ffffff
  • terminal.ansiYellow#FFCB6B
  • terminalCursor.background#000000
  • terminalCursor.foreground#FFCB6B
  • textLink.activeForeground#A6ACCD
  • textLink.foreground#80CBC4
  • titleBar.activeBackground#12131B
  • titleBar.activeForeground#A6ACCD
  • titleBar.border#292D3E60
  • titleBar.inactiveBackground#12131B
  • titleBar.inactiveForeground#676E95
  • tree.indentGuidesStroke#4E5579
  • widget.shadow#00000030

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#f6efff
variable.other.generic-type.haskell#ff707a
storage.type.haskell#e89bd5
support.variable.magic.python#f6efff
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#ffffff
variable.parameter.function.language.special.self.python#96a5ff
storage.modifier.lifetime.rust#ffffff
support.function.std.rust#7cf388
entity.name.lifetime.rust#96a5ff
variable.language.rust#f6efff
support.constant.edge#ff707a
constant.other.character-class.regexp#f6efff
keyword.operator.quantifier.regexp#e89bd5
punctuation.definition.string.begin,punctuation.definition.string.end#66C0FF
variable.parameter.function#ffffff
comment markup.link#7f848e
markup.changed.diff#96a5ff
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#7cf388
markup.inserted.diff#ffd166
markup.deleted.diff#f6efff
meta.function.c,meta.function.cpp#f6efff
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#ffffff
punctuation.separator.key-value#ffffff
keyword.operator.expression.import#7cf388
support.constant.math#96a5ff
support.constant.property.math#e89bd5
variable.other.constant#96a5ff
storage.type.annotation.java, storage.type.object.array.java#96a5ff
source.java#f6efff
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#ffffff
meta.method.java#7cf388
storage.modifier.import.java,storage.type.java,storage.type.generic.java#96a5ff
keyword.operator.instanceof.java#ff707a
meta.definition.variable.name.java#f6efff
keyword.operator.logical#ff707a
keyword.operator.bitwise#ff707a
keyword.operator.channel#ff707a
support.constant.property-value.scss,support.constant.property-value.css#e89bd5
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ff707a
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#e89bd5
punctuation.separator.list.comma.css#ffffff
support.constant.color.w3c-standard-color-name.css#e89bd5
support.type.vendored.property-name.css#ff707a
support.module.node,support.type.object.module,support.module.node#96a5ff
entity.name.type.module#96a5ff
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#f6efff
support.constant.json#e89bd5
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ff707a
support.type.object.console#f6efff
support.variable.property.process#e89bd5
entity.name.function,support.function.console#7cf388
keyword.operator.misc.rust#ffffff
keyword.operator.sigil.rust#ff707a
keyword.operator.delete#ff707a
support.type.object.dom#ff707a
support.variable.dom,support.variable.property.dom#f6efff
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ff707a
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#ff707a
punctuation.separator.delimiter#ffffff
punctuation.separator.c,punctuation.separator.cpp#ff707a
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ff707a
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ff707a
variable.parameter.function.language.python#e89bd5
support.type.python#ff707a
keyword.operator.logical.python#ff707a
variable.parameter.function.python#e89bd5
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#ffffff
meta.function-call.generic.python#7cf388
constant.character.format.placeholder.other.python#e89bd5
keyword.operator#ffffff
keyword.operator.assignment.compound#ff707a
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ff707a
keyword#ff707a
entity.name.namespace#96a5ff
variable#f6efff
variable.c#ffffff
variable.language#96a5ff
token.variable.parameter.java#ffffff
import.storage.java#96a5ff
token.package.keyword#ff707a
token.package#ffffff
entity.name.function, meta.require, support.function.any-method, variable.function#7cf388
entity.name.type.namespace#96a5ff
support.class, entity.name.type.class#96a5ff
entity.name.class.identifier.namespace.type#96a5ff
entity.name.class, variable.other.class.js, variable.other.class.ts#96a5ff
variable.other.class.php#f6efff
entity.name.type#96a5ff
keyword.control#ff707a
control.elements, keyword.operator.less#e89bd5
keyword.other.special-method#7cf388
storage#ff707a
token.storage#ff707a
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#ff707a
token.storage.type.java#96a5ff
support.function#ff707a
support.type.property-name#ffffff
support.constant.property-value#ffffff
support.constant.font-name#e89bd5
meta.tag#ffffff
string#ffd166
entity.other.inherited-class#96a5ff
constant.other.symbol#ff707a
constant.numeric#e89bd5
constant#e89bd5
punctuation.definition.constant#e89bd5
entity.name.tag#ff707a
entity.other.attribute-name#afa8ea
entity.other.attribute-name.id#7cf388normal
entity.other.attribute-name.class.css#e89bd5normal
meta.selector#ff707a
markup.heading#f6efff
markup.heading punctuation.definition.heading, entity.name.section#7cf388
keyword.other.unit#f6efff
markup.bold,todo.bold#e89bd5
punctuation.definition.bold#96a5ff
markup.italic, punctuation.definition.italic,todo.emphasis#ff707a
emphasis md#ff707a
entity.name.section.markdown#f6efff
punctuation.definition.heading.markdown#f6efff
punctuation.definition.list.begin.markdown#f6efff
markup.heading.setext#ffffff
punctuation.definition.bold.markdown#e89bd5
markup.inline.raw.markdown#ffd166
markup.inline.raw.string.markdown#ffd166
punctuation.definition.list.markdown#f6efff
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#f6efff
beginning.punctuation.definition.list.markdown#f6efff
punctuation.definition.metadata.markdown#f6efff
markup.underline.link.markdown,markup.underline.link.image.markdown#ff707a
string.other.link.title.markdown,string.other.link.description.markdown#7cf388
string.regexp#ff707a
constant.character.escape#ff707a
punctuation.section.embedded, variable.interpolation#f6efff
punctuation.section.embedded.begin,punctuation.section.embedded.end#ff707a
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#ffffff
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#f6efff
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#f6efff
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#ffd166
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ff707a
support.type.property-name.json#f6efff
support.type.property-name.json punctuation#f6efff
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ff707a
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ff707a
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#96a5ff
keyword.operator.error-control.php#ff707a
keyword.operator.type.php#ff707a
punctuation.section.array.begin.php#ffffff
punctuation.section.array.end.php#ffffff
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#96a5ff
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#7cf388
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#ffffff
support.constant.core.rust#e89bd5
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#e89bd5
entity.name.goto-label.php,support.other.php#7cf388
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ff707a
keyword.operator.regexp.php#ff707a
keyword.operator.comparison.php#ff707a
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ff707a
meta.function.decorator.python#7cf388
support.token.decorator.python,meta.function.decorator.identifier.python#ff707a
function.parameter#ffffff
function.brace#ffffff
function.parameter.ruby, function.parameter.cs#ffffff
constant.language.symbol.ruby#ff707a
rgb-value#ff707a
inline-color-decoration rgb-value#e89bd5
less rgb-value#e89bd5
selector.sass#f6efff
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#96a5ff
block.scope.end,block.scope.begin#ffffff
storage.type.cs#96a5ff
entity.name.variable.local.cs#f6efff
token.info-token#7cf388
token.warn-token#e89bd5
token.error-token#f44747
token.debug-token#ff707a
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ff707a
meta.template.expression#ffffff
keyword.operator.module#ff707a
support.type.type.flowtype#7cf388
support.type.primitive#96a5ff
meta.property.object#f6efff
variable.parameter.function.js#f6efff
keyword.other.template.begin#ffd166
keyword.other.template.end#ffd166
keyword.other.substitution.begin#ffd166
keyword.other.substitution.end#ffd166
keyword.operator.assignment#ff707a
keyword.operator.assignment.go#96a5ff
keyword.operator.arithmetic.go, keyword.operator.address.go#ff707a
entity.name.package.go#96a5ff
support.type.prelude.elm#ff707a
support.constant.elm#e89bd5
punctuation.quasi.element#ff707a
constant.character.entity#f6efff
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ff707a
entity.global.clojure#96a5ff
meta.symbol.clojure#f6efff
constant.keyword.clojure#ff707a
meta.arguments.coffee, variable.parameter.function.coffee#f6efff
source.ini#ffd166
meta.scope.prerequisites.makefile#f6efff
source.makefile#96a5ff
storage.modifier.import.groovy#96a5ff
meta.method.groovy#7cf388
meta.definition.variable.name.groovy#f6efff
meta.definition.class.inherited.classes.groovy#ffd166
support.variable.semantic.hlsl#96a5ff
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#ff707a
text.variable, text.bracketed#f6efff
support.type.swift, support.type.vb.asp#96a5ff
entity.name.function.xi#96a5ff
entity.name.class.xi#ff707a
constant.character.character-class.regexp.xi#f6efff
constant.regexp.xi#ff707a
keyword.control.xi#ff707a
invalid.xi#ffffff
beginning.punctuation.definition.quote.markdown.xi#ffd166
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#7cf388
accent.xi#7cf388
wikiword.xi#e89bd5
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#7f848e
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#96a5ff
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#f6efff
meta.brace.square#ffffff
comment, punctuation.definition.comment#7f848eitalic
markup.quote.markdown#7f848e
punctuation.definition.block.sequence.item.yaml#ffffff
constant.language.symbol.elixir#ff707a
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...