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#292b33
  • activityBar.border#0a0a0a
  • activityBar.foreground#ff5ca8
  • activityBar.inactiveForeground#aaacb4
  • activityBarBadge.background#d6fff2
  • activityBarBadge.foreground#0a0a0a
  • badge.background#ff8fc3
  • badge.foreground#0a0a0a
  • breadcrumb.activeSelectionForeground#ff5ca8
  • breadcrumb.background#0a0a0a
  • breadcrumb.focusForeground#ff5ca8
  • breadcrumb.foreground#c5c7cd
  • button.background#7aa2ff
  • button.foreground#0a0a0a
  • button.hoverBackground#adc6ff
  • button.secondaryBackground#3a3c45
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#5c5e6a
  • checkbox.background#0a0a0a
  • checkbox.border#00000000
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#292b33
  • debugExceptionWidget.border#474747
  • debugToolBar.background#292b33
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#0a0a0a
  • dropdown.border#00000000
  • dropdown.foreground#ffffff
  • editor.background#0a0a0a
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f78
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#92959e
  • editorGroup.emptyBackground#0a0a0a
  • editorGroupHeader.border#3a3c45
  • editorGroupHeader.tabsBackground#0a0a0a
  • editorGroupHeader.tabsBorder#3a3c45
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#292b33
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#f7f8f9
  • editorIndentGuide.background#727581
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#92959e
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#062f4a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#292b33
  • editorWidget.foreground#ffffff
  • editorWidget.resizeBorder#727581
  • focusBorder#ff5ca8
  • foreground#ffffff
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#ffffff
  • input.background#292B33
  • input.border#3A3C45
  • input.foreground#ffffff
  • input.placeholderForeground#aaacb4
  • inputOption.activeBackground#292b33
  • inputOption.activeBorder#3ffd5a
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#61002d
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#292b33
  • list.focusBackground#3a3c45
  • list.focusForeground#ffffff
  • list.highlightForeground#ff5ca8
  • list.hoverBackground#002375
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#3a3c45
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#3a3c45
  • listFilterWidget.noMatchesOutline#ad0051
  • listFilterWidget.outline#5c5e6a
  • menu.background#3a3c45
  • menu.border#00000085
  • menu.foreground#ffffff
  • menu.selectionBackground#292b33
  • menu.selectionBorder#00000000
  • menu.selectionForeground#3ffd5a
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#0a0a0a
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#264f78
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#0a0a0a
  • panel.border#5c5e6a
  • panelSection.border#5c5e6a
  • panelTitle.activeBorder#e10e71
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#92959e
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0099
  • peekViewEditor.matchHighlightBorder#ee931e
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#5c5e6a
  • pickerGroup.foreground#7aa2ff
  • progressBar.background#3ffd5a
  • scrollbar.shadow#0a0a0a
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#2d68f4
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffff
  • sideBar.background#0a0a02
  • sideBar.border#5c5e6a
  • sideBar.dropBackground#292b33
  • sideBar.foreground#f7f8f9
  • sideBarSectionHeader.background#292b33
  • sideBarSectionHeader.border#0a0a0a
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#ffffff
  • statusBar.background#3a3c45
  • statusBar.border#92959e
  • statusBar.debuggingBackground#5c5e6a
  • statusBar.debuggingBorder#ff8fc3
  • statusBar.debuggingForeground#ffe0ef
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#bb99ff
  • statusBar.noFolderForeground#0a0a0a
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#5c5e6a
  • statusBarItem.remoteBackground#3ffd5a
  • statusBarItem.remoteForeground#0a0a0a
  • tab.activeBackground#3a3c45
  • tab.activeBorder#ff5ca8
  • tab.activeBorderTop#ffffff00
  • tab.activeForeground#ffffff
  • tab.border#0a0a0a
  • tab.hoverBackground#3a3c45
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#292b33
  • tab.inactiveForeground#d6d7dd
  • 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#5c5e6a
  • terminal.foreground#cccccc
  • terminal.selectionBackground#3a3c45
  • terminalCursor.background#2d68f4
  • terminalCursor.foreground#ffffff
  • textLink.foreground#7aa2ff
  • titleBar.activeBackground#0a0a0a
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#5c5e6a
  • 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#ffd482
variable.other.generic-type.haskell#ff5ca8
storage.type.haskell#ffb187
support.variable.magic.python#ffd482
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#ffffff
variable.parameter.function.language.special.self.python#e4d6ff
storage.modifier.lifetime.rust#ffffff
support.function.std.rust#61afef
entity.name.lifetime.rust#e4d6ff
variable.language.rust#ffd482
support.constant.edge#ff5ca8
constant.other.character-class.regexp#ffd482
keyword.operator.quantifier.regexp#ffb187
punctuation.definition.string.begin,punctuation.definition.string.end#b2ffe6
variable.parameter.function#ffffff
comment markup.link#92959e
markup.changed.diff#e4d6ff
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#61afef
markup.inserted.diff#b2ffe6
markup.deleted.diff#ffd482
meta.function.c,meta.function.cpp#ffd482
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#61afef
support.constant.math#e4d6ff
support.constant.property.math#ffb187
variable.other.constant#e4d6ff
storage.type.annotation.java, storage.type.object.array.java#e4d6ff
source.java#ffd482
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#61afef
storage.modifier.import.java,storage.type.java,storage.type.generic.java#e4d6ff
keyword.operator.instanceof.java#ff5ca8
meta.definition.variable.name.java#ffd482
keyword.operator.logical#ffc2de
keyword.operator.bitwise#ffc2de
keyword.operator.channel#ffc2de
support.constant.property-value.scss,support.constant.property-value.css#ffb187
keyword.operator.css,keyword.operator.scss,keyword.operator.less#ffc2de
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ffb187
punctuation.separator.list.comma.css#ffffff
support.constant.color.w3c-standard-color-name.css#ffb187
support.type.vendored.property-name.css#ffc2de
support.module.node,support.type.object.module,support.module.node#e4d6ff
entity.name.type.module#e4d6ff
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ffd482
support.constant.json#ffb187
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#ff5ca8
support.type.object.console#ffd482
support.variable.property.process#ffb187
entity.name.function,support.function.console#61afef
keyword.operator.misc.rust#ffffff
keyword.operator.sigil.rust#ff5ca8
keyword.operator.delete#ff5ca8
support.type.object.dom#ffc2de
support.variable.dom,support.variable.property.dom#ffd482
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#ffc2de
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#ff5ca8
punctuation.separator.delimiter#ffffff
punctuation.separator.c,punctuation.separator.cpp#ff5ca8
support.type.posix-reserved.c,support.type.posix-reserved.cpp#ffc2de
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#ff5ca8
variable.parameter.function.language.python#ffb187
support.type.python#ffc2de
keyword.operator.logical.python#ff5ca8
variable.parameter.function.python#ffb187
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#61afef
constant.character.format.placeholder.other.python#ffb187
keyword.operator#ffffff
keyword.operator.assignment.compound#ff5ca8
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#ffc2de
keyword#ff5ca8
entity.name.namespace#e4d6ff
variable#ffd482
variable.c#ffffff
variable.language#e4d6ff
token.variable.parameter.java#ffffff
import.storage.java#e4d6ff
token.package.keyword#ff5ca8
token.package#ffffff
entity.name.function, meta.require, support.function.any-method, variable.function#61afef
entity.name.type.namespace#e4d6ff
support.class, entity.name.type.class#e4d6ff
entity.name.class.identifier.namespace.type#e4d6ff
entity.name.class, variable.other.class.js, variable.other.class.ts#e4d6ff
variable.other.class.php#ffd482
entity.name.type#e4d6ff
keyword.control#ff5ca8
control.elements, keyword.operator.less#ffb187
keyword.other.special-method#61afef
storage#ff5ca8
token.storage#ff5ca8
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#ff5ca8
token.storage.type.java#e4d6ff
support.function#ffc2de
support.type.property-name#ffffff
support.constant.property-value#ffffff
support.constant.font-name#ffb187
meta.tag#ffffff
string#b2ffe6
entity.other.inherited-class#e4d6ff
constant.other.symbol#ffc2de
constant.numeric#ffb187
constant#ffb187
punctuation.definition.constant#ffb187
entity.name.tag#ffd482
entity.other.attribute-name#ffb187
entity.other.attribute-name.id#61afefnormal
entity.other.attribute-name.class.css#ffb187normal
meta.selector#ff5ca8
markup.heading#ffd482
markup.heading punctuation.definition.heading, entity.name.section#61afef
keyword.other.unit#ffd482
markup.bold,todo.bold#ffb187
punctuation.definition.bold#e4d6ff
markup.italic, punctuation.definition.italic,todo.emphasis#ff5ca8
emphasis md#ff5ca8
entity.name.section.markdown#ffd482
punctuation.definition.heading.markdown#ffd482
punctuation.definition.list.begin.markdown#ffd482
markup.heading.setext#ffffff
punctuation.definition.bold.markdown#ffb187
markup.inline.raw.markdown#b2ffe6
markup.inline.raw.string.markdown#b2ffe6
punctuation.definition.list.markdown#ffd482
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ffd482
beginning.punctuation.definition.list.markdown#ffd482
punctuation.definition.metadata.markdown#ffd482
markup.underline.link.markdown,markup.underline.link.image.markdown#ff5ca8
string.other.link.title.markdown,string.other.link.description.markdown#61afef
string.regexp#ffc2de
constant.character.escape#ffc2de
punctuation.section.embedded, variable.interpolation#ffd482
punctuation.section.embedded.begin,punctuation.section.embedded.end#ff5ca8
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#ffd482
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ffd482
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#b2ffe6
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#ffc2de
support.type.property-name.json#ffd482
support.type.property-name.json punctuation#ffd482
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#ff5ca8
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#ff5ca8
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#e4d6ff
keyword.operator.error-control.php#ff5ca8
keyword.operator.type.php#ff5ca8
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#e4d6ff
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#61afef
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#ffb187
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ffb187
entity.name.goto-label.php,support.other.php#61afef
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#ffc2de
keyword.operator.regexp.php#ff5ca8
keyword.operator.comparison.php#ffc2de
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#ff5ca8
meta.function.decorator.python#61afef
support.token.decorator.python,meta.function.decorator.identifier.python#ffc2de
function.parameter#ffffff
function.brace#ffffff
function.parameter.ruby, function.parameter.cs#ffffff
constant.language.symbol.ruby#ffc2de
rgb-value#ffc2de
inline-color-decoration rgb-value#ffb187
less rgb-value#ffb187
selector.sass#ffd482
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#e4d6ff
block.scope.end,block.scope.begin#ffffff
storage.type.cs#e4d6ff
entity.name.variable.local.cs#ffd482
token.info-token#61afef
token.warn-token#ffb187
token.error-token#f44747
token.debug-token#ff5ca8
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#ff5ca8
meta.template.expression#ffffff
keyword.operator.module#ff5ca8
support.type.type.flowtype#61afef
support.type.primitive#e4d6ff
meta.property.object#ffd482
variable.parameter.function.js#ffd482
keyword.other.template.begin#b2ffe6
keyword.other.template.end#b2ffe6
keyword.other.substitution.begin#b2ffe6
keyword.other.substitution.end#b2ffe6
keyword.operator.assignment#ffc2de
keyword.operator.assignment.go#e4d6ff
keyword.operator.arithmetic.go, keyword.operator.address.go#ff5ca8
entity.name.package.go#e4d6ff
support.type.prelude.elm#ffc2de
support.constant.elm#ffb187
punctuation.quasi.element#ff5ca8
constant.character.entity#ffd482
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ffc2de
entity.global.clojure#e4d6ff
meta.symbol.clojure#ffd482
constant.keyword.clojure#ffc2de
meta.arguments.coffee, variable.parameter.function.coffee#ffd482
source.ini#b2ffe6
meta.scope.prerequisites.makefile#ffd482
source.makefile#e4d6ff
storage.modifier.import.groovy#e4d6ff
meta.method.groovy#61afef
meta.definition.variable.name.groovy#ffd482
meta.definition.class.inherited.classes.groovy#b2ffe6
support.variable.semantic.hlsl#e4d6ff
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#ff5ca8
text.variable, text.bracketed#ffd482
support.type.swift, support.type.vb.asp#e4d6ff
entity.name.function.xi#e4d6ff
entity.name.class.xi#ffc2de
constant.character.character-class.regexp.xi#ffd482
constant.regexp.xi#ff5ca8
keyword.control.xi#ffc2de
invalid.xi#ffffff
beginning.punctuation.definition.quote.markdown.xi#b2ffe6
beginning.punctuation.definition.list.markdown.xi#92959e
constant.character.xi#61afef
accent.xi#61afef
wikiword.xi#ffb187
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#92959e
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#e4d6ff
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ffd482
meta.brace.square#ffffff
comment, punctuation.definition.comment#92959eitalic
markup.quote.markdown#92959e
punctuation.definition.block.sequence.item.yaml#ffffff
constant.language.symbol.elixir#ffc2de
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...