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#d2d2d200
  • activityBar.background#0f0f0f
  • activityBar.border#0f0f0f
  • activityBar.foreground#24a7cf
  • activityBar.inactiveForeground#8a8a8a
  • activityBarBadge.background#444444
  • activityBarBadge.foreground#d2d2d2
  • badge.background#4d4d4d
  • badge.foreground#d2d2d2
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#0f0f0f
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#0e639c
  • button.foreground#d2d2d2
  • button.hoverBackground#1177bb
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#d2d2d2
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#fffafa
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.insertedTextBorder#ff000000
  • diffEditor.removedTextBackground#ff000033
  • diffEditor.removedTextBorder#d3111100
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#fffafa
  • editor.background#0a0a0a
  • editor.findMatchBackground#971010
  • editor.findMatchBorder#24a7cf00
  • editor.findMatchHighlightBackground#5c1e1e
  • editor.findMatchHighlightBorder#d2d2d200
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#d2d2d200
  • editor.foldBackground#2d1e7e
  • editor.foreground#d2d2d2
  • editor.hoverHighlightBackground#004972b8
  • editor.inactiveSelectionBackground#4b4b4b74
  • editor.lineHighlightBackground#d2d2d20A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#d2d2d20b
  • editor.rangeHighlightBorder#24a7cf
  • editor.selectionBackground#004972b8
  • editor.selectionHighlightBackground#50acb63e
  • editor.selectionHighlightBorder#43caff00
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#24a7cf00
  • editorBracketMatch.border#00ff3400
  • editorCodeLens.foreground#c9c9c9
  • editorCursor.background#000000
  • editorCursor.foreground#24a7cfc3
  • editorError.background#ff000022
  • editorError.border#d2d2d200
  • editorError.foreground#ff0000
  • editorGroup.border#444444
  • editorGroup.emptyBackground#0a0a0a
  • editorGroupHeader.tabsBackground#0a0a0a
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#0a0a0a
  • editorGutter.commentRangeForeground#cfcfcf
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#cfcfcf
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#24a7cfc3
  • editorIndentGuide.background#7f848eaf
  • editorInfo.background#75beff1e
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#24a7cf
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#0a0a0a
  • editorOverviewRuler.border#00000000
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#24a7cf
  • editorSuggestWidget.selectedBackground#49494980
  • editorWarning.background#ffef0022
  • editorWarning.border#d2d2d200
  • editorWarning.foreground#ffef00
  • editorWhitespace.foreground#606060c3
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#4b96d7
  • foreground#d2d2d2
  • 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#d2d2d2
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#fffafa
  • input.placeholderForeground#e4e4e4
  • inputOption.activeBackground#d2d2d260
  • inputOption.activeBorder#4b96d75a
  • inputOption.activeForeground#d2d2d2
  • list.activeSelectionBackground#4b96d785
  • list.activeSelectionForeground#d2d2d2
  • list.dropBackground#303334
  • list.focusBackground#4b96d748
  • list.focusForeground#d2d2d2
  • list.highlightForeground#24a7cf
  • list.hoverBackground#303334
  • list.hoverForeground#d2d2d2
  • list.inactiveSelectionBackground#8a8a8a2a
  • list.inactiveSelectionForeground#d2d2d2
  • listFilterWidget.background#545454
  • listFilterWidget.noMatchesOutline#000000
  • listFilterWidget.outline#4b96d7
  • menu.background#0f0f0f
  • menu.border#0000008d
  • menu.foreground#d2d2d2
  • menu.selectionBackground#32648e
  • menu.selectionBorder#00000000
  • menu.selectionForeground#d2d2d2
  • menu.separatorBackground#797979
  • menubar.selectionBackground#0f0f0f
  • menubar.selectionBorder#ff000000
  • menubar.selectionForeground#d2d2d2
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#0a0a0a
  • minimap.errorHighlight#ff0000
  • minimap.findMatchHighlight#5b6c82
  • minimap.selectionHighlight#FF000033
  • minimap.warningHighlight#ffef00
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#0f0f0f
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#4e6879
  • peekViewEditor.background#131313
  • peekViewEditor.matchHighlightBackground#76fff92e
  • peekViewEditor.matchHighlightBorder#00000093
  • peekViewEditorGutter.background#131313
  • peekViewResult.background#5a5a5a2e
  • peekViewResult.fileForeground#d2d2d2
  • peekViewResult.lineForeground#d3d3d3
  • peekViewResult.matchHighlightBackground#76fff92e
  • peekViewResult.selectionBackground#000000
  • peekViewResult.selectionForeground#d2d2d2
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#d2d2d2
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#4b96d7
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#004972b8
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#004972b8
  • selection.background#6065688f
  • settings.focusedRowBackground#d2d2d207
  • settings.headerForeground#d2d2d2
  • sideBar.background#0f0f0f
  • sideBar.border#d2d2d200
  • sideBar.dropBackground#303334
  • sideBar.foreground#cfcfcf
  • sideBarSectionHeader.background#0f0f0f
  • sideBarSectionHeader.border#ff000000
  • sideBarSectionHeader.foreground#d2d2d2
  • sideBarTitle.foreground#d2d2d2
  • statusBar.background#0a0a0a
  • statusBar.border#00000000
  • statusBar.debuggingBackground#7c1486
  • statusBar.debuggingBorder#00000000
  • statusBar.debuggingForeground#d2d2d2
  • statusBar.foreground#d2d2d2
  • statusbar.noFolderBackground#0a0a0a
  • statusBarItem.activeBackground#d2d2d225
  • statusBarItem.hoverBackground#4b4b4b
  • statusBarItem.remoteBackground#16825d00
  • statusBarItem.remoteForeground#4b96d7
  • tab.activeBackground#1e1e1e
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#24a7cf
  • tab.border#25252600
  • tab.inactiveBackground#2d2d2d
  • tab.inactiveForeground#d2d2d280
  • 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.background#0a0a0a
  • terminal.border#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#d2d2d240
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#d2d2d2
  • textLink.foreground#3794ff
  • titleBar.activeBackground#0a0a0a
  • titleBar.activeForeground#d2d2d2
  • titleBar.border#f7060600
  • titleBar.inactiveBackground#1d1d1d
  • titleBar.inactiveForeground#d2d2d2
  • tree.indentGuidesStroke#969696
  • 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#ff7a5c
variable.other.generic-type.haskell#e262fc
storage.type.haskell#ffc847
support.variable.magic.python#ff7a5c
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d2d2d2
variable.parameter.function.language.special.self.python#d2d2d2
storage.modifier.lifetime.rust#d2d2d2
support.function.std.rust#b0daff
entity.name.lifetime.rust#d2d2d2
variable.language.rust#ff7a5c
support.constant.edge#e262fc
constant.other.character-class.regexp#ff7a5c
keyword.operator.quantifier.regexp#ffc847
punctuation.definition.string.begin,punctuation.definition.string.end#73ff55
variable.parameter.function#d2d2d2
comment markup.link#7f848e
markup.changed.diff#d2d2d2
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#b0daff
markup.inserted.diff#73ff55
markup.deleted.diff#ff7a5c
meta.function.c,meta.function.cpp#ff7a5c
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#d2d2d2
punctuation.separator.key-value#d2d2d2
keyword.operator.expression.import#b0daff
support.constant.math#d2d2d2
support.constant.property.math#ffc847
variable.other.constant#d2d2d2
storage.type.annotation.java, storage.type.object.array.java#d2d2d2
source.java#ff7a5c
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#d2d2d2
meta.method.java#b0daff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#d2d2d2
keyword.operator.instanceof.java#e262fc
meta.definition.variable.name.java#ff7a5c
keyword.operator.logical#d2d2d2
keyword.operator.bitwise#d2d2d2
keyword.operator.channel#d2d2d2
support.constant.property-value.scss,support.constant.property-value.css#ffc847
keyword.operator.css,keyword.operator.scss,keyword.operator.less#d2d2d2
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#ffc847
punctuation.separator.list.comma.css#d2d2d2
support.constant.color.w3c-standard-color-name.css#ffc847
support.type.vendored.property-name.css#b0daff
support.module.node,support.type.object.module,support.module.node#d2d2d2
entity.name.type.module#d2d2d2
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ff7a5c
punctuation.definition.variable.powershell#ffffff
constant.language.powershell#ffc847
support.constant.json#ffc847
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#e262fc
support.type.object.console#ff7a5c
support.variable.property.process#ffc847
entity.name.function,support.function.console#b0daff
keyword.operator.misc.rust#d2d2d2
keyword.operator.sigil.rust#e262fc
keyword.operator.delete#e262fc
support.type.object.dom#b0daff
support.variable.dom,support.variable.property.dom#ff7a5c
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#d2d2d2
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#e262fc
punctuation.separator.delimiter#d2d2d2
punctuation.separator.c,punctuation.separator.cpp#e262fc
support.type.posix-reserved.c,support.type.posix-reserved.cpp#b0daff
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#e262fc
variable.parameter.function.language.python#ffc847
support.type.python#b0daff
keyword.operator.logical.python#e262fc
variable.parameter.function.python#ffc847
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d2d2d2
meta.function-call.generic.python#b0daff
constant.character.format.placeholder.other.python#ffc847
keyword.operator#d2d2d2
keyword.operator.assignment.compound#e262fc
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#d2d2d2
keyword#e262fc
entity.name.namespace#d2d2d2
variable#d2d2d2
variable.c#d2d2d2
variable.language#d2d2d2
token.variable.parameter.java#d2d2d2
import.storage.java#d2d2d2
token.package.keyword#e262fc
token.package#d2d2d2
entity.name.function, meta.require, support.function.any-method, variable.function#b0daff
entity.name.type.namespace#d2d2d2
support.class, entity.name.type.class#d2d2d2
entity.name.class.identifier.namespace.type#d2d2d2
entity.name.class, variable.other.class.js, variable.other.class.ts#d2d2d2
variable.other.class.php#ff7a5c
entity.name.type#d2d2d2
keyword.control#bbbbbb
control.elements, keyword.operator.less#ffc847
keyword.other.special-method#d2d2d2
storage#e262fc
token.storage#e262fc
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#e262fc
token.storage.type.java#d2d2d2
support.function#b0daff
support.type.property-name#d2d2d2
support.constant.property-value#d2d2d2
support.constant.font-name#ffc847
meta.tag#d2d2d2
string#73ff55
entity.other.inherited-class#d2d2d2
constant.other.symbol#b0daff
constant.numeric#ffc847
constant#b0daff
punctuation.definition.constant#ffc847
entity.name.tag#ff7a5c
entity.other.attribute-name#ffc847
entity.other.attribute-name.id#b0daff
entity.other.attribute-name.class.css#ffc847
meta.selector#e262fc
markup.heading#ff7a5c
markup.heading punctuation.definition.heading, entity.name.section#b0daff
keyword.other.unit#ff7a5c
markup.bold,todo.bold#ffc847
punctuation.definition.bold#d2d2d2
markup.italic, punctuation.definition.italic,todo.emphasis#e262fc
emphasis md#e262fc
entity.name.section.markdown#ff7a5c
punctuation.definition.heading.markdown#b6b6b6
punctuation.definition.list.begin.markdown#ff7a5c
markup.heading.setext#d2d2d2
punctuation.definition.bold.markdown#ffc847
markup.inline.raw.markdown#73ff55
markup.inline.raw.string.markdown#73ff55
punctuation.definition.list.markdown#ff7a5c
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ff7a5c
beginning.punctuation.definition.list.markdown#ff7a5c
punctuation.definition.metadata.markdown#ff7a5c
markup.underline.link.markdown,markup.underline.link.image.markdown#e262fc
string.other.link.title.markdown,string.other.link.description.markdown#b0daff
string.regexp#b0daff
constant.character.escape#b0daff
punctuation.section.embedded, variable.interpolation#ff7a5c
punctuation.section.embedded.begin,punctuation.section.embedded.end#e262fc
invalid.illegal#d2d2d2
invalid.illegal.bad-ampersand.html#d2d2d2
invalid.broken#d2d2d2
invalid.deprecated#d2d2d2
invalid.unimplemented#d2d2d2
source.json meta.structure.dictionary.json > string.quoted.json#ff7a5c
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ff7a5c
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#73ff55
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#b0daff
support.type.property-name.json#ff7a5c
support.type.property-name.json punctuation#ff7a5c
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#e262fc
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#e262fc
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#d2d2d2
keyword.operator.error-control.php#e262fc
keyword.operator.type.php#e262fc
punctuation.section.array.begin.php#d2d2d2
punctuation.section.array.end.php#d2d2d2
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#d2d2d2
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#b0daff
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#d2d2d2
support.constant.core.rust#ffc847
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#ffc847
entity.name.goto-label.php,support.other.php#b0daff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#b0daff
keyword.operator.regexp.php#e262fc
keyword.operator.comparison.php#b0daff
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#e262fc
meta.function.decorator.python#b0daff
support.token.decorator.python,meta.function.decorator.identifier.python#b0daff
function.parameter#d2d2d2
function.brace#d2d2d2
function.parameter.ruby, function.parameter.cs#d2d2d2
constant.language.symbol.ruby#b0daff
rgb-value#b0daff
inline-color-decoration rgb-value#ffc847
less rgb-value#ffc847
selector.sass#ff7a5c
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#d2d2d2
block.scope.end,block.scope.begin#d2d2d2
storage.type.cs#d2d2d2
entity.name.variable.local.cs#ff7a5c
token.info-token#b0daff
token.warn-token#ffc847
token.error-token#f44747
token.debug-token#e262fc
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#e262fc
meta.template.expression#d2d2d2
keyword.operator.module#e262fc
support.type.type.flowtype#b0daff
support.type.primitive#d2d2d2
meta.property.object#ff7a5c
variable.parameter.function.js#ff7a5c
keyword.other.template.begin#73ff55
keyword.other.template.end#73ff55
keyword.other.substitution.begin#73ff55
keyword.other.substitution.end#73ff55
keyword.operator.assignment#d2d2d2
keyword.operator.assignment.go#d2d2d2
keyword.operator.arithmetic.go, keyword.operator.address.go#e262fc
entity.name.package.go#d2d2d2
support.type.prelude.elm#b0daff
support.constant.elm#ffc847
punctuation.quasi.element#e262fc
constant.character.entity#ff7a5c
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#b0daff
entity.global.clojure#d2d2d2
meta.symbol.clojure#ff7a5c
constant.keyword.clojure#b0daff
meta.arguments.coffee, variable.parameter.function.coffee#ff7a5c
source.ini#73ff55
meta.scope.prerequisites.makefile#ff7a5c
source.makefile#d2d2d2
storage.modifier.import.groovy#d2d2d2
meta.method.groovy#b0daff
meta.definition.variable.name.groovy#ff7a5c
meta.definition.class.inherited.classes.groovy#73ff55
support.variable.semantic.hlsl#d2d2d2
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#e262fc
text.variable, text.bracketed#ff7a5c
support.type.swift, support.type.vb.asp#d2d2d2
entity.name.function.xi#d2d2d2
entity.name.class.xi#b0daff
constant.character.character-class.regexp.xi#ff7a5c
constant.regexp.xi#e262fc
keyword.control.xi#b0daff
invalid.xi#d2d2d2
beginning.punctuation.definition.quote.markdown.xi#73ff55
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#b0daff
accent.xi#b0daff
wikiword.xi#ffc847
constant.other.color.rgb-value.xi#d2d2d2
punctuation.definition.tag.xi#7f848e
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#d2d2d2
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ff7a5c
meta.brace.square#d2d2d2
comment, punctuation.definition.comment#7f848eitalic
markup.quote.markdown#7f848e
punctuation.definition.block.sequence.item.yaml#d2d2d2
constant.language.symbol.elixir#b0daff
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...