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.background#1f1628
  • activityBar.border#2e2636
  • activityBar.foreground#d5c7e8
  • activityBar.inactiveForeground#d5c7e854
  • activityBarBadge.background#d5c7e8
  • activityBarBadge.foreground#5b0ec2
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1f1628
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#d5c7e8
  • button.background#382f43
  • button.foreground#d5c7e8
  • button.hoverBackground#382f43
  • button.secondaryBackground#f4ede41a
  • button.secondaryForeground#f4ede4
  • button.secondaryHoverBackground#f4ede433
  • checkbox.background#382f43
  • checkbox.border#00000000
  • checkbox.foreground#d5c7e8
  • debugExceptionWidget.background#1f1628
  • debugExceptionWidget.border#2e2636
  • debugToolBar.background#1f1628
  • debugToolBar.border#2e2636
  • diffEditor.border#2e2636
  • diffEditor.insertedTextBackground#c9e3bc1a
  • diffEditor.insertedTextBorder#00000000
  • diffEditor.removedTextBackground#ffbec812
  • dropdown.background#382f43
  • dropdown.border#00000000
  • dropdown.foreground#d5c7e8
  • editor.background#1f1628
  • editor.findMatchBackground#382f43
  • editor.findMatchBorder#382f43
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#382f43
  • editor.foreground#ffffff
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#2e2636
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#382f43
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#382f43
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#3d3349
  • 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#444444
  • editorGroup.emptyBackground#1f1628
  • editorGroupHeader.border#2e2636
  • editorGroupHeader.tabsBackground#1f1628
  • editorGroupHeader.tabsBorder#2e2636
  • editorGutter.addedBackground#c9e3bc
  • editorGutter.background#1f1628
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#ffbec8
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#aee0e4
  • editorHoverWidget.background#1f1628
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#d5c7e8
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#d5c7e8
  • editorMarkerNavigation.background#1f1628
  • editorMarkerNavigationError.background#ffbec866
  • editorMarkerNavigationInfo.background#aee0e480
  • editorMarkerNavigationWarning.background#f3e5ab80
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#2e2636
  • editorSuggestWidget.background#1f1628
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#d5c7e8
  • editorSuggestWidget.selectedBackground#382f43
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#1f1628
  • editorWidget.foreground#f4ede4b3
  • editorWidget.resizeBorder#2e2636
  • focusBorder#d5c7e8
  • foreground#d5c7e8
  • gitDecoration.addedResourceForeground#c9e3bc
  • gitDecoration.conflictingResourceForeground#ffbec8
  • gitDecoration.deletedResourceForeground#bc3e51
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#f3e5ab
  • gitDecoration.stageDeletedResourceForeground#bc3e51
  • gitDecoration.stageModifiedResourceForeground#f3e5ab
  • gitDecoration.submoduleResourceForeground#d5c7e8
  • gitDecoration.untrackedResourceForeground#f4ede4
  • icon.foreground#d5c7e8
  • input.background#382f43
  • input.border#00000000
  • input.foreground#d5c7e8
  • input.placeholderForeground#6a5e79
  • inputOption.activeBackground#d5c7e860
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#d5c7e8
  • list.activeSelectionBackground#382f43
  • list.activeSelectionForeground#d5c7e8
  • list.dropBackground#382f434c
  • list.focusBackground#382f43
  • list.focusForeground#cccccc
  • list.highlightForeground#d5c7e8
  • list.hoverBackground#271c33
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#382f43
  • list.inactiveSelectionForeground#d5c7e8
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#1f1628
  • menu.border#2e2636
  • menu.foreground#f4ede4
  • menu.selectionBackground#382f43
  • menu.selectionBorder#00000000
  • menu.selectionForeground#d5c7e8
  • menu.separatorBackground#2e2636
  • menubar.selectionBackground#382f43
  • menubar.selectionBorder#000000
  • menubar.selectionForeground#d5c7e8
  • merge.commonContentBackground#2e2636
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#1f1628
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#382f43
  • minimap.selectionHighlight#382f43
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#c9e3bc
  • minimapGutter.deletedBackground#ffbec8
  • minimapGutter.modifiedBackground#aee0e4
  • notificationCenter.border#2e2636
  • notificationCenterHeader.background#1f1628
  • notificationCenterHeader.foreground#d5c7e8
  • notifications.background#1f1628
  • notifications.border#2e2636
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#ffbec8
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#f3e5ab
  • notificationToast.border#474747
  • panel.background#1f1628
  • panel.border#2e2636
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#d5c7e8
  • panelTitle.inactiveForeground#f4ede481
  • peekView.border#2e2636
  • peekViewEditor.background#1f1628
  • peekViewEditor.matchHighlightBackground#382f43
  • peekViewEditor.matchHighlightBorder#ee931e00
  • peekViewEditorGutter.background#1f1628
  • peekViewResult.background#1f1628
  • peekViewResult.fileForeground#c0c0c0
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#382f43
  • peekViewResult.selectionBackground#382f43
  • peekViewResult.selectionForeground#d5c7e8
  • peekViewTitle.background#1f1628
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#2e2636
  • pickerGroup.foreground#d5c7e8
  • progressBar.background#d5c7e8
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#382f43
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#d5c7e8
  • sideBar.background#1f1628
  • sideBar.border#2e2636
  • sideBar.dropBackground#382f434c
  • sideBar.foreground#f4ede499
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#a93b3b00
  • sideBarSectionHeader.foreground#d5c7e8
  • sideBarTitle.foreground#d5c7e8
  • statusBar.background#1f1628
  • statusBar.border#2e2636
  • statusBar.debuggingBackground#382f43
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#d5c7e8
  • statusBar.noFolderBackground#1f1628
  • statusBar.noFolderBorder#2e2636
  • statusBar.noFolderForeground#d5c7e8
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff14
  • statusBarItem.remoteBackground#382f43
  • statusBarItem.remoteForeground#d5c7e8
  • tab.activeBackground#d5c7e81a
  • tab.activeBorder#2e2636
  • tab.activeBorderTop#2e2636
  • tab.activeForeground#d5c7e8
  • tab.border#2e2636
  • tab.hoverBorder#2e2636
  • tab.inactiveBackground#1f1628
  • tab.inactiveForeground#f4ede47a
  • 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#382f43
  • terminalCursor.foreground#ffffff
  • textLink.foreground#d5c7e8
  • titleBar.activeBackground#1f1628
  • titleBar.activeForeground#d5c7e8
  • titleBar.border#2e2636
  • titleBar.inactiveBackground#1f1628
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#d5c7e826
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000064

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