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#252525
  • activityBar.border#1b1b1b
  • activityBar.foreground#97dbf3
  • activityBar.inactiveForeground#fbfdfcaa
  • activityBarBadge.background#97dbf3d9
  • activityBarBadge.foreground#fbfdfc
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#252525
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccc
  • button.background#85c7de
  • button.foreground#fbfdfc
  • button.hoverBackground#5daac4
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#1b1b1b
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#252525
  • debugExceptionWidget.border#474747
  • debugToolBar.background#252525
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#daf7a533
  • diffEditor.removedTextBackground#ffa3a333
  • dropdown.background#1b1b1b
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#252525
  • editor.findMatchBackground#3c4e55
  • editor.findMatchBorder#608794
  • editor.findMatchHighlightBackground#ffebad55
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#44708299
  • editor.foreground#e6fff3
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3c4e559d
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#3c4e55
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#70838a
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#48bfea9b
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#97dbf3
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ffa3a3
  • editorGroup.border#444444
  • editorGroup.emptyBackground#252525
  • editorGroupHeader.tabsBackground#1b1b1b
  • editorGroupHeader.tabsBorder#252525
  • editorGutter.addedBackground#daf7a5
  • editorGutter.background#252525
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#ffa3a3
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#97dbf3
  • editorHoverWidget.background#1b1b1b
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#97dbf3
  • editorLineNumber.activeForeground#bee9ed
  • editorLineNumber.foreground#bababa
  • editorLink.activeForeground#48bfea
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#ffa3a3
  • editorMarkerNavigationInfo.background#97dbf3
  • editorMarkerNavigationWarning.background#f7eaa5
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#1b1b1b
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#48bfea
  • editorSuggestWidget.selectedBackground#97dbf372
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#f7eaa5
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#97dbf3
  • foreground#fbfdfc
  • gitDecoration.addedResourceForeground#ddeebe
  • gitDecoration.conflictingResourceForeground#ffd2f2
  • gitDecoration.deletedResourceForeground#ff7e7e
  • gitDecoration.ignoredResourceForeground#b6b6b6
  • gitDecoration.modifiedResourceForeground#ffebad
  • gitDecoration.stageDeletedResourceForeground#ff7e7e
  • gitDecoration.stageModifiedResourceForeground#ffebad
  • gitDecoration.submoduleResourceForeground#97dbf3
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#fbfdfc
  • input.background#1b1b1b
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#97dbf3
  • list.activeSelectionForeground#252525
  • list.dropBackground#383b3d
  • list.focusBackground#97dbf372
  • list.focusForeground#fbfdfc
  • list.highlightForeground#48bfea
  • list.hoverBackground#2a2d2e
  • list.hoverForeground#fbfdfc
  • list.inactiveSelectionBackground#97dbf344
  • list.inactiveSelectionForeground#fbfdfc
  • listFilterWidget.background#fdde80ad
  • listFilterWidget.noMatchesOutline#ffa1a1
  • listFilterWidget.outline#00000000
  • menu.background#252525
  • menu.border#00000085
  • menu.foreground#fbfdfc
  • menu.selectionBackground#587682
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#fbfdfc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#336f63
  • merge.currentHeaderBackground#53a594
  • merge.incomingContentBackground#18414f
  • merge.incomingHeaderBackground#3185a3
  • minimap.background#252525
  • minimap.errorHighlight#ffa3a3
  • minimap.findMatchHighlight#3c4e55
  • minimap.selectionHighlight#3c4e55
  • minimap.warningHighlight#f7eaa5
  • minimapGutter.addedBackground#daf7a5
  • minimapGutter.deletedBackground#ffa3a3
  • minimapGutter.modifiedBackground#97dbf3
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252525
  • notifications.border#303031
  • notifications.foreground#fbfdfc
  • notificationsErrorIcon.foreground#f47171
  • notificationsInfoIcon.foreground#97dbf3
  • notificationsWarningIcon.foreground#c4b040
  • notificationToast.border#474747
  • panel.background#1e1e1e
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#97dbf3
  • peekViewEditor.background#272e30
  • peekViewEditor.matchHighlightBackground#f7eaa53a
  • peekViewEditor.matchHighlightBorder#f7eaa5
  • peekViewEditorGutter.background#1e2324
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ead06d7e
  • peekViewResult.selectionBackground#97dbf333
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#48bfea
  • progressBar.background#97dbf3
  • scrollbar.shadow#0d0d0d
  • scrollbarSlider.activeBackground#63849066
  • scrollbarSlider.background#3c4e5546
  • scrollbarSlider.hoverBackground#5e798483
  • selection.background#85bbce
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#fbfdfc
  • sideBar.background#1b1b1b
  • sideBar.border#1b1b1b
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#fbfdfc
  • sideBarSectionHeader.background#252525
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#fbfdfc
  • sideBarTitle.foreground#fbfdfc
  • statusBar.background#1e1e1e
  • statusBar.debuggingBackground#abaa47
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#fbfdfc
  • statusBar.noFolderBackground#a5859c
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#86bfd4
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#252525
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#fbfdfc
  • tab.border#111111
  • tab.hoverBackground#252525
  • tab.inactiveBackground#1b1b1b
  • 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#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#97dbf3
  • titleBar.activeBackground#252525
  • titleBar.activeForeground#fbfdfc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#252525
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#ffffff3c
  • 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#8bf7c7
variable.other.generic-type.haskell#48bfea
storage.type.haskell#8bf79c
support.variable.magic.python#8bf7c7
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#e6fff3
variable.parameter.function.language.special.self.python#d6ffad
storage.modifier.lifetime.rust#e6fff3
support.function.std.rust#97dbf3
entity.name.lifetime.rust#d6ffad
variable.language.rust#8bf7c7
support.constant.edge#48bfea
constant.other.character-class.regexp#8bf7c7
keyword.operator.quantifier.regexp#8bf79c
punctuation.definition.string.begin,punctuation.definition.string.end#b6d175
variable.parameter.function#e6fff3
comment markup.link#c6cdc9
markup.changed.diff#d6ffad
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#97dbf3
markup.inserted.diff#b6d175
markup.deleted.diff#8bf7c7
meta.function.c,meta.function.cpp#8bf7c7
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#e6fff3
punctuation.separator.key-value#e6fff3
keyword.operator.expression.import#97dbf3
support.constant.math#d6ffad
support.constant.property.math#8bf79c
variable.other.constant#d6ffad
storage.type.annotation.java, storage.type.object.array.java#d6ffad
source.java#8bf7c7
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#e6fff3
meta.method.java#97dbf3
storage.modifier.import.java,storage.type.java,storage.type.generic.java#d6ffad
keyword.operator.instanceof.java#48bfea
meta.definition.variable.name.java#8bf7c7
keyword.operator.logical#56b6c2
keyword.operator.bitwise#56b6c2
keyword.operator.channel#56b6c2
support.constant.property-value.scss,support.constant.property-value.css#8bf79c
keyword.operator.css,keyword.operator.scss,keyword.operator.less#56b6c2
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#8bf79c
punctuation.separator.list.comma.css#e6fff3
support.constant.color.w3c-standard-color-name.css#8bf79c
support.type.vendored.property-name.css#56b6c2
support.module.node,support.type.object.module,support.module.node#d6ffad
entity.name.type.module#d6ffad
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#8bf7c7
support.constant.json#8bf79c
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#48bfea
support.type.object.console#8bf7c7
support.variable.property.process#8bf79c
entity.name.function,support.function.console#97dbf3
keyword.operator.misc.rust#e6fff3
keyword.operator.sigil.rust#48bfea
keyword.operator.delete#48bfea
support.type.object.dom#56b6c2
support.variable.dom,support.variable.property.dom#8bf7c7
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#56b6c2
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#48bfea
punctuation.separator.delimiter#e6fff3
punctuation.separator.c,punctuation.separator.cpp#48bfea
support.type.posix-reserved.c,support.type.posix-reserved.cpp#56b6c2
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#48bfea
variable.parameter.function.language.python#8bf79c
support.type.python#56b6c2
keyword.operator.logical.python#48bfea
variable.parameter.function.python#8bf79c
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#e6fff3
meta.function-call.generic.python#97dbf3
constant.character.format.placeholder.other.python#8bf79c
keyword.operator#e6fff3
keyword.operator.assignment.compound#48bfea
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#56b6c2
keyword#48bfea
entity.name.namespace#d6ffad
variable#8bf7c7
variable.c#e6fff3
variable.language#d6ffad
token.variable.parameter.java#e6fff3
import.storage.java#d6ffad
token.package.keyword#48bfea
token.package#e6fff3
entity.name.function, meta.require, support.function.any-method, variable.function#97dbf3
entity.name.type.namespace#d6ffad
support.class, entity.name.type.class#d6ffad
entity.name.class.identifier.namespace.type#d6ffad
entity.name.class, variable.other.class.js, variable.other.class.ts#d6ffad
variable.other.class.php#8bf7c7
entity.name.type#d6ffad
keyword.control#48bfea
control.elements, keyword.operator.less#8bf79c
keyword.other.special-method#97dbf3
storage#48bfea
token.storage#48bfea
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#48bfea
token.storage.type.java#d6ffad
support.function#56b6c2
support.type.property-name#e6fff3
support.constant.property-value#e6fff3
support.constant.font-name#8bf79c
meta.tag#e6fff3
string#b6d175
entity.other.inherited-class#d6ffad
constant.other.symbol#56b6c2
constant.numeric#8bf79c
constant#8bf79c
punctuation.definition.constant#8bf79c
entity.name.tag#8bf7c7
entity.other.attribute-name#8bf79c
entity.other.attribute-name.id#97dbf3normal
entity.other.attribute-name.class.css#8bf79cnormal
meta.selector#48bfea
markup.heading#8bf7c7
markup.heading punctuation.definition.heading, entity.name.section#97dbf3
keyword.other.unit#8bf7c7
markup.bold,todo.bold#8bf79c
punctuation.definition.bold#d6ffad
markup.italic, punctuation.definition.italic,todo.emphasis#48bfea
emphasis md#48bfea
entity.name.section.markdown#8bf7c7
punctuation.definition.heading.markdown#8bf7c7
punctuation.definition.list.begin.markdown#8bf7c7
markup.heading.setext#e6fff3
punctuation.definition.bold.markdown#8bf79c
markup.inline.raw.markdown#b6d175
markup.inline.raw.string.markdown#b6d175
punctuation.definition.list.markdown#8bf7c7
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#8bf7c7
beginning.punctuation.definition.list.markdown#8bf7c7
punctuation.definition.metadata.markdown#8bf7c7
markup.underline.link.markdown,markup.underline.link.image.markdown#48bfea
string.other.link.title.markdown,string.other.link.description.markdown#97dbf3
string.regexp#56b6c2
constant.character.escape#56b6c2
punctuation.section.embedded, variable.interpolation#8bf7c7
punctuation.section.embedded.begin,punctuation.section.embedded.end#48bfea
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#e6fff3
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#8bf7c7
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#8bf7c7
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#b6d175
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#56b6c2
support.type.property-name.json#8bf7c7
support.type.property-name.json punctuation#8bf7c7
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#48bfea
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#48bfea
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#d6ffad
keyword.operator.error-control.php#48bfea
keyword.operator.type.php#48bfea
punctuation.section.array.begin.php#e6fff3
punctuation.section.array.end.php#e6fff3
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#d6ffad
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#97dbf3
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#e6fff3
support.constant.core.rust#8bf79c
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#8bf79c
entity.name.goto-label.php,support.other.php#97dbf3
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#56b6c2
keyword.operator.regexp.php#48bfea
keyword.operator.comparison.php#56b6c2
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#48bfea
meta.function.decorator.python#97dbf3
support.token.decorator.python,meta.function.decorator.identifier.python#56b6c2
function.parameter#e6fff3
function.brace#e6fff3
function.parameter.ruby, function.parameter.cs#e6fff3
constant.language.symbol.ruby#56b6c2
rgb-value#56b6c2
inline-color-decoration rgb-value#8bf79c
less rgb-value#8bf79c
selector.sass#8bf7c7
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#d6ffad
block.scope.end,block.scope.begin#e6fff3
storage.type.cs#d6ffad
entity.name.variable.local.cs#8bf7c7
token.info-token#97dbf3
token.warn-token#8bf79c
token.error-token#f44747
token.debug-token#48bfea
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#48bfea
meta.template.expression#e6fff3
keyword.operator.module#48bfea
support.type.type.flowtype#97dbf3
support.type.primitive#d6ffad
meta.property.object#8bf7c7
variable.parameter.function.js#8bf7c7
keyword.other.template.begin#b6d175
keyword.other.template.end#b6d175
keyword.other.substitution.begin#b6d175
keyword.other.substitution.end#b6d175
keyword.operator.assignment#56b6c2
keyword.operator.assignment.go#d6ffad
keyword.operator.arithmetic.go, keyword.operator.address.go#48bfea
entity.name.package.go#d6ffad
support.type.prelude.elm#56b6c2
support.constant.elm#8bf79c
punctuation.quasi.element#48bfea
constant.character.entity#8bf7c7
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#56b6c2
entity.global.clojure#d6ffad
meta.symbol.clojure#8bf7c7
constant.keyword.clojure#56b6c2
meta.arguments.coffee, variable.parameter.function.coffee#8bf7c7
source.ini#b6d175
meta.scope.prerequisites.makefile#8bf7c7
source.makefile#d6ffad
storage.modifier.import.groovy#d6ffad
meta.method.groovy#97dbf3
meta.definition.variable.name.groovy#8bf7c7
meta.definition.class.inherited.classes.groovy#b6d175
support.variable.semantic.hlsl#d6ffad
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#48bfea
text.variable, text.bracketed#8bf7c7
support.type.swift, support.type.vb.asp#d6ffad
entity.name.function.xi#d6ffad
entity.name.class.xi#56b6c2
constant.character.character-class.regexp.xi#8bf7c7
constant.regexp.xi#48bfea
keyword.control.xi#56b6c2
invalid.xi#e6fff3
beginning.punctuation.definition.quote.markdown.xi#b6d175
beginning.punctuation.definition.list.markdown.xi#c6cdc9
constant.character.xi#97dbf3
accent.xi#97dbf3
wikiword.xi#8bf79c
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#c6cdc9
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#d6ffad
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#8bf7c7
meta.brace.square#e6fff3
comment, punctuation.definition.comment#c6cdc9italic
markup.quote.markdown#c6cdc9
punctuation.definition.block.sequence.item.yaml#e6fff3
constant.language.symbol.elixir#56b6c2
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...