Skip to main content
CodingTheme

Color themes

VS Code preview

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

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.activeBackground#ffffff00
  • activityBar.background#202328
  • activityBar.border#ffffff00
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#c9fc0c
  • activityBarBadge.foreground#000000
  • badge.background#c9fc0c
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#c9fc0c
  • breadcrumb.background#202328
  • breadcrumb.focusForeground#c9fc0c
  • breadcrumb.foreground#ffffff7c
  • button.background#c9fc0c
  • button.foreground#000000
  • button.hoverBackground#c9fc0cb9
  • button.secondaryBackground#484e5a
  • button.secondaryForeground#accb3b
  • button.secondaryHoverBackground#484e5ab3
  • checkbox.background#232426
  • checkbox.border#ffffff00
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#1a1c1f
  • debugExceptionWidget.border#c9fc0c99
  • debugToolBar.background#1a1c1f
  • debugToolBar.border#c9fc0c99
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#232426
  • dropdown.border#ffffff00
  • dropdown.foreground#cccccc
  • editor.background#202328
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#3f42459f
  • editor.foreground#cccccc
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#3f42459f
  • editor.lineHighlightBorder#ffffff00
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#dfff692c
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#ffffff00
  • editorBracketMatch.border#c9fc0c
  • editorCodeLens.foreground#c9fc0c
  • editorCursor.background#000000
  • editorCursor.foreground#c9fc0c
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#444444
  • editorGroup.emptyBackground#202328
  • editorGroupHeader.border#ffffff00
  • editorGroupHeader.tabsBackground#202328
  • editorGroupHeader.tabsBorder#ffffff00
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#202328
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#c9fc0c99
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#c9fc0c6c
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c9fc0c
  • editorLineNumber.foreground#7b7c7b
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#c9fc0c6c
  • editorOverviewRuler.border#c9fc0c99
  • editorRuler.foreground#c9fc0c6c
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#c9fc0c99
  • editorSuggestWidget.foreground#cccccc
  • editorSuggestWidget.highlightForeground#c9fc0c
  • editorSuggestWidget.selectedBackground#48580e
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#1a1c1f
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#c9fc0c99
  • foreground#cccccc
  • 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#cccccc
  • input.background#232426
  • input.border#ffffff00
  • input.foreground#cccccc
  • input.placeholderForeground#ffffff66
  • inputOption.activeBackground#232426
  • inputOption.activeBorder#ffffff00
  • inputOption.activeForeground#c9fc0c
  • list.activeSelectionBackground#c9fc0c
  • list.activeSelectionForeground#000000
  • list.dropBackground#3f424562
  • list.focusBackground#48580e
  • list.focusForeground#ffffff
  • list.highlightForeground#c9fc0c
  • list.hoverBackground#3f424562
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#3f42459f
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#272d36
  • menu.border#ffffff00
  • menu.foreground#ffffff80
  • menu.selectionBackground#ffffff00
  • menu.selectionBorder#48580e
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#ffffff32
  • menubar.selectionBackground#48580e
  • menubar.selectionBorder#c9fc0c99
  • menubar.selectionForeground#c9fc0c
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#202328
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#dfff692c
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#c9fc0c99
  • notificationCenterHeader.background#c9fc0c
  • notificationCenterHeader.foreground#000000
  • notifications.background#232426
  • notifications.border#c9fc0c99
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#c9fc0c99
  • panel.background#202328
  • panel.border#ffffff40
  • panelSection.border#ffffff40
  • panelTitle.activeBorder#c7fc3b
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#ffffff66
  • 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#ffffff00
  • pickerGroup.foreground#c9fc0c
  • progressBar.background#c9fc0c
  • scrollbar.shadow#171717
  • scrollbarSlider.activeBackground#c9fc0c
  • scrollbarSlider.background#3d3e42
  • scrollbarSlider.hoverBackground#737b56
  • selection.background#48580e
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#202328
  • sideBar.border#ffffff04
  • sideBar.dropBackground#3f424562
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#ffffff00
  • sideBarSectionHeader.border#c9fc0c99
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#cccccc
  • statusBar.background#c9fc0c
  • statusBar.border#ffffff00
  • statusBar.debuggingBackground#c9fc0c
  • statusBar.debuggingBorder#ffffff00
  • statusBar.debuggingForeground#000000
  • statusBar.foreground#000000
  • statusBar.noFolderBackground#c9fc0c
  • statusBar.noFolderBorder#ffffff00
  • statusBar.noFolderForeground#000000
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ebfda9
  • statusBarItem.remoteBackground#c9fc0c
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#202328
  • tab.activeBorder#c9fc0c
  • tab.activeBorderTop#ffffff00
  • tab.activeForeground#ffffff
  • tab.border#ffffff00
  • tab.hoverBackground#ffffff00
  • tab.hoverBorder#ffffff00
  • tab.hoverForeground#c9fc0c
  • tab.inactiveBackground#1c1e21
  • tab.inactiveForeground#ffffff80
  • 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#e5e5e5ef
  • terminal.ansiYellow#e5e510
  • terminal.border#ffffff40
  • terminal.foreground#cccccc
  • terminal.selectionBackground#62645846
  • terminalCursor.background#c9fc0c
  • terminalCursor.foreground#000000
  • textLink.foreground#c9fc0c
  • titleBar.activeBackground#202328
  • titleBar.activeForeground#ffffff66
  • titleBar.border#ffffff00
  • titleBar.inactiveBackground#202328
  • titleBar.inactiveForeground#ffffff66
  • tree.indentGuidesStroke#c9fc0c99
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000014

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