Skip to main content
CodingTheme

Color themes

VS Code preview

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

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.activeBackground#000000
  • activityBar.background#000000
  • activityBar.border#000000
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff8d
  • activityBarBadge.background#005884
  • activityBarBadge.foreground#ffffff
  • badge.background#014877
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#ffffff
  • button.background#0e3e5e
  • button.foreground#ffffff
  • button.hoverBackground#277eb8
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#000000
  • checkbox.border#c2b8b800
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#323334
  • debugExceptionWidget.border#000000
  • debugToolBar.background#323334
  • debugToolBar.border#000000
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#1b883b33
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#000000
  • dropdown.border#c2b8b800
  • dropdown.foreground#ffffff
  • editor.background#000000
  • editor.findMatchBackground#000000
  • editor.findMatchBorder#d3ff00
  • editor.findMatchHighlightBackground#000000
  • editor.findMatchHighlightBorder#ff0043
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#c368394e
  • editor.inactiveSelectionBackground#111111
  • editor.lineHighlightBackground#0d0d0d
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#353535
  • editor.selectionHighlightBackground#00333fc9
  • editor.selectionHighlightBorder#00000000
  • editor.wordHighlightBackground#d3ff0024
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#0066ff2a
  • editor.wordHighlightStrongBorder#ffffff00
  • editorBracketMatch.background#4b4b4b
  • editorBracketMatch.border#00000000
  • editorCodeLens.foreground#ffffff
  • editorCursor.background#000000
  • editorCursor.foreground#ffffff
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff3030
  • editorGroup.border#000000
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.border#000000
  • editorGroupHeader.tabsBackground#000000
  • editorGroupHeader.tabsBorder#000000
  • editorGutter.addedBackground#00ff7c
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#ffffff
  • editorGutter.deletedBackground#ff2e38
  • editorGutter.foldingControlForeground#ffffff
  • editorGutter.modifiedBackground#00c7ff
  • editorHoverWidget.background#0f0f0f
  • editorHoverWidget.border#ffffff
  • editorHoverWidget.foreground#ffffff
  • editorIndentGuide.activeBackground#ffffff66
  • editorIndentGuide.background#ffffff18
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#02c4c4
  • editorLineNumber.activeForeground#ffffff
  • editorLineNumber.foreground#868686
  • editorLink.activeForeground#ffffff
  • editorMarkerNavigation.background#000000
  • editorMarkerNavigationError.background#33a8b4
  • editorMarkerNavigationInfo.background#00ff70
  • editorMarkerNavigationWarning.background#ffd100
  • editorOverviewRuler.background#000000
  • editorOverviewRuler.border#000000
  • editorRuler.foreground#eaeaea
  • editorSuggestWidget.background#000000
  • editorSuggestWidget.border#ffffff
  • editorSuggestWidget.foreground#ffffff
  • editorSuggestWidget.highlightForeground#00ff93
  • editorSuggestWidget.selectedBackground#3b3b3b
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#f7ff00
  • editorWhitespace.foreground#ffffff29
  • editorWidget.background#1b1b1b
  • editorWidget.foreground#ffffff
  • editorWidget.resizeBorder#ffffff
  • focusBorder#000000
  • foreground#ffffff
  • gitDecoration.addedResourceForeground#00ff87
  • gitDecoration.conflictingResourceForeground#ff6363
  • gitDecoration.deletedResourceForeground#fe9a3d
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#28ffbf
  • gitDecoration.stageDeletedResourceForeground#39a2db
  • gitDecoration.stageModifiedResourceForeground#caf162
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#ffffff
  • icon.foreground#ffffff
  • input.background#000000
  • input.border#c2b8b800
  • input.foreground#ffffff
  • input.placeholderForeground#a5a5a5
  • inputOption.activeBackground#5887a766
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#171717
  • list.focusBackground#062f4a
  • list.focusForeground#dedede
  • list.highlightForeground#0097fb
  • list.hoverBackground#171717
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#171717
  • list.inactiveSelectionForeground#c9c9c9
  • listFilterWidget.background#171717
  • listFilterWidget.noMatchesOutline#00b7ff
  • listFilterWidget.outline#00000000
  • menu.background#0d0d0d
  • menu.border#00000085
  • menu.foreground#cccccc
  • menu.selectionBackground#0070bc
  • menu.selectionBorder#02020200
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#131313
  • merge.commonHeaderBackground#2e2e2e
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#225147
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#000000
  • minimap.errorHighlight#ff3030
  • minimap.findMatchHighlight#000000
  • minimap.selectionHighlight#353535
  • minimap.warningHighlight#f7ff00
  • minimapGutter.addedBackground#00ff7c
  • minimapGutter.deletedBackground#ff2e38
  • minimapGutter.modifiedBackground#00c7ff
  • notificationCenter.border#ffffff
  • notificationCenterHeader.background#131313
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#000000
  • notifications.border#ffffff
  • notifications.foreground#ffffff
  • notificationsErrorIcon.foreground#ff512e
  • notificationsInfoIcon.foreground#00fff3
  • notificationsWarningIcon.foreground#ffd100
  • notificationToast.border#ffffff
  • panel.background#000000
  • panel.border#ffffff
  • panelSection.border#ffffff
  • panelTitle.activeBorder#ffffff
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#b2b2b2
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#0000009d
  • peekViewEditor.matchHighlightBorder#ffc274
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#b647004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#ffffff
  • pickerGroup.foreground#ffffff
  • progressBar.background#0e70c0
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#ffffff38
  • scrollbarSlider.background#ffffff38
  • scrollbarSlider.hoverBackground#ffffff38
  • selection.background#00f3ff52
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#000000
  • sideBar.border#000000
  • sideBar.dropBackground#171717
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#000000
  • sideBarSectionHeader.border#000000
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#ffffff
  • statusBar.background#000000
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#68217a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#0d0d0d
  • statusBarItem.remoteForeground#eaeaea
  • tab.activeBackground#000000
  • tab.activeBorder#ffffff
  • tab.activeBorderTop#000000
  • tab.activeForeground#ffffff
  • tab.border#000000
  • tab.hoverBackground#111111
  • tab.hoverBorder#585757
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#000000
  • tab.inactiveForeground#ababab
  • terminal.ansiBlack#073642
  • terminal.ansiBlue#54a5ff
  • terminal.ansiBrightBlack#5e5e5e
  • terminal.ansiBrightBlue#0079ff
  • terminal.ansiBrightCyan#00cdff
  • terminal.ansiBrightGreen#00ff98
  • terminal.ansiBrightMagenta#ff00ff
  • terminal.ansiBrightRed#ff0000
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffff00
  • terminal.ansiCyan#59deff
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#ee3a54
  • terminal.ansiWhite#ffffff
  • terminal.ansiYellow#ffff54
  • terminal.border#ffffff
  • terminal.foreground#ffffff
  • terminal.selectionBackground#38383840
  • terminalCursor.background#414141
  • terminalCursor.foreground#ffffff
  • textLink.foreground#0bfbce
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#ffffff
  • titleBar.border#000000
  • titleBar.inactiveBackground#000000dd
  • titleBar.inactiveForeground#ffffff99
  • tree.indentGuidesStroke#ffffff
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000000

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