Skip to main content
Coding Theme

Color themes

VS Code preview

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

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.background#000000
  • activityBar.border#e600e2
  • activityBar.foreground#00b7ff
  • activityBar.inactiveForeground#c724b5
  • activityBarBadge.background#00b7ff
  • activityBarBadge.foreground#363535
  • badge.background#00f3ff
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#6cf1ff
  • button.foreground#000000
  • button.hoverBackground#f7ff00
  • button.secondaryBackground#fbe005
  • button.secondaryForeground#000000
  • button.secondaryHoverBackground#a305fb
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#000000
  • debugExceptionWidget.border#ff00bf
  • debugToolBar.background#000000
  • debugToolBar.border#ff00bf
  • diffEditor.border#de2e2e00
  • diffEditor.insertedTextBackground#9036fd33
  • diffEditor.insertedTextBorder#ffa70000
  • diffEditor.removedTextBackground#f700ff33
  • diffEditor.removedTextBorder#ffffff00
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#100015
  • editor.findMatchBackground#515c6a00
  • editor.findMatchBorder#00fff3
  • editor.findMatchHighlightBackground#ea5c0000
  • editor.findMatchHighlightBorder#5c00ff
  • editor.findRangeHighlightBackground#28272766
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#0000004d
  • editor.foreground#21b8f2
  • editor.hoverHighlightBackground#07d1ff42
  • editor.inactiveSelectionBackground#111111
  • editor.lineHighlightBackground#000000
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#000000
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#c0bcc02a
  • editor.selectionHighlightBackground#ffffff00
  • editor.selectionHighlightBorder#ff00a7
  • editor.wordHighlightBackground#ffffff00
  • editor.wordHighlightBorder#ffffff
  • editor.wordHighlightStrongBackground#ffe93300
  • editor.wordHighlightStrongBorder#ffffff
  • editorBracketMatch.background#fd04b300
  • editorBracketMatch.border#fbca0b
  • editorCodeLens.foreground#999999
  • editorCursor.background#0d0d0c
  • editorCursor.foreground#ffcc05
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f70074
  • editorGroup.border#a54f4f00
  • editorGroup.emptyBackground#100015
  • editorGroupHeader.tabsBackground#000000
  • editorGutter.addedBackground#44ff00
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#ffe300
  • editorGutter.deletedBackground#ff8300
  • editorGutter.foldingControlForeground#ffe300
  • editorGutter.modifiedBackground#ff006c
  • editorHoverWidget.background#000000
  • editorHoverWidget.border#ff0ec3
  • editorHoverWidget.foreground#ffffff
  • editorIndentGuide.activeBackground#00cfff
  • editorIndentGuide.background#ff09f046
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ff00e3
  • editorLineNumber.foreground#00b7ff
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#000000
  • editorMarkerNavigationError.background#ff0024
  • editorMarkerNavigationInfo.background#00fff3
  • editorMarkerNavigationWarning.background#ffd100
  • editorOverviewRuler.background#19f4ffb3
  • editorOverviewRuler.border#ff00cb00
  • editorRuler.foreground#ec10de2a
  • editorSuggestWidget.background#000000
  • editorSuggestWidget.border#ff00e3
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#00fbcc
  • editorSuggestWidget.selectedBackground#1b1b1b
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#f7ff06d3
  • editorWidget.background#000000
  • editorWidget.foreground#fffb00
  • editorWidget.resizeBorder#000000
  • focusBorder#c0874b00
  • foreground#ff00bf
  • gitDecoration.addedResourceForeground#00ff2e
  • gitDecoration.conflictingResourceForeground#4040ff
  • gitDecoration.deletedResourceForeground#ff2600
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#d78100
  • gitDecoration.stageDeletedResourceForeground#940362
  • gitDecoration.stageModifiedResourceForeground#00ffb7
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#30ff78
  • icon.foreground#ff00bf
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#71570900
  • list.activeSelectionForeground#ffd702
  • list.dropBackground#040404
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#2a2d2e00
  • list.hoverForeground#ffbf00
  • list.inactiveSelectionBackground#37373d00
  • list.inactiveSelectionForeground#ffef01
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#ff21b3
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#ff21b3
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#000000
  • merge.commonHeaderBackground#ffeeee
  • merge.currentContentBackground#ff1482
  • merge.currentHeaderBackground#8429f2
  • merge.incomingContentBackground#ffd700
  • merge.incomingHeaderBackground#d9eaff
  • minimap.background#100015
  • minimap.errorHighlight#f70074
  • minimap.findMatchHighlight#515c6a00
  • minimap.selectionHighlight#c0bcc02a
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#44ff00
  • minimapGutter.deletedBackground#ff8300
  • minimapGutter.modifiedBackground#ff006c
  • notificationCenter.border#26aeff
  • notificationCenterHeader.background#ff21b3
  • notificationCenterHeader.foreground#060606
  • notifications.background#000000
  • notifications.border#000000
  • notifications.foreground#00ffdb
  • notificationsErrorIcon.foreground#ff2b00
  • notificationsInfoIcon.foreground#3800ff
  • notificationsWarningIcon.foreground#ffd100
  • notificationToast.border#30002b
  • panel.background#100015
  • panel.border#bb00ff
  • panelSection.border#df00ff24
  • panelTitle.activeBorder#00cfff
  • panelTitle.activeForeground#00ffff
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#8c00cc
  • peekViewEditor.background#1a011b
  • peekViewEditor.matchHighlightBackground#f9f51900
  • peekViewEditor.matchHighlightBorder#eee11e
  • peekViewEditorGutter.background#71232300
  • peekViewResult.background#000000
  • peekViewResult.fileForeground#fbc00f
  • peekViewResult.lineForeground#f333f9
  • peekViewResult.matchHighlightBackground#5a31a34d
  • peekViewResult.selectionBackground#bb00ff72
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#000000
  • peekViewTitleDescription.foreground#fffefeb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#0093ff
  • pickerGroup.foreground#3bffc8
  • progressBar.background#ffef00
  • scrollbar.shadow#e216ff00
  • scrollbarSlider.activeBackground#559fff
  • scrollbarSlider.background#e0c163
  • scrollbarSlider.hoverBackground#fd5df3
  • selection.background#000000
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ff00bf
  • sideBar.background#100015
  • sideBar.dropBackground#040404
  • sideBar.foreground#04e7ff
  • sideBarSectionHeader.background#db30ff00
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#e1e80a
  • sideBarTitle.foreground#f2e0ff
  • statusBar.background#000000
  • statusBar.border#ff000000
  • statusBar.debuggingBackground#ffa172
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#21b8f2
  • statusBar.noFolderBackground#130413
  • statusBar.noFolderBorder#00f3ff00
  • statusBar.noFolderForeground#00b7ff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#000000
  • statusBarItem.remoteForeground#5bc7f0
  • tab.activeBackground#000000
  • tab.activeBorder#e225cdb5
  • tab.activeBorderTop#00000000
  • tab.activeForeground#05ffe8
  • tab.border#25252600
  • tab.inactiveBackground#000000
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#d300ff
  • 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#df00ff24
  • terminal.foreground#ffffff
  • terminal.selectionBackground#62626240
  • terminalCursor.background#00f3ff
  • terminalCursor.foreground#eb00ff
  • textLink.foreground#ffe037
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#3bdaff
  • titleBar.border#00000000
  • titleBar.inactiveBackground#000000
  • titleBar.inactiveForeground#21b8f2
  • tree.indentGuidesStroke#ff8300
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#e412b95c

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