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.background#000000
  • activityBar.border#7ad6e4
  • activityBar.foreground#7ad6e4
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#7ad6e4
  • activityBarBadge.foreground#1d1d1d
  • badge.background#7ad6e4
  • badge.foreground#000000
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#000000
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#7ad6e4
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#779ac9
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#3a2194
  • checkbox.background#3c3c3c
  • checkbox.border#7ad6e4
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#000000
  • debugExceptionWidget.border#7ad6e4
  • debugToolBar.background#000000
  • debugToolBar.border#7ad6e4
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#556eb933
  • diffEditor.removedTextBackground#0087ff33
  • dropdown.background#3c3c3c
  • dropdown.border#7ad6e4
  • dropdown.foreground#cccccc
  • editor.background#000000
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#7ad6e4
  • editor.findMatchHighlightBackground#7ad6e402
  • editor.findMatchHighlightBorder#7ad6e4
  • editor.findRangeHighlightBackground#09203f54
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#7ad6e41e
  • editor.foreground#d4d4d4
  • editor.hoverHighlightBackground#7ad6e438
  • editor.inactiveSelectionBackground#1c2736
  • editor.lineHighlightBackground#ffffff00
  • editor.lineHighlightBorder#7ad6e41c
  • editor.rangeHighlightBackground#ffffff00
  • editor.rangeHighlightBorder#cdcdcd14
  • editor.selectionBackground#00ddff3a
  • editor.selectionHighlightBackground#add6ff00
  • editor.selectionHighlightBorder#7ad6e4
  • editor.wordHighlightBackground#57575700
  • editor.wordHighlightBorder#7ad6e4
  • editor.wordHighlightStrongBackground#7ad6e400
  • editor.wordHighlightStrongBorder#7ad6e4
  • editorBracketMatch.background#7ad6e47c
  • editorBracketMatch.border#7ad6e4
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#7ad6e4
  • editorError.foreground#f48771
  • editorGroup.border#7ad6e4
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.border#7ad6e4
  • editorGroupHeader.tabsBackground#000000
  • editorGroupHeader.tabsBorder#7ad6e406
  • editorGutter.addedBackground#7ad6e4
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#ffffff
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#000000
  • editorHoverWidget.border#7ad6e4
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#7ad6e4
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#7ad6e4
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#7ad6e4
  • editorSuggestWidget.background#000000
  • editorSuggestWidget.border#7ecfff
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#1b1334
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#000000
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#7ad6e4
  • focusBorder#7ad6e4
  • 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#3c3c3c
  • input.border#7ad6e4
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#7ad6e4
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#094771
  • list.activeSelectionForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#062f4a
  • list.focusForeground#cccccc
  • list.highlightForeground#0097fb
  • list.hoverBackground#a6f0fb
  • list.hoverForeground#000000
  • list.inactiveSelectionBackground#7ad6e4
  • list.inactiveSelectionForeground#848484
  • listFilterWidget.background#653723
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#000000
  • menu.border#7ad6e4
  • menu.foreground#cccccc
  • menu.selectionBackground#000000
  • menu.selectionBorder#7ad6e4
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionBorder#7ad6e4
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#000000
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#00ddff3a
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#7ad6e4
  • minimapGutter.deletedBackground#ffffff
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#7ad6e4
  • notificationCenterHeader.background#000000
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#000000
  • notifications.border#7ad6e4
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#7ad6e4
  • panel.background#000000
  • panel.border#7ad6e4
  • panelSection.border#7ad6e4
  • panelTitle.activeBorder#7ad6e4
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#00dbff00
  • peekViewEditor.matchHighlightBorder#1eaaee
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#000000
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#00a8ea4d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#000000
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#7ad6e4
  • pickerGroup.foreground#e6f2ff
  • progressBar.background#0e70c0
  • scrollbar.shadow#7ad6e4
  • scrollbarSlider.activeBackground#7ad6e4
  • scrollbarSlider.background#7ad6e400
  • scrollbarSlider.hoverBackground#a8f4ff
  • selection.background#7ad6e47a
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#000000
  • sideBar.border#7ad6e4
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#3cd3ea
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#7ad6e4
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#000000
  • statusBar.border#7ad6e4
  • statusBar.debuggingBackground#4da3ff
  • statusBar.debuggingBorder#7ad6e4
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#646464
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#7ad6e4
  • statusBarItem.remoteForeground#000000
  • tab.activeBackground#7ad6e400
  • tab.activeBorder#7ad6e4
  • tab.activeBorderTop#7ad6e4
  • tab.activeForeground#7ad6e4
  • tab.border#7ad6e4
  • tab.hoverBackground#7ad6e4
  • tab.hoverBorder#7ad6e4
  • tab.hoverForeground#303030
  • tab.inactiveBackground#000000
  • 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#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#7ad6e4
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#7ad6e4
  • titleBar.activeForeground#626262
  • titleBar.border#7ad6e4
  • titleBar.inactiveBackground#3c3c3c99
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#585858
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000000

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