Skip to main content
Coding Theme

Color themes

VS Code preview

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

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.background#fee7e3
  • activityBar.foreground#a9a9a9
  • activityBar.inactiveForeground#90909066
  • activityBarBadge.background#ffffff
  • activityBarBadge.foreground#ababab
  • badge.background#ffffff
  • badge.foreground#bcb8b8
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#fff8f7
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#fee7e3
  • button.foreground#a7a7a7
  • button.hoverBackground#e4e4e4
  • button.secondaryBackground#4c5561
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#818994
  • checkbox.background#fee7e3
  • checkbox.border#babababb
  • checkbox.foreground#a5a5a5
  • debugExceptionWidget.background#f3f3f3
  • debugExceptionWidget.border#d5d5d5
  • debugToolBar.background#f3f3f3
  • debugToolBar.border#d5d5d5
  • diffEditor.border#d7d7d700
  • diffEditor.insertedTextBackground#dff2fe
  • diffEditor.removedTextBackground#ffc7c733
  • dropdown.background#fee7e3
  • dropdown.border#babababb
  • dropdown.foreground#a5a5a5
  • editor.background#fff8f7
  • editor.findMatchBackground#cff9fd
  • editor.findMatchBorder#979b8300
  • editor.findMatchHighlightBackground#cff9fd
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#e2fbfd
  • editor.findRangeHighlightBorder#8a8a8a00
  • editor.foldBackground#cff9fd9b
  • editor.foreground#b5c7ff
  • editor.hoverHighlightBackground#add6ff26
  • editor.inactiveSelectionBackground#cff9fd
  • editor.lineHighlightBackground#ffffff97
  • editor.lineHighlightBorder#eeeeee00
  • editor.rangeHighlightBackground#ffffff33
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#ffffff
  • editor.selectionHighlightBackground#cff9fd
  • editor.selectionHighlightBorder#495f7700
  • editor.wordHighlightBackground#cff9fd
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#cff9fd
  • editorBracketMatch.background#cff9fd
  • editorBracketMatch.border#b9b9b908
  • editorCodeLens.foreground#999999
  • editorCursor.background#c4c4c4
  • editorCursor.foreground#e0e0e066
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ffbcb6
  • editorGroup.border#e7e7e700
  • editorGroup.emptyBackground#fff8f7
  • editorGroupHeader.tabsBackground#fff8f7
  • editorGutter.addedBackground#ceffd6
  • editorGutter.background#fff8f7
  • editorGutter.commentRangeForeground#bcdde0
  • editorGutter.deletedBackground#fbc3c5
  • editorGutter.foldingControlForeground#bcdde0
  • editorGutter.modifiedBackground#f5fbff
  • editorHoverWidget.background#cff9fd
  • editorHoverWidget.border#ececec
  • editorHoverWidget.foreground#908b8b
  • editorIndentGuide.activeBackground#cbcbcb
  • editorIndentGuide.background#ececec
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#b5dcff
  • editorLineNumber.activeForeground#FEE7E3
  • editorLineNumber.foreground#cfcfcf
  • editorLink.activeForeground#f0cc61
  • editorMarkerNavigation.background#ffffff
  • editorMarkerNavigationError.background#ffe3e0
  • editorMarkerNavigationInfo.background#cff9fd
  • editorMarkerNavigationWarning.background#fdeab6
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f00
  • editorRuler.foreground#d3d3d328
  • editorSuggestWidget.background#f3f3f3
  • editorSuggestWidget.border#c8c8c8
  • editorSuggestWidget.foreground#000000
  • editorSuggestWidget.highlightForeground#a5a5a5
  • editorSuggestWidget.selectedBackground#dff2fe
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffe39d
  • editorWhitespace.foreground#33333333
  • editorWidget.background#f3f3f3
  • editorWidget.foreground#616161
  • editorWidget.resizeBorder#c7c7c7
  • focusBorder#f2f2f2
  • foreground#616161
  • gitDecoration.addedResourceForeground#74d758
  • gitDecoration.conflictingResourceForeground#9f9fec
  • gitDecoration.deletedResourceForeground#ff8b8b
  • gitDecoration.ignoredResourceForeground#8e8e90
  • gitDecoration.modifiedResourceForeground#eac284
  • gitDecoration.stageDeletedResourceForeground#f7bbbb
  • gitDecoration.stageModifiedResourceForeground#d3a65e
  • gitDecoration.submoduleResourceForeground#7dbaff
  • gitDecoration.untrackedResourceForeground#3ecf8b
  • icon.foreground#616161
  • input.background#fee7e3
  • input.border#babababb
  • input.foreground#a5a5a5
  • input.placeholderForeground#bebebe
  • inputOption.activeBackground#ffffff33
  • inputOption.activeBorder#66666600
  • inputOption.activeForeground#b6b6b6
  • list.activeSelectionBackground#fee7e3
  • list.activeSelectionForeground#a9a9a9
  • list.dropBackground#fee7e3
  • list.focusBackground#fee7e3
  • list.focusForeground#616161
  • list.highlightForeground#72888a
  • list.hoverBackground#fee7e3
  • list.hoverForeground#616161
  • list.inactiveSelectionBackground#fee7e3
  • list.inactiveSelectionForeground#616161
  • listFilterWidget.background#dff2fe
  • listFilterWidget.noMatchesOutline#a30101
  • listFilterWidget.outline#00000000
  • menu.background#ffffff
  • menu.border#00000085
  • menu.foreground#616161
  • menu.selectionBackground#0060c0
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#888888
  • menubar.selectionBackground#0000001a
  • menubar.selectionForeground#333333
  • merge.commonContentBackground#4d4d4d
  • merge.commonHeaderBackground#8e7e7e
  • merge.currentContentBackground#707171
  • merge.currentHeaderBackground#4fb8a2
  • merge.incomingContentBackground#7b90a7
  • merge.incomingHeaderBackground#80b1ea
  • minimap.background#fff8f7
  • minimap.errorHighlight#ffbcb6
  • minimap.findMatchHighlight#cff9fd
  • minimap.selectionHighlight#ffffff
  • minimap.warningHighlight#ffe39d
  • minimapGutter.addedBackground#ceffd6
  • minimapGutter.deletedBackground#fbc3c5
  • minimapGutter.modifiedBackground#f5fbff
  • notificationCenter.border#d5d5d5
  • notificationCenterHeader.background#e7e7e7
  • notificationCenterHeader.foreground#616161
  • notifications.background#fbfbfb
  • notifications.border#e7e7e7
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#ffbbb5
  • notificationsInfoIcon.foreground#dff2fe
  • notificationsWarningIcon.foreground#ffe29a
  • notificationToast.border#d5d5d500
  • panel.background#fee7e3
  • panel.border#80808000
  • panelSection.border#cbcbcb28
  • panelTitle.activeBorder#ffffff
  • panelTitle.activeForeground#c0baba
  • panelTitle.inactiveForeground#aba4a4bf
  • peekView.border#007acc06
  • peekViewEditor.background#cff9fd
  • peekViewEditor.matchHighlightBackground#ffffffaf
  • peekViewEditor.matchHighlightBorder#fffefa00
  • peekViewEditorGutter.background#f2f8fc
  • peekViewResult.background#f7f7f7
  • peekViewResult.fileForeground#c0c0c0
  • peekViewResult.lineForeground#646465
  • peekViewResult.matchHighlightBackground#cff9fd
  • peekViewResult.selectionBackground#cff9fd
  • peekViewResult.selectionForeground#9d9d9d
  • peekViewTitle.background#ffffff
  • peekViewTitleDescription.foreground#999999e6
  • peekViewTitleLabel.foreground#686868
  • pickerGroup.border#cccedb
  • pickerGroup.foreground#89898a
  • progressBar.background#fee7e3
  • scrollbar.shadow#dddddd00
  • scrollbarSlider.activeBackground#99999999
  • scrollbarSlider.background#e0e0e066
  • scrollbarSlider.hoverBackground#b0b0b066
  • selection.background#fee7e3
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#616161
  • sideBar.background#fff8f7
  • sideBar.border#ff000000
  • sideBar.dropBackground#fee7e3
  • sideBar.foreground#616161
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#61616100
  • sideBarSectionHeader.foreground#616161
  • sideBarTitle.foreground#6f6f6f
  • statusBar.background#ffffff
  • statusBar.border#ff000000
  • statusBar.debuggingBackground#ffb18b
  • statusBar.debuggingBorder#ff808000
  • statusBar.debuggingForeground#868686
  • statusBar.foreground#c2bfbf
  • statusBar.noFolderBackground#cfcfcf
  • statusBar.noFolderBorder#e6e6e600
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#ffffff
  • statusBarItem.remoteForeground#b6b6b6
  • tab.activeBackground#ffffff00
  • tab.activeBorder#fff8f7
  • tab.activeBorderTop#00000000
  • tab.activeForeground#545454
  • tab.border#f3f3f300
  • tab.inactiveBackground#fff8f7
  • tab.inactiveForeground#adadad
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#dff2fe
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#effeff8f
  • terminal.ansiBrightCyan#0598bc
  • terminal.ansiBrightGreen#8ce2ae
  • terminal.ansiBrightMagenta#fbc3f3
  • terminal.ansiBrightRed#fb908f
  • terminal.ansiBrightWhite#a5a5a5
  • terminal.ansiBrightYellow#fff1b4
  • terminal.ansiCyan#0598bc
  • terminal.ansiGreen#8ce2ae
  • terminal.ansiMagenta#eaa3e0
  • terminal.ansiRed#fd7776
  • terminal.ansiWhite#555555
  • terminal.ansiYellow#fbeaa1
  • terminal.border#cbcbcb28
  • terminal.foreground#333333
  • terminal.selectionBackground#FFF8F7
  • terminalCursor.background#000000
  • terminalCursor.foreground#ffffff
  • textLink.foreground#f7c5be
  • titleBar.activeBackground#ffffff
  • titleBar.activeForeground#a5a5a5
  • titleBar.border#00000000
  • titleBar.inactiveBackground#ffffff
  • titleBar.inactiveForeground#33333399
  • tree.indentGuidesStroke#f0f0f0
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000029

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