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#ffffff00
  • activityBar.background#222024
  • activityBar.border#ffffff00
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffffa6
  • activityBarBadge.background#6342b5
  • activityBarBadge.foreground#ffffff
  • badge.background#6342b5
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#222222
  • breadcrumb.focusForeground#ffffff
  • breadcrumb.foreground#ffffffa6
  • button.background#9b3912
  • button.foreground#ffffff
  • button.hoverBackground#9b3912cc
  • button.secondaryBackground#bfa5fc33
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#bfa5fc29
  • checkbox.background#222222
  • checkbox.border#ffffff33
  • checkbox.foreground#ffffff
  • debugExceptionWidget.background#222222
  • debugExceptionWidget.border#ffffff33
  • debugToolBar.background#222222
  • debugToolBar.border#ffffff33
  • diffEditor.border#ffffff33
  • diffEditor.insertedTextBackground#6dc38f1a
  • diffEditor.insertedTextBorder#ffffff00
  • diffEditor.removedTextBackground#f7998a1a
  • diffEditor.removedTextBorder#ffffff00
  • dropdown.background#222222
  • dropdown.border#ffffff33
  • dropdown.foreground#ffffff
  • editor.background#222222
  • editor.findMatchBackground#ad95e929
  • editor.findMatchBorder#ffffff33
  • editor.findMatchHighlightBackground#ad95e929
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#ad95e929
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#ad95e929
  • editor.foreground#ffffffa6
  • editor.hoverHighlightBackground#ad95e929
  • editor.inactiveSelectionBackground#ad95e929
  • editor.lineHighlightBackground#ad95e929
  • editor.lineHighlightBorder#ffffff00
  • editor.rangeHighlightBackground#ffffff00
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ad95e929
  • editor.selectionHighlightBackground#ad95e929
  • editor.selectionHighlightBorder#ffffff33
  • editor.wordHighlightBackground#ad95e929
  • editor.wordHighlightBorder#ffffff33
  • editor.wordHighlightStrongBackground#ad95e929
  • editor.wordHighlightStrongBorder#ffffff33
  • editorBracketMatch.background#ad95e929
  • editorBracketMatch.border#ffffff33
  • editorCodeLens.foreground#ffffffa6
  • editorCursor.background#222222
  • editorCursor.foreground#ffffff
  • editorError.background#ffffff00
  • editorError.foreground#f7998a
  • editorGroup.border#ffffff33
  • editorGroupHeader.border#ffffff33
  • editorGroupHeader.tabsBackground#222024
  • editorGroupHeader.tabsBorder#ffffff00
  • editorGutter.addedBackground#6dc38f
  • editorGutter.background#222222
  • editorGutter.commentRangeForeground#ffffff
  • editorGutter.deletedBackground#f7998a
  • editorGutter.foldingControlForeground#ffffff
  • editorGutter.modifiedBackground#7fb6ed
  • editorHoverWidget.background#222222
  • editorHoverWidget.border#ffffff33
  • editorHoverWidget.foreground#ffffffa6
  • editorIndentGuide.activeBackground1#ffffff73
  • editorIndentGuide.background1#ffffff33
  • editorInfo.background#ffffff00
  • editorInfo.foreground#7fb6ed
  • editorLineNumber.activeForeground#ffffffa6
  • editorLineNumber.foreground#ffffff73
  • editorLink.activeForeground#bfa5fc
  • editorMarkerNavigation.background#222222
  • editorMarkerNavigationError.background#f7998a
  • editorMarkerNavigationInfo.background#7fb6ed
  • editorMarkerNavigationWarning.background#eac079
  • editorOverviewRuler.background#ffffff00
  • editorOverviewRuler.border#ffffff00
  • editorRuler.foreground#ffffff33
  • editorSuggestWidget.background#222222
  • editorSuggestWidget.border#ffffff33
  • editorSuggestWidget.foreground#ffffffa6
  • editorSuggestWidget.highlightForeground#bfa5fc
  • editorSuggestWidget.selectedBackground#ad95e929
  • editorWarning.background#ffffff00
  • editorWarning.foreground#e0a855
  • editorWhitespace.foreground#ffffff33
  • editorWidget.background#222222
  • editorWidget.foreground#ffffffa6
  • editorWidget.resizeBorder#ffffff
  • focusBorder#ffffff33
  • foreground#ffffffa6
  • icon.foreground#ffffffa6
  • input.background#222222
  • input.border#ffffff33
  • input.foreground#ffffff
  • input.placeholderForeground#ffffff73
  • inputOption.activeBackground#ad95e929
  • inputOption.activeBorder#ffffff00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#ad95e929
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#ad95e929
  • list.focusBackground#ad95e929
  • list.focusForeground#ffffff
  • list.highlightForeground#bfa5fc
  • list.hoverBackground#ad95e929
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#ad95e929
  • list.inactiveSelectionForeground#ffffff
  • listFilterWidget.background#9b3912
  • listFilterWidget.noMatchesOutline#ffffff00
  • listFilterWidget.outline#ffffff00
  • menu.background#222024
  • menu.border#ad95e929
  • menu.foreground#ffffff99
  • menu.selectionBackground#ad95e929
  • menu.selectionBorder#ffffff00
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#ffffff33
  • menubar.selectionBackground#ad95e929
  • menubar.selectionBorder#ffffff00
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#ffffff0d
  • merge.commonHeaderBackground#ffffff1a
  • merge.currentContentBackground#6dc38f0d
  • merge.currentHeaderBackground#6dc38f
  • merge.incomingContentBackground#7fb6ed0d
  • merge.incomingHeaderBackground#7fb6ed
  • minimap.background#222222
  • minimap.errorHighlight#f7998a
  • minimap.findMatchHighlight#ad95e929
  • minimap.selectionHighlight#ad95e929
  • minimap.warningHighlight#e0a855
  • minimapGutter.addedBackground#6dc38f
  • minimapGutter.deletedBackground#f7998a
  • minimapGutter.modifiedBackground#7fb6ed
  • notificationCenter.border#ffffff00
  • notificationCenterHeader.background#222222
  • notificationCenterHeader.foreground#ffffffa6
  • notifications.background#222222
  • notifications.border#ffffff33
  • notifications.foreground#ffffff99
  • notificationsErrorIcon.foreground#f7998a
  • notificationsInfoIcon.foreground#bfa5fc
  • notificationsWarningIcon.foreground#e0a855
  • notificationToast.border#ffffff00
  • panel.background#222024
  • panel.border#ffffff00
  • panelSection.border#ffffff33
  • panelTitle.activeBorder#ffffff
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#ffffffa6
  • peekView.border#ffffff33
  • peekViewEditor.background#ad95e90d
  • peekViewEditor.matchHighlightBackground#ad95e90d
  • peekViewEditor.matchHighlightBorder#ffffff33
  • peekViewEditorGutter.background#ad95e90d
  • peekViewResult.background#222222
  • peekViewResult.fileForeground#ffffffa6
  • peekViewResult.lineForeground#ffffff00
  • peekViewResult.matchHighlightBackground#ad95e929
  • peekViewResult.selectionBackground#ad95e929
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#222222
  • peekViewTitleDescription.foreground#ffffffa6
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#ffffff33
  • pickerGroup.foreground#ffffffa6
  • progressBar.background#9b3912
  • scrollbar.shadow#191919
  • scrollbarSlider.activeBackground#ffffff40
  • scrollbarSlider.background#ffffff33
  • scrollbarSlider.hoverBackground#ffffff40
  • selection.background#ad95e929
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffffffa6
  • sideBar.background#222024
  • sideBar.border#ffffff00
  • sideBar.dropBackground#ad95e929
  • sideBar.foreground#ffffffa6
  • sideBarSectionHeader.background#ffffff00
  • sideBarSectionHeader.border#ffffff00
  • sideBarSectionHeader.foreground#ffffffa6
  • sideBarTitle.foreground#ffffffa6
  • statusBar.background#222024
  • statusBar.border#ffffff00
  • statusBar.debuggingBackground#9b3912
  • statusBar.debuggingBorder#ffffff00
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffffa6
  • statusBar.noFolderBackground#222024
  • statusBar.noFolderBorder#ffffff00
  • statusBar.noFolderForeground#ffffff99
  • statusBarItem.activeBackground#ffffff25
  • statusBarItem.hoverBackground#ad95e929
  • statusBarItem.remoteBackground#9b3912
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#222222
  • tab.activeBorder#ffffff00
  • tab.activeBorderTop#ffffff00
  • tab.activeForeground#ffffff
  • tab.border#ffffff33
  • tab.hoverBackground#222222
  • tab.hoverBorder#ffffff00
  • tab.hoverForeground#ffffff
  • tab.inactiveBackground#222024
  • tab.inactiveForeground#ffffffa6
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#7fb6ed
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#498dd1
  • terminal.ansiBrightCyan#5edee3
  • terminal.ansiBrightGreen#91d4a8
  • terminal.ansiBrightMagenta#fcacc5
  • terminal.ansiBrightRed#fcb5aa
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#e9be74
  • terminal.ansiCyan#32c5d2
  • terminal.ansiGreen#52b87a
  • terminal.ansiMagenta#f88aaf
  • terminal.ansiRed#f57f6c
  • terminal.ansiWhite#ffffff99
  • terminal.ansiYellow#d99530
  • terminal.border#ffffff33
  • terminal.foreground#ffffffa6
  • terminal.selectionBackground#ad95e929
  • terminalCursor.background#ad95e929
  • terminalCursor.foreground#ffffff
  • textLink.activeForeground#d1bffd
  • textLink.foreground#bfa5fc
  • titleBar.activeBackground#222024
  • titleBar.activeForeground#ffffffa6
  • titleBar.border#ffffff00
  • titleBar.inactiveBackground#222024
  • titleBar.inactiveForeground#ffffffa6
  • tree.indentGuidesStroke#ffffff33
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#191919

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