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