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.activeBackground#0d0d0d00
  • activityBar.background#ccdef0
  • activityBar.foreground#83b4ff
  • activityBar.inactiveForeground#ffffff
  • activityBarBadge.background#83b4ff
  • activityBarBadge.foreground#fdf9f9
  • badge.background#a1d0ff
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#f0f7fe
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#e3dfff
  • button.foreground#ffffff
  • button.hoverBackground#83b4ff
  • button.secondaryBackground#ffffff
  • button.secondaryForeground#9b9b9b
  • button.secondaryHoverBackground#d0e4ff
  • checkbox.background#ffffff
  • checkbox.border#00000000
  • checkbox.foreground#616161
  • debugExceptionWidget.background#f0f7fe
  • debugExceptionWidget.border#ffeafe
  • debugToolBar.background#f0f7fe
  • debugToolBar.border#ffeafe
  • diffEditor.border#d7d7d700
  • diffEditor.insertedTextBackground#deeeff
  • diffEditor.insertedTextBorder#ff000000
  • diffEditor.removedTextBackground#f9b3ff33
  • diffEditor.removedTextBorder#ff000000
  • dropdown.background#ffffff
  • dropdown.border#00000000
  • dropdown.foreground#616161
  • editor.background#f0f7fe
  • editor.findMatchBackground#aea2ff52
  • editor.findMatchBorder#74757200
  • editor.findMatchHighlightBackground#aea2ff52
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#ffffff4d
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#bedcfb4d
  • editor.foreground#b4b4b4
  • editor.hoverHighlightBackground#aea2ff52
  • editor.inactiveSelectionBackground#e5ebf1
  • editor.lineHighlightBackground#ded9ff52
  • editor.lineHighlightBorder#eeeeee00
  • editor.rangeHighlightBackground#f7f0ff33
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ec93ff22
  • editor.selectionHighlightBackground#aea2ff52
  • editor.selectionHighlightBorder#495f7700
  • editor.wordHighlightBackground#aea2ff52
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#a295fd52
  • editor.wordHighlightStrongBorder#08070700
  • editorBracketMatch.background#aea2ff52
  • editorBracketMatch.border#b9b9b900
  • editorCodeLens.foreground#999999
  • editorCursor.background#f0f7fe
  • editorCursor.foreground#ffafeb
  • editorError.background#fdd3d100
  • editorError.border#ffffff00
  • editorError.foreground#ffafa7
  • editorGroup.border#e7e7e700
  • editorGroup.emptyBackground#f0f7fe
  • editorGroupHeader.tabsBackground#f0f7fe
  • editorGroupHeader.tabsBorder#582f2f00
  • editorGutter.addedBackground#bde6ff
  • editorGutter.background#f0f7fe
  • editorGutter.commentRangeForeground#626262
  • editorGutter.deletedBackground#c0d4f2
  • editorGutter.foldingControlForeground#626262
  • editorGutter.modifiedBackground#aea2ff52
  • editorHoverWidget.background#f3f3f3
  • editorHoverWidget.border#c8c8c8
  • editorHoverWidget.foreground#616161
  • editorIndentGuide.activeBackground#ffdbfb
  • editorIndentGuide.background#eaeaea
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#725ff552
  • editorLineNumber.activeForeground#7ebfff
  • editorLineNumber.foreground#cdcdcd
  • editorLink.activeForeground#ffc172
  • editorMarkerNavigation.background#e4f1fd
  • editorMarkerNavigationError.background#ffc8c2
  • editorMarkerNavigationInfo.background#aad7ff
  • editorMarkerNavigationWarning.background#fad6ff
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f00
  • editorRuler.foreground#fdecff
  • editorSuggestWidget.background#f3f3f3
  • editorSuggestWidget.border#cbe5ff80
  • editorSuggestWidget.foreground#888888
  • editorSuggestWidget.highlightForeground#ffa5f5
  • editorSuggestWidget.selectedBackground#d7ecff
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#f7de9f
  • editorWhitespace.foreground#33333333
  • editorWidget.background#f0f7fe
  • editorWidget.foreground#d67bff
  • editorWidget.resizeBorder#ffd2fe
  • focusBorder#e3dfff
  • foreground#70b5f9
  • gitDecoration.addedResourceForeground#587c0c
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#ad0707
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#895503
  • gitDecoration.stageDeletedResourceForeground#ad0707
  • gitDecoration.stageModifiedResourceForeground#895503
  • gitDecoration.submoduleResourceForeground#1258a7
  • gitDecoration.untrackedResourceForeground#007100
  • icon.foreground#70b5f9
  • input.background#ffffff
  • input.border#00000000
  • input.foreground#616161
  • input.placeholderForeground#767676
  • inputOption.activeBackground#e3dfff
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#000000
  • list.activeSelectionBackground#e3dfff
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#d6ebff
  • list.focusBackground#ebf5ff
  • list.focusForeground#616161
  • list.highlightForeground#654fff
  • list.hoverBackground#e3dfff
  • list.hoverForeground#fdfdfd
  • list.inactiveSelectionBackground#e3dfff
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#efc1ad
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#ffffff
  • menu.border#e3dfff
  • menu.foreground#888888
  • menu.selectionBackground#e3dfff
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#e3dfff
  • menubar.selectionBackground#e3dfff
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#fffdfd
  • merge.commonHeaderBackground#b176b6
  • merge.currentContentBackground#DBF4EF
  • merge.currentHeaderBackground#A4E3D6
  • merge.incomingContentBackground#DBECFF
  • merge.incomingHeaderBackground#A6CFFF
  • minimap.background#f0f7fe
  • minimap.errorHighlight#ffafa7
  • minimap.findMatchHighlight#aea2ff52
  • minimap.selectionHighlight#ec93ff22
  • minimap.warningHighlight#f7de9f
  • minimapGutter.addedBackground#bde6ff
  • minimapGutter.deletedBackground#c0d4f2
  • minimapGutter.modifiedBackground#aea2ff52
  • notificationCenter.border#f0f7fe
  • notificationCenterHeader.background#f0ebff
  • notificationCenterHeader.foreground#b6b6b6
  • notifications.background#f0f7fe
  • notifications.border#cae0f7ab
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#fd796c
  • notificationsInfoIcon.foreground#b1daff
  • notificationsWarningIcon.foreground#ffd15c
  • notificationToast.border#f36cff0c
  • panel.background#f0f7fe
  • panel.border#ffbcf859
  • panelSection.border#80808059
  • panelTitle.activeBorder#3b3b3b
  • panelTitle.activeForeground#b6a7ff
  • panelTitle.inactiveForeground#a19a9abf
  • peekView.border#007acc04
  • peekViewEditor.background#f2f8fc
  • peekViewEditor.matchHighlightBackground#ffa0f044
  • peekViewEditor.matchHighlightBorder#dbc41700
  • peekViewEditorGutter.background#f2f8fc
  • peekViewResult.background#f5feff
  • peekViewResult.fileForeground#93bed7
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#ed95ff64
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#6c6c6c
  • peekViewTitle.background#ffffff
  • peekViewTitleDescription.foreground#616161e6
  • peekViewTitleLabel.foreground#757575
  • pickerGroup.border#cccedb
  • pickerGroup.foreground#9b9b9b
  • progressBar.background#e3dfff
  • scrollbar.shadow#dddddd00
  • scrollbarSlider.activeBackground#83b4ff6a
  • scrollbarSlider.background#83b4ff3a
  • scrollbarSlider.hoverBackground#dfa7ff72
  • selection.background#b0daff
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#70b5f9
  • sideBar.background#f0f7fe
  • sideBar.border#ff000000
  • sideBar.dropBackground#d6ebff
  • sideBar.foreground#a99cff
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#61616100
  • sideBarSectionHeader.foreground#aea2ff
  • sideBarTitle.foreground#6f6f6f
  • statusBar.background#dfeaff
  • statusBar.debuggingBackground#1f1f1f
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#797979
  • statusBar.noFolderBackground#ffffff
  • statusBar.noFolderBorder#b08a8a00
  • statusBar.noFolderForeground#757575
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#dfeaff
  • statusBarItem.remoteForeground#797979
  • tab.activeBackground#e5e1ff
  • tab.activeBorder#59b9ff00
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#f3f3f300
  • tab.hoverBackground#e3dfff
  • tab.hoverBorder#ff000000
  • tab.inactiveBackground#f0f7fe
  • tab.inactiveForeground#8c8b8bb3
  • terminal.ansiBlack#999999
  • terminal.ansiBlue#76b2f5
  • terminal.ansiBrightBlack#b8b3b3
  • terminal.ansiBrightBlue#9dccff
  • terminal.ansiBrightCyan#51cae8
  • terminal.ansiBrightGreen#89cf89
  • terminal.ansiBrightMagenta#f59cf5
  • terminal.ansiBrightRed#f9a2a2
  • terminal.ansiBrightWhite#9d9d9d
  • terminal.ansiBrightYellow#d5c152
  • terminal.ansiCyan#4ec8e6
  • terminal.ansiGreen#5ed55e
  • terminal.ansiMagenta#ea7eea
  • terminal.ansiRed#fda9a9
  • terminal.ansiWhite#999999
  • terminal.ansiYellow#cfc67d
  • terminal.border#80808059
  • terminal.foreground#a3a3a3
  • terminal.selectionBackground#efe9ff6e
  • terminalCursor.background#bfe4ff
  • terminalCursor.foreground#8cc5ff
  • textLink.foreground#006ab1
  • titleBar.activeBackground#ffffff
  • titleBar.activeForeground#969696
  • titleBar.border#00000000
  • titleBar.inactiveBackground#ffffff
  • titleBar.inactiveForeground#33333399
  • tree.indentGuidesStroke#e3dfff
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#83b4ff28

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