Skip to main content
CodingTheme

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#8276a3
  • activityBar.background#26272c
  • activityBar.border#22004300
  • activityBar.foreground#670ad7
  • activityBar.inactiveForeground#b4b4b44c
  • activityBarBadge.background#8b829938
  • activityBarBadge.foreground#908996
  • badge.background#884141
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#bebebe
  • breadcrumb.background#7054ab91
  • breadcrumb.focusForeground#bebebe
  • breadcrumb.foreground#ffffffcc
  • button.background#6e31a9
  • button.foreground#ffffff
  • button.hoverBackground#fd01eddb
  • button.secondaryBackground#536d8e
  • button.secondaryForeground#f5f5f5
  • button.secondaryHoverBackground#883b83
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#0e00ad
  • debugExceptionWidget.border#89879d
  • debugToolBar.background#0e00ad
  • debugToolBar.border#89879d
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#ffffff
  • editor.findMatchBackground#adc216b9
  • editor.findMatchBorder#adc216b9
  • editor.findMatchHighlightBackground#324464
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#000000
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#544a6fa7
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#bababad3
  • editor.selectionHighlightBackground#9d48907f
  • editor.selectionHighlightBorder#9d48907f
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#92b86d
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#ffffff
  • editorGroupHeader.tabsBackground#3c00ba91
  • editorGroupHeader.tabsBorder#b2060600
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#ffffff
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#363636
  • editorHoverWidget.border#a7a7a7
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#e310ea9d
  • editorIndentGuide.background#a287b8
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#66006f
  • editorLineNumber.foreground#645373b9
  • editorLink.activeForeground#00ff70
  • editorMarkerNavigation.background#9c989f
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#4b3f66
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#ffffff
  • editorSuggestWidget.selectedBackground#ff00bf3a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#60678e
  • editorWidget.background#7671a3
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5f5f5f
  • focusBorder#883b83
  • foreground#282a36
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#282a36
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#ff01d766
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#573c94
  • list.activeSelectionForeground#bababa
  • list.dropBackground#47586452
  • list.focusBackground#a678cfbd
  • list.focusForeground#b6b6b6
  • list.highlightForeground#96ffb0
  • list.hoverBackground#573c94
  • list.hoverForeground#c4c4c4
  • list.inactiveSelectionBackground#bd93f9
  • list.inactiveSelectionForeground#282a36
  • listFilterWidget.background#282a36
  • listFilterWidget.noMatchesOutline#f70000
  • listFilterWidget.outline#282a36
  • menu.background#44475a
  • menu.border#0000003a
  • menu.foreground#7b7b7b
  • menu.selectionBackground#6272a4
  • menu.selectionBorder#00000000
  • menu.selectionForeground#5cff01
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#7976c41a
  • menubar.selectionBorder#a1a1a100
  • menubar.selectionForeground#5cff01
  • merge.commonContentBackground#909090
  • merge.commonHeaderBackground#848484
  • merge.currentContentBackground#44776d
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#3b5371
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#ffffff
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#adc216b9
  • minimap.selectionHighlight#bababad3
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#404043
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#5dff02
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#6c597b
  • peekViewEditor.background#3e3051
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#3e3051
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#fdbcff
  • progressBar.background#883b83
  • scrollbar.shadow#ff00bf00
  • scrollbarSlider.activeBackground#8221a597
  • scrollbarSlider.background#644286fd
  • scrollbarSlider.hoverBackground#5e2794
  • selection.background#8425a778
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#282a36
  • sideBar.background#44475a
  • sideBar.border#47315abd
  • sideBar.dropBackground#47586452
  • sideBar.foreground#d1d1d1
  • sideBarSectionHeader.background#4f26e23a
  • sideBarSectionHeader.border#9f0a0a00
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#ffffff
  • statusBar.background#513490
  • statusBar.debuggingBackground#d32196
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#bababa
  • statusBar.noFolderBackground#513490
  • statusBar.noFolderBorder#d9d9d900
  • statusBar.noFolderForeground#d9d9d9
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#65de838f
  • statusBarItem.remoteBackground#513490
  • statusBarItem.remoteForeground#bababa
  • tab.activeBackground#7054abed
  • tab.activeBorder#ffffff
  • tab.activeBorderTop#00000000
  • tab.activeForeground#fff9f9
  • tab.border#33003303
  • tab.hoverBackground#5e2cc791
  • tab.inactiveBackground#7054ab00
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#ffffff81
  • terminalCursor.foreground#ffffff
  • textLink.foreground#76ff37
  • titleBar.activeBackground#2e2b38
  • titleBar.activeForeground#bababa
  • titleBar.border#66393900
  • titleBar.inactiveBackground#2e2b38
  • titleBar.inactiveForeground#bababa
  • tree.indentGuidesStroke#6b6088
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#0000005c

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