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.background#060606
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff5c
  • activityBarBadge.background#73f8c5
  • activityBarBadge.foreground#060606
  • badge.background#73f8c5
  • badge.foreground#060606
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#060606
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#ffffff5c
  • button.background#73f8c5
  • button.foreground#060606
  • button.hoverBackground#5ad9a8c9
  • button.secondaryBackground#36393d
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#242528
  • checkbox.background#060606
  • checkbox.border#00000000
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#1f2021
  • debugExceptionWidget.border#1f2021
  • debugToolBar.background#1f2021
  • debugToolBar.border#1f2021
  • diffEditor.border#ffffff32
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#060606
  • dropdown.border#00000000
  • dropdown.foreground#ffffff
  • editor.background#060606
  • editor.findMatchBackground#73f8c53a
  • editor.findMatchBorder#73f8c5
  • editor.findMatchHighlightBackground#73f8c53a
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#73f8c53a
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#73f8c53a
  • editor.foreground#ffffff80
  • editor.hoverHighlightBackground#73f8c53a
  • editor.inactiveSelectionBackground#73f8c53a
  • editor.lineHighlightBackground#161617
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#5ee0ae9b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#73f8c53a
  • editor.selectionHighlightBackground#73f8c53a
  • editor.selectionHighlightBorder#73f8c5
  • editor.wordHighlightBackground#73f8c53a
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#73f8c53a
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#FFFFFF24
  • editorCodeLens.foreground#ffffff80
  • editorCursor.background#060606
  • editorCursor.foreground#73f8c5
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#e03232
  • editorGroup.border#ffffff48
  • editorGroup.emptyBackground#060606
  • editorGroupHeader.tabsBackground#060606
  • editorGroupHeader.tabsBorder#ff000000
  • editorGutter.addedBackground#8ac474
  • editorGutter.background#060606
  • editorGutter.commentRangeForeground#ffffff80
  • editorGutter.deletedBackground#b83e29
  • editorGutter.foldingControlForeground#ffffff80
  • editorGutter.modifiedBackground#7ebcf7
  • editorHoverWidget.background#161617
  • editorHoverWidget.border#45454500
  • editorHoverWidget.foreground#ffffff
  • editorIndentGuide.activeBackground#ffffff80
  • editorIndentGuide.background#ffffff0e
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#3297e0
  • editorLineNumber.activeForeground#ffffff
  • editorLineNumber.foreground#ffffff5c
  • editorLink.activeForeground#73f8c5
  • editorMarkerNavigation.background#161617
  • editorMarkerNavigationError.background#e03232
  • editorMarkerNavigationInfo.background#3297e0
  • editorMarkerNavigationWarning.background#ffcf36
  • editorOverviewRuler.background#00000000
  • editorOverviewRuler.border#ffffff0e
  • editorRuler.foreground#ffffff0e
  • editorSuggestWidget.background#161617
  • editorSuggestWidget.border#45454500
  • editorSuggestWidget.foreground#ffffff
  • editorSuggestWidget.highlightForeground#73f8c5
  • editorSuggestWidget.selectedBackground#060606
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffcf36
  • editorWhitespace.foreground#ffffff16
  • editorWidget.background#161617
  • editorWidget.foreground#ffffff5c
  • editorWidget.resizeBorder#73f8c5
  • focusBorder#73f8c5
  • foreground#ffffff5c
  • gitDecoration.addedResourceForeground#73f8c5
  • gitDecoration.conflictingResourceForeground#5656ba
  • gitDecoration.deletedResourceForeground#b83e29
  • gitDecoration.ignoredResourceForeground#ffffff32
  • gitDecoration.modifiedResourceForeground#c99076
  • gitDecoration.stageDeletedResourceForeground#b83e29
  • gitDecoration.stageModifiedResourceForeground#c99076
  • gitDecoration.submoduleResourceForeground#6893bf
  • gitDecoration.untrackedResourceForeground#73f8c5
  • icon.foreground#ffffff5c
  • input.background#060606
  • input.border#00000000
  • input.foreground#ffffff
  • input.placeholderForeground#ffffff5c
  • inputOption.activeBackground#38846700
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#161617
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#161617
  • list.focusBackground#121213
  • list.focusForeground#ffffff
  • list.highlightForeground#73f8c5
  • list.hoverBackground#161617
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#171819
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#388467
  • listFilterWidget.noMatchesOutline#e0200d
  • listFilterWidget.outline#578fff00
  • menu.background#161617
  • menu.border#00000000
  • menu.foreground#ffffff
  • menu.selectionBackground#ffffff12
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#ffffff30
  • menubar.selectionBackground#161617
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#1a1a1b
  • merge.commonHeaderBackground#1f2021
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#060606
  • minimap.errorHighlight#e03232
  • minimap.findMatchHighlight#73f8c53a
  • minimap.selectionHighlight#73f8c53a
  • minimap.warningHighlight#ffcf36
  • minimapGutter.addedBackground#8ac474
  • minimapGutter.deletedBackground#b83e29
  • minimapGutter.modifiedBackground#7ebcf7
  • notificationCenter.border#161617
  • notificationCenterHeader.background#060606
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#161617
  • notifications.border#060606
  • notifications.foreground#ffffff
  • notificationsErrorIcon.foreground#e03232
  • notificationsInfoIcon.foreground#3297e0
  • notificationsWarningIcon.foreground#ffcf36
  • notificationToast.border#1f202100
  • panel.background#060606
  • panel.border#00000000
  • panelSection.border#ffffff0e
  • panelTitle.activeBorder#73f8c5
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#ffffff5c
  • peekView.border#3297e0
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#161617
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#ffffff80
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#161617
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#ffffff0e
  • pickerGroup.foreground#73f8c5
  • progressBar.background#73f8c5
  • scrollbar.shadow#060606
  • scrollbarSlider.activeBackground#1f2021
  • scrollbarSlider.background#0d0e0f
  • scrollbarSlider.hoverBackground#1f2021
  • selection.background#336b55
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff5c
  • sideBar.background#060606
  • sideBar.dropBackground#161617
  • sideBar.foreground#ffffff80
  • sideBarSectionHeader.background#060606
  • sideBarSectionHeader.border#060606
  • sideBarSectionHeader.foreground#ffffffa5
  • sideBarTitle.foreground#ffffff5c
  • statusBar.background#060606
  • statusBar.debuggingBackground#cb6a3f
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff5c
  • statusBar.noFolderBackground#a247b8
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff10
  • statusBarItem.remoteBackground#3b6794
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#161617
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#ffffff0e
  • tab.hoverBackground#ffffff04
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#060606
  • tab.inactiveForeground#ffffff5c
  • 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#ffffff0e
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff0e
  • terminalCursor.background#73f8c5
  • terminalCursor.foreground#060606
  • textLink.foreground#73f8c5
  • titleBar.activeBackground#060606
  • titleBar.activeForeground#ffffff5c
  • titleBar.border#00000000
  • titleBar.inactiveBackground#060606
  • titleBar.inactiveForeground#ffffff5c
  • tree.indentGuidesStroke#ffffff0e
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#060606

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