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#cff9fd
  • activityBar.foreground#a9a9a9
  • activityBar.inactiveForeground#90909066
  • activityBarBadge.background#ffffff
  • activityBarBadge.foreground#ababab
  • badge.background#effeff
  • badge.foreground#bcb8b8
  • breadcrumb.activeSelectionForeground#4e4e4e
  • breadcrumb.background#effeff
  • breadcrumb.focusForeground#4e4e4e
  • breadcrumb.foreground#616161cc
  • button.background#cff9fd
  • button.foreground#a7a7a7
  • button.hoverBackground#e4e4e4
  • button.secondaryBackground#4c5561
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#818994
  • checkbox.background#cff9fd
  • checkbox.border#babababb
  • checkbox.foreground#a5a5a5
  • debugExceptionWidget.background#f3f3f3
  • debugExceptionWidget.border#d5d5d5
  • debugToolBar.background#f3f3f3
  • debugToolBar.border#d5d5d5
  • diffEditor.border#d7d7d700
  • diffEditor.insertedTextBackground#e4fdff
  • diffEditor.removedTextBackground#ffc7c733
  • dropdown.background#cff9fd
  • dropdown.border#babababb
  • dropdown.foreground#a5a5a5
  • editor.background#effeff
  • editor.findMatchBackground#cff9fd
  • editor.findMatchBorder#979b8300
  • editor.findMatchHighlightBackground#cff9fd
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#e2fbfd
  • editor.findRangeHighlightBorder#8a8a8a00
  • editor.foldBackground#cff9fd9b
  • editor.foreground#fbaeae
  • 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#effeff
  • editorGroupHeader.tabsBackground#effeff
  • editorGutter.addedBackground#ceffd6
  • editorGutter.background#effeff
  • editorGutter.commentRangeForeground#bcdde0
  • editorGutter.deletedBackground#fbc3c5
  • editorGutter.foldingControlForeground#bcdde0
  • editorGutter.modifiedBackground#cff9fd
  • 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#3aeeff
  • 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#cff9fd
  • 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#cff9fd
  • input.border#babababb
  • input.foreground#a5a5a5
  • input.placeholderForeground#bebebe
  • inputOption.activeBackground#ffffff33
  • inputOption.activeBorder#66666600
  • inputOption.activeForeground#b6b6b6
  • list.activeSelectionBackground#cff9fd
  • list.activeSelectionForeground#a9a9a9
  • list.dropBackground#cff9fd
  • list.focusBackground#d6ebff
  • list.focusForeground#616161
  • list.highlightForeground#72888a
  • list.hoverBackground#cff9fd
  • list.hoverForeground#616161
  • list.inactiveSelectionBackground#cff9fd
  • list.inactiveSelectionForeground#616161
  • listFilterWidget.background#cff9fd
  • 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#effeff
  • minimap.errorHighlight#ffbcb6
  • minimap.findMatchHighlight#cff9fd
  • minimap.selectionHighlight#ffffff
  • minimap.warningHighlight#ffe39d
  • minimapGutter.addedBackground#ceffd6
  • minimapGutter.deletedBackground#fbc3c5
  • minimapGutter.modifiedBackground#cff9fd
  • notificationCenter.border#d5d5d5
  • notificationCenterHeader.background#e7e7e7
  • notificationCenterHeader.foreground#616161
  • notifications.background#fbfbfb
  • notifications.border#e7e7e7
  • notifications.foreground#616161
  • notificationsErrorIcon.foreground#ffbbb5
  • notificationsInfoIcon.foreground#afd9ff
  • notificationsWarningIcon.foreground#ffe29a
  • notificationToast.border#d5d5d500
  • panel.background#cff9fd
  • panel.border#80808000
  • panelSection.border#cbcbcb59
  • 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#baf9ff
  • scrollbar.shadow#dddddd00
  • scrollbarSlider.activeBackground#99999999
  • scrollbarSlider.background#e0e0e066
  • scrollbarSlider.hoverBackground#b0b0b066
  • selection.background#b0daff
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#616161
  • sideBar.background#effeff
  • sideBar.border#ff000000
  • sideBar.dropBackground#cff9fd
  • 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#b9e8ec
  • tab.activeBorderTop#00000000
  • tab.activeForeground#545454
  • tab.border#f3f3f300
  • tab.inactiveBackground#effeff
  • tab.inactiveForeground#adadad
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#00b7c9
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#b0daff
  • terminal.ansiBrightCyan#0598bc
  • terminal.ansiBrightGreen#00c990
  • terminal.ansiBrightMagenta#bc05bc
  • terminal.ansiBrightRed#ffbabd
  • terminal.ansiBrightWhite#a5a5a5
  • terminal.ansiBrightYellow#fff99d
  • terminal.ansiCyan#0598bc
  • terminal.ansiGreen#00c990
  • terminal.ansiMagenta#bc05bc
  • terminal.ansiRed#ffbabd
  • terminal.ansiWhite#555555
  • terminal.ansiYellow#fff99d
  • terminal.border#cbcbcb59
  • terminal.foreground#b0acac
  • terminal.selectionBackground#effeff8f
  • terminalCursor.background#6ef3ff
  • terminalCursor.foreground#ffffff
  • textLink.foreground#7bcaff
  • 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#9ab7cd
variable.other.generic-type.haskell#6ef3ff
storage.type.haskell#b2c3f7
support.variable.magic.python#9ab7cd
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d7d3d3
variable.parameter.function.language.special.self.python#ffbabd
storage.modifier.lifetime.rust#d7d3d3
support.function.std.rust#b2c3f7
entity.name.lifetime.rust#ffbabd
variable.language.rust#9ab7cd
support.constant.edge#6ef3ff
constant.other.character-class.regexp#9ab7cd
keyword.operator.quantifier.regexp#b2c3f7
punctuation.definition.string.begin,punctuation.definition.string.end#8ce2ae
variable.parameter.function#d7d3d3
comment markup.link#c2c2c2
markup.changed.diff#ffbabd
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#b2c3f7
markup.inserted.diff#8ce2ae
markup.deleted.diff#9ab7cd
meta.function.c,meta.function.cpp#9ab7cd
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#d7d3d3
punctuation.separator.key-value#d7d3d3
keyword.operator.expression.import#b2c3f7
support.constant.math#ffbabd
support.constant.property.math#b2c3f7
variable.other.constant#ffbabd
storage.type.annotation.java, storage.type.object.array.java#ffbabd
source.java#9ab7cd
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#d7d3d3
meta.method.java#b2c3f7
storage.modifier.import.java,storage.type.java,storage.type.generic.java#ffbabd
keyword.operator.instanceof.java#6ef3ff
meta.definition.variable.name.java#9ab7cd
keyword.operator.logical#56b6c2
keyword.operator.bitwise#56b6c2
keyword.operator.channel#56b6c2
support.constant.property-value.scss,support.constant.property-value.css#b2c3f7
keyword.operator.css,keyword.operator.scss,keyword.operator.less#cff9fd
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#b2c3f7
punctuation.separator.list.comma.css#d7d3d3
support.constant.color.w3c-standard-color-name.css#b2c3f7
support.type.vendored.property-name.css#56b6c2
support.module.node,support.type.object.module,support.module.node#ffbabd
entity.name.type.module#ffbabd
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#9ab7cd
support.constant.json#b2c3f7
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#6ef3ff
support.type.object.console#9ab7cd
support.variable.property.process#b2c3f7
entity.name.function,support.function.console#b2c3f7
keyword.operator.misc.rust#d7d3d3
keyword.operator.sigil.rust#6ef3ff
keyword.operator.delete#6ef3ff
support.type.object.dom#56b6c2
support.variable.dom,support.variable.property.dom#9ab7cd
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#56b6c2
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#6ef3ff
punctuation.separator.delimiter#d7d3d3
punctuation.separator.c,punctuation.separator.cpp#6ef3ff
support.type.posix-reserved.c,support.type.posix-reserved.cpp#56b6c2
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#6ef3ff
variable.parameter.function.language.python#b2c3f7
support.type.python#56b6c2
keyword.operator.logical.python#6ef3ff
variable.parameter.function.python#b2c3f7
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d7d3d3
meta.function-call.generic.python#b2c3f7
constant.character.format.placeholder.other.python#b2c3f7
keyword.operator#d7d3d3
keyword.operator.assignment.compound#6ef3ff
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#56b6c2
keyword#cff9fd
entity.name.namespace#ffbabd
variable#9ab7cd
variable.c#d7d3d3
variable.language#ffbabd
token.variable.parameter.java#d7d3d3
import.storage.java#ffbabd
token.package.keyword#6ef3ff
token.package#d7d3d3
entity.name.function, meta.require, support.function.any-method, variable.function#b2c3f7
entity.name.type.namespace#ffbabd
support.class, entity.name.type.class#ffbabd
entity.name.class.identifier.namespace.type#ffbabd
entity.name.class, variable.other.class.js, variable.other.class.ts#ffbabd
variable.other.class.php#9ab7cd
entity.name.type#ffbabd
keyword.control#6ef3ff
control.elements, keyword.operator.less#b2c3f7
keyword.other.special-method#b2c3f7
storage#6ef3ff
token.storage#6ef3ff
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#6ef3ff
token.storage.type.java#ffbabd
support.function#56b6c2
support.type.property-name#d7d3d3
support.constant.property-value#d7d3d3
support.constant.font-name#b2c3f7
meta.tag#d7d3d3
string#8ce2ae
entity.other.inherited-class#ffbabd
constant.other.symbol#56b6c2
constant.numeric#b2c3f7
constant#b2c3f7
punctuation.definition.constant#b2c3f7
entity.name.tag#9ab7cd
entity.other.attribute-name#b2c3f7
entity.other.attribute-name.id#b2c3f7normal
entity.other.attribute-name.class.css#b2c3f7normal
meta.selector#6ef3ff
markup.heading#9ab7cd
markup.heading punctuation.definition.heading, entity.name.section#b2c3f7
keyword.other.unit#9ab7cd
markup.bold,todo.bold#b2c3f7
punctuation.definition.bold#ffbabd
markup.italic, punctuation.definition.italic,todo.emphasis#6ef3ff
emphasis md#6ef3ff
entity.name.section.markdown#9ab7cd
punctuation.definition.heading.markdown#9ab7cd
punctuation.definition.list.begin.markdown#9ab7cd
markup.heading.setext#d7d3d3
punctuation.definition.bold.markdown#b2c3f7
markup.inline.raw.markdown#8ce2ae
markup.inline.raw.string.markdown#8ce2ae
punctuation.definition.list.markdown#9ab7cd
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#9ab7cd
beginning.punctuation.definition.list.markdown#9ab7cd
punctuation.definition.metadata.markdown#9ab7cd
markup.underline.link.markdown,markup.underline.link.image.markdown#6ef3ff
string.other.link.title.markdown,string.other.link.description.markdown#b2c3f7
string.regexp#56b6c2
constant.character.escape#56b6c2
punctuation.section.embedded, variable.interpolation#9ab7cd
punctuation.section.embedded.begin,punctuation.section.embedded.end#6ef3ff
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d7d3d3
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#9ab7cd
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#9ab7cd
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#56b6c2
support.type.property-name.json#9ab7cd
support.type.property-name.json punctuation#9ab7cd
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#6ef3ff
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#6ef3ff
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ffbabd
keyword.operator.error-control.php#6ef3ff
keyword.operator.type.php#6ef3ff
punctuation.section.array.begin.php#d7d3d3
punctuation.section.array.end.php#d7d3d3
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#ffbabd
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#b2c3f7
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#d7d3d3
support.constant.core.rust#b2c3f7
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#b2c3f7
entity.name.goto-label.php,support.other.php#b2c3f7
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#56b6c2
keyword.operator.regexp.php#6ef3ff
keyword.operator.comparison.php#56b6c2
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#6ef3ff
meta.function.decorator.python#b2c3f7
support.token.decorator.python,meta.function.decorator.identifier.python#56b6c2
function.parameter#d7d3d3
function.brace#d7d3d3
function.parameter.ruby, function.parameter.cs#d7d3d3
constant.language.symbol.ruby#56b6c2
rgb-value#56b6c2
inline-color-decoration rgb-value#b2c3f7
less rgb-value#b2c3f7
selector.sass#9ab7cd
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#ffbabd
block.scope.end,block.scope.begin#d7d3d3
storage.type.cs#ffbabd
entity.name.variable.local.cs#9ab7cd
token.info-token#b2c3f7
token.warn-token#b2c3f7
token.error-token#f44747
token.debug-token#6ef3ff
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#6ef3ff
meta.template.expression#d7d3d3
keyword.operator.module#6ef3ff
support.type.type.flowtype#b2c3f7
support.type.primitive#ffbabd
meta.property.object#9ab7cd
variable.parameter.function.js#9ab7cd
keyword.other.template.begin#8ce2ae
keyword.other.template.end#8ce2ae
keyword.other.substitution.begin#8ce2ae
keyword.other.substitution.end#8ce2ae
keyword.operator.assignment#56b6c2
keyword.operator.assignment.go#ffbabd
keyword.operator.arithmetic.go, keyword.operator.address.go#6ef3ff
entity.name.package.go#ffbabd
support.type.prelude.elm#56b6c2
support.constant.elm#b2c3f7
punctuation.quasi.element#6ef3ff
constant.character.entity#9ab7cd
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#56b6c2
entity.global.clojure#ffbabd
meta.symbol.clojure#9ab7cd
constant.keyword.clojure#56b6c2
meta.arguments.coffee, variable.parameter.function.coffee#9ab7cd
source.ini#8ce2ae
meta.scope.prerequisites.makefile#9ab7cd
source.makefile#ffbabd
storage.modifier.import.groovy#ffbabd
meta.method.groovy#b2c3f7
meta.definition.variable.name.groovy#9ab7cd
meta.definition.class.inherited.classes.groovy#8ce2ae
support.variable.semantic.hlsl#ffbabd
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#6ef3ff
text.variable, text.bracketed#9ab7cd
support.type.swift, support.type.vb.asp#ffbabd
entity.name.function.xi#ffbabd
entity.name.class.xi#56b6c2
constant.character.character-class.regexp.xi#9ab7cd
constant.regexp.xi#6ef3ff
keyword.control.xi#56b6c2
invalid.xi#d7d3d3
beginning.punctuation.definition.quote.markdown.xi#8ce2ae
beginning.punctuation.definition.list.markdown.xi#fff
constant.character.xi#b2c3f7
accent.xi#b2c3f7
wikiword.xi#b2c3f7
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#c2c2c2
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#ffbabd
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#9ab7cd
meta.brace.square#d7d3d3
comment, punctuation.definition.comment#c2c2c2italic
markup.quote.markdown#c2c2c2
punctuation.definition.block.sequence.item.yaml#d7d3d3
constant.language.symbol.elixir#56b6c2
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...