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#426f7d
  • activityBar.background#2e3440
  • activityBar.border#ffffff00
  • activityBar.foreground#d8dee9
  • activityBar.inactiveForeground#d8dee968
  • activityBarBadge.background#81a1c1
  • activityBarBadge.foreground#13181b
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#d8dee9
  • breadcrumb.background#2e3440
  • breadcrumb.focusForeground#d8dee9
  • breadcrumb.foreground#91959d
  • button.background#5e81ac
  • button.foreground#ffffff
  • button.hoverBackground#3d5c82
  • button.secondaryBackground#252b38
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#1d232e
  • checkbox.background#2e3440
  • checkbox.border#00000000
  • checkbox.foreground#d8dee9
  • debugExceptionWidget.background#3b4252
  • debugExceptionWidget.border#4c566a
  • debugToolBar.background#3b4252
  • debugToolBar.border#4c566a
  • diffEditor.border#4c566a
  • diffEditor.insertedTextBackground#a3be8c1c
  • diffEditor.removedTextBackground#bf616a2e
  • dropdown.background#2e3440
  • dropdown.border#00000000
  • dropdown.foreground#d8dee9
  • editor.background#323843
  • editor.findMatchBackground#4c566a
  • editor.findMatchBorder#6c778e
  • editor.findMatchHighlightBackground#d0877081
  • editor.findMatchHighlightBorder#d08770
  • editor.findRangeHighlightBackground#262c36
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#3b4252
  • editor.foreground#e5e9f0
  • editor.hoverHighlightBackground#3b4252
  • editor.inactiveSelectionBackground#393e49
  • editor.lineHighlightBackground#2b313d
  • editor.lineHighlightBorder#282d3860
  • editor.rangeHighlightBackground#3b425264
  • editor.rangeHighlightBorder#3b4252
  • editor.selectionBackground#3b4252
  • editor.selectionHighlightBackground#4c566a
  • editor.selectionHighlightBorder#606a80
  • editor.wordHighlightBackground#4f535c
  • editor.wordHighlightBorder#6f7786
  • editor.wordHighlightStrongBackground#434c5e
  • editor.wordHighlightStrongBorder#5e6779
  • editorBracketMatch.background#8fbcbb2e
  • editorBracketMatch.border#8fbcbb6c
  • editorCodeLens.foreground#7d8d9d
  • editorCursor.background#252a34
  • editorCursor.foreground#8fbcbb
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#bf6161
  • editorGroup.border#4c566a
  • editorGroup.emptyBackground#323843
  • editorGroupHeader.border#3b4252
  • editorGroupHeader.tabsBackground#353b47
  • editorGroupHeader.tabsBorder#3b4252
  • editorGutter.addedBackground#92be6d
  • editorGutter.background#323843
  • editorGutter.commentRangeForeground#8091a1
  • editorGutter.deletedBackground#c74653
  • editorGutter.foldingControlForeground#8091a1
  • editorGutter.modifiedBackground#5e81ac
  • editorHoverWidget.background#272e3a
  • editorHoverWidget.border#3b4252
  • editorHoverWidget.foreground#d8dee9
  • editorIndentGuide.activeBackground#4c566a
  • editorIndentGuide.background#3b4252
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#d8dee9
  • editorLineNumber.foreground#59606f
  • editorLink.activeForeground#81a1c1
  • editorMarkerNavigation.background#232832
  • editorMarkerNavigationError.background#bf616a
  • editorMarkerNavigationInfo.background#81a1c1
  • editorMarkerNavigationWarning.background#d09d70
  • editorOverviewRuler.background#ffffff00
  • editorOverviewRuler.border#7f7f7f00
  • editorRuler.foreground#3b4252
  • editorSuggestWidget.background#272e3a
  • editorSuggestWidget.border#3b4252
  • editorSuggestWidget.foreground#d8dee9
  • editorSuggestWidget.highlightForeground#5e81ac
  • editorSuggestWidget.selectedBackground#3b4252
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#f2ae72
  • editorWhitespace.foreground#4c566a
  • editorWidget.background#3b4252
  • editorWidget.foreground#d8dee9
  • editorWidget.resizeBorder#4c566a
  • focusBorder#4c566a
  • foreground#d8dee9
  • gitDecoration.addedResourceForeground#a3be8c
  • gitDecoration.conflictingResourceForeground#818ec1
  • gitDecoration.deletedResourceForeground#bf616a
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#d0a170
  • gitDecoration.stageDeletedResourceForeground#bf616a
  • gitDecoration.stageModifiedResourceForeground#ebcb8b
  • gitDecoration.submoduleResourceForeground#88c0d0
  • gitDecoration.untrackedResourceForeground#8cbe96
  • icon.foreground#d8dee9
  • input.background#2e3440
  • input.border#00000000
  • input.foreground#d8dee9
  • input.placeholderForeground#717782
  • inputOption.activeBackground#506388
  • inputOption.activeBorder#8ca4be93
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#4c566a
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#00000018
  • list.focusBackground#2e3440
  • list.focusForeground#cccccc
  • list.highlightForeground#6a97c4
  • list.hoverBackground#434c5e
  • list.hoverForeground#d8dee9
  • list.inactiveSelectionBackground#404654
  • list.inactiveSelectionForeground#adadad
  • listFilterWidget.background#8e4950
  • listFilterWidget.noMatchesOutline#bf616a
  • listFilterWidget.outline#00000000
  • menu.background#2e3440
  • menu.border#3b4252
  • menu.foreground#d8dee9
  • menu.selectionBackground#4c566a
  • menu.selectionBorder#4c566a
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#434c5e
  • menubar.selectionBackground#434c5e
  • menubar.selectionBorder#434c5e
  • menubar.selectionForeground#d8dee9
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#323843
  • minimap.errorHighlight#bf6161
  • minimap.findMatchHighlight#4c566a
  • minimap.selectionHighlight#3b4252
  • minimap.warningHighlight#f2ae72
  • minimapGutter.addedBackground#92be6d
  • minimapGutter.deletedBackground#c74653
  • minimapGutter.modifiedBackground#5e81ac
  • notificationCenter.border#4c566a
  • notificationCenterHeader.background#3b4252
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#3b4252
  • notifications.border#4c566a
  • notifications.foreground#d8dee9
  • notificationsErrorIcon.foreground#e4727d
  • notificationsInfoIcon.foreground#6499cd
  • notificationsWarningIcon.foreground#e8be6b
  • notificationToast.border#4c566a
  • panel.background#272e3a
  • panel.border#3b4252
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#5e81ac
  • peekViewEditor.background#252c38
  • peekViewEditor.matchHighlightBackground#d0877062
  • peekViewEditor.matchHighlightBorder#d08770
  • peekViewEditorGutter.background#252c38
  • peekViewResult.background#252c38
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#d0877052
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#252c38
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#4c566a
  • pickerGroup.foreground#5e81ac
  • progressBar.background#69b8a6
  • scrollbar.shadow#131519
  • scrollbarSlider.activeBackground#4c566a8f
  • scrollbarSlider.background#4c566a36
  • scrollbarSlider.hoverBackground#4c566a7c
  • selection.background#425375
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#d8dee9
  • sideBar.background#353b47
  • sideBar.border#3b425200
  • sideBar.dropBackground#00000018
  • sideBar.foreground#e5e9f0
  • sideBarSectionHeader.background#353b47
  • sideBarSectionHeader.border#434c5e
  • sideBarSectionHeader.foreground#e5e9f0
  • sideBarTitle.foreground#e5e9f0
  • statusBar.background#2e3440
  • statusBar.border#434c5e
  • statusBar.debuggingBackground#86444a
  • statusBar.debuggingBorder#bf616a
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#664961
  • statusBar.noFolderBorder#b48ead
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff14
  • statusBarItem.remoteBackground#497558
  • statusBarItem.remoteForeground#ffffff
  • tab.activeBackground#2e3440
  • tab.activeBorder#5e81ac00
  • tab.activeBorderTop#5e81ac
  • tab.activeForeground#eceff4
  • tab.border#2e3440
  • tab.hoverBackground#2e3440
  • tab.hoverBorder#ff000000
  • tab.hoverForeground#d8dee9
  • tab.inactiveBackground#353b47
  • tab.inactiveForeground#d8dee9
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#4e519c
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#5e81ac
  • terminal.ansiBrightCyan#88c0d0
  • terminal.ansiBrightGreen#73be6c
  • terminal.ansiBrightMagenta#b48ead
  • terminal.ansiBrightRed#bf666f
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#ebcb8b
  • terminal.ansiCyan#49b8db
  • terminal.ansiGreen#53ae4c
  • terminal.ansiMagenta#b45ead
  • terminal.ansiRed#bf414a
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#cbab5b
  • terminal.border#80808059
  • terminal.foreground#d8dee9
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#2e519c
  • terminalCursor.foreground#eceff4
  • textLink.foreground#5b8ec0
  • titleBar.activeBackground#353b47
  • titleBar.activeForeground#d8dee9
  • titleBar.border#3b4252
  • titleBar.inactiveBackground#42454b
  • titleBar.inactiveForeground#666d79
  • tree.indentGuidesStroke#4d5564
  • 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#bca1be
variable.other.generic-type.haskell#8eaecf
storage.type.haskell#e0b3a2
support.variable.magic.python#bca1be
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#e5e9f0
variable.parameter.function.language.special.self.python#90c9ac
storage.modifier.lifetime.rust#e5e9f0
support.function.std.rust#57a7ab
entity.name.lifetime.rust#90c9ac
variable.language.rust#bca1be
support.constant.edge#8eaecf
constant.other.character-class.regexp#bca1be
keyword.operator.quantifier.regexp#e0b3a2
punctuation.definition.string.begin,punctuation.definition.string.end#aabe8c
variable.parameter.function#e5e9f0
comment markup.link#5b6271
markup.changed.diff#90c9ac
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#57a7ab
markup.inserted.diff#aabe8c
markup.deleted.diff#bca1be
meta.function.c,meta.function.cpp#bca1be
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#e5e9f0
punctuation.separator.key-value#e5e9f0
keyword.operator.expression.import#57a7ab
support.constant.math#90c9ac
support.constant.property.math#e0b3a2
variable.other.constant#90c9ac
storage.type.annotation.java, storage.type.object.array.java#90c9ac
source.java#bca1be
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#e5e9f0
meta.method.java#57a7ab
storage.modifier.import.java,storage.type.java,storage.type.generic.java#90c9ac
keyword.operator.instanceof.java#8eaecf
meta.definition.variable.name.java#bca1be
keyword.operator.logical#8fbcbb
keyword.operator.bitwise#8fbcbb
keyword.operator.channel#8fbcbb
support.constant.property-value.scss,support.constant.property-value.css#e0b3a2
keyword.operator.css,keyword.operator.scss,keyword.operator.less#8fbcbb
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#e0b3a2
punctuation.separator.list.comma.css#e5e9f0
support.constant.color.w3c-standard-color-name.css#e0b3a2
support.type.vendored.property-name.css#8fbcbb
support.module.node,support.type.object.module,support.module.node#90c9ac
entity.name.type.module#90c9ac
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#bca1be
support.constant.json#e0b3a2
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#8eaecf
support.type.object.console#bca1be
support.variable.property.process#e0b3a2
entity.name.function,support.function.console#57a7ab
keyword.operator.misc.rust#e5e9f0
keyword.operator.sigil.rust#8eaecf
keyword.operator.delete#8eaecf
support.type.object.dom#8fbcbb
support.variable.dom,support.variable.property.dom#bca1be
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#8fbcbb
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#8eaecf
punctuation.separator.delimiter#e5e9f0
punctuation.separator.c,punctuation.separator.cpp#8eaecf
support.type.posix-reserved.c,support.type.posix-reserved.cpp#8fbcbb
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#8eaecf
variable.parameter.function.language.python#e0b3a2
support.type.python#8fbcbb
keyword.operator.logical.python#8eaecf
variable.parameter.function.python#e0b3a2
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#e5e9f0
meta.function-call.generic.python#57a7ab
constant.character.format.placeholder.other.python#e0b3a2
keyword.operator#e5e9f0
keyword.operator.assignment.compound#8eaecf
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#8fbcbb
keyword#8eaecf
entity.name.namespace#90c9ac
variable#bca1be
variable.c#e5e9f0
variable.language#90c9ac
token.variable.parameter.java#e5e9f0
import.storage.java#90c9ac
token.package.keyword#8eaecf
token.package#e5e9f0
entity.name.function, meta.require, support.function.any-method, variable.function#57a7ab
entity.name.type.namespace#90c9ac
support.class, entity.name.type.class#90c9ac
entity.name.class.identifier.namespace.type#90c9ac
entity.name.class, variable.other.class.js, variable.other.class.ts#90c9ac
variable.other.class.php#bca1be
entity.name.type#90c9ac
keyword.control#8eaecf
control.elements, keyword.operator.less#e0b3a2
keyword.other.special-method#57a7ab
storage#8eaecf
token.storage#8eaecf
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#8eaecf
token.storage.type.java#90c9ac
support.function#8fbcbb
support.type.property-name#e5e9f0
support.constant.property-value#e5e9f0
support.constant.font-name#e0b3a2
meta.tag#e5e9f0
string#aabe8c
entity.other.inherited-class#90c9ac
constant.other.symbol#8fbcbb
constant.numeric#e0b3a2
constant#e0b3a2
punctuation.definition.constant#e0b3a2
entity.name.tag#bca1be
entity.other.attribute-name#e0b3a2
entity.other.attribute-name.id#57a7abnormal
entity.other.attribute-name.class.css#e0b3a2normal
meta.selector#8eaecf
markup.heading#bca1be
markup.heading punctuation.definition.heading, entity.name.section#57a7ab
keyword.other.unit#bca1be
markup.bold,todo.bold#e0b3a2
punctuation.definition.bold#90c9ac
markup.italic, punctuation.definition.italic,todo.emphasis#8eaecf
emphasis md#8eaecf
entity.name.section.markdown#bca1be
punctuation.definition.heading.markdown#bca1be
punctuation.definition.list.begin.markdown#bca1be
markup.heading.setext#e5e9f0
punctuation.definition.bold.markdown#e0b3a2
markup.inline.raw.markdown#aabe8c
markup.inline.raw.string.markdown#aabe8c
punctuation.definition.list.markdown#bca1be
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#bca1be
beginning.punctuation.definition.list.markdown#bca1be
punctuation.definition.metadata.markdown#bca1be
markup.underline.link.markdown,markup.underline.link.image.markdown#8eaecf
string.other.link.title.markdown,string.other.link.description.markdown#57a7ab
string.regexp#8fbcbb
constant.character.escape#8fbcbb
punctuation.section.embedded, variable.interpolation#bca1be
punctuation.section.embedded.begin,punctuation.section.embedded.end#8eaecf
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#e5e9f0
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#bca1be
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#bca1be
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#aabe8c
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#8fbcbb
support.type.property-name.json#bca1be
support.type.property-name.json punctuation#bca1be
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#8eaecf
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#8eaecf
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#90c9ac
keyword.operator.error-control.php#8eaecf
keyword.operator.type.php#8eaecf
punctuation.section.array.begin.php#e5e9f0
punctuation.section.array.end.php#e5e9f0
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#90c9ac
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#57a7ab
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#e5e9f0
support.constant.core.rust#e0b3a2
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#e0b3a2
entity.name.goto-label.php,support.other.php#57a7ab
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#8fbcbb
keyword.operator.regexp.php#8eaecf
keyword.operator.comparison.php#8fbcbb
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#8eaecf
meta.function.decorator.python#57a7ab
support.token.decorator.python,meta.function.decorator.identifier.python#8fbcbb
function.parameter#e5e9f0
function.brace#e5e9f0
function.parameter.ruby, function.parameter.cs#e5e9f0
constant.language.symbol.ruby#8fbcbb
rgb-value#8fbcbb
inline-color-decoration rgb-value#e0b3a2
less rgb-value#e0b3a2
selector.sass#bca1be
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#90c9ac
block.scope.end,block.scope.begin#e5e9f0
storage.type.cs#90c9ac
entity.name.variable.local.cs#bca1be
token.info-token#57a7ab
token.warn-token#e0b3a2
token.error-token#f44747
token.debug-token#8eaecf
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#8eaecf
meta.template.expression#e5e9f0
keyword.operator.module#8eaecf
support.type.type.flowtype#57a7ab
support.type.primitive#90c9ac
meta.property.object#bca1be
variable.parameter.function.js#bca1be
keyword.other.template.begin#aabe8c
keyword.other.template.end#aabe8c
keyword.other.substitution.begin#aabe8c
keyword.other.substitution.end#aabe8c
keyword.operator.assignment#8fbcbb
keyword.operator.assignment.go#90c9ac
keyword.operator.arithmetic.go, keyword.operator.address.go#8eaecf
entity.name.package.go#90c9ac
support.type.prelude.elm#8fbcbb
support.constant.elm#e0b3a2
punctuation.quasi.element#8eaecf
constant.character.entity#bca1be
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#8fbcbb
entity.global.clojure#90c9ac
meta.symbol.clojure#bca1be
constant.keyword.clojure#8fbcbb
meta.arguments.coffee, variable.parameter.function.coffee#bca1be
source.ini#aabe8c
meta.scope.prerequisites.makefile#bca1be
source.makefile#90c9ac
storage.modifier.import.groovy#90c9ac
meta.method.groovy#57a7ab
meta.definition.variable.name.groovy#bca1be
meta.definition.class.inherited.classes.groovy#aabe8c
support.variable.semantic.hlsl#90c9ac
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#8eaecf
text.variable, text.bracketed#bca1be
support.type.swift, support.type.vb.asp#90c9ac
entity.name.function.xi#90c9ac
entity.name.class.xi#8fbcbb
constant.character.character-class.regexp.xi#bca1be
constant.regexp.xi#8eaecf
keyword.control.xi#8fbcbb
invalid.xi#e5e9f0
beginning.punctuation.definition.quote.markdown.xi#aabe8c
beginning.punctuation.definition.list.markdown.xi#5b6271
constant.character.xi#57a7ab
accent.xi#57a7ab
wikiword.xi#e0b3a2
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#5b6271
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#90c9ac
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#bca1be
meta.brace.square#e5e9f0
comment, punctuation.definition.comment#5b6271italic
markup.quote.markdown#5b6271
punctuation.definition.block.sequence.item.yaml#e5e9f0
constant.language.symbol.elixir#8fbcbb
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...