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#cb86ea2a
  • activityBar.background#13161e
  • activityBar.border#ffffff00
  • activityBar.foreground#ffffffd7
  • activityBar.inactiveForeground#8fb3c28f
  • activityBarBadge.background#a900a7d9
  • activityBarBadge.foreground#ffffff
  • badge.background#b24e4e
  • badge.foreground#ffdede
  • breadcrumb.activeSelectionForeground#fff9ec
  • breadcrumb.background#2626401d
  • breadcrumb.focusForeground#fff9ec
  • breadcrumb.foreground#ffffffcc
  • button.background#6365db78
  • button.foreground#fbfbfb
  • button.hoverBackground#8284ff7c
  • button.secondaryBackground#332541
  • button.secondaryForeground#e3e5e6
  • button.secondaryHoverBackground#8476bc6c
  • checkbox.background#201c28
  • checkbox.border#00000000
  • checkbox.foreground#d9ddde
  • debugExceptionWidget.background#030306
  • debugExceptionWidget.border#00000000
  • debugToolBar.background#080810
  • debugToolBar.border#00000000
  • diffEditor.border#7c7292a9
  • diffEditor.insertedTextBackground#15d97d14
  • diffEditor.removedTextBackground#f7314d1a
  • dropdown.background#201c28
  • dropdown.border#00000000
  • dropdown.foreground#d9ddde
  • editor.background#1b1c25
  • editor.findMatchBackground#62518d54
  • editor.findMatchBorder#b39ccb00
  • editor.findMatchHighlightBackground#8e7fee55
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#5b579d28
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#3c454d4d
  • editor.foreground#dbe7fa
  • editor.hoverHighlightBackground#56579640
  • editor.inactiveSelectionBackground#262a5272
  • editor.lineHighlightBackground#7e6ce21c
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#425dd33f
  • editor.selectionHighlightBackground#92afcd24
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#a4bbc22a
  • editor.wordHighlightStrongBackground#1953737c
  • editor.wordHighlightStrongBorder#ff000000
  • editorBracketMatch.background#477b4700
  • editorBracketMatch.border#8888888f
  • editorCodeLens.foreground#8a6e9b
  • editorCursor.background#001819
  • editorCursor.foreground#c0c4c4c1
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ff0000
  • editorGroup.border#00000000
  • editorGroup.emptyBackground#1b1c26
  • editorGroupHeader.border#00000000
  • editorGroupHeader.tabsBackground#12121b
  • editorGutter.addedBackground#008e4285
  • editorGutter.background#1b1c25
  • editorGutter.commentRangeForeground#e8e8e88d
  • editorGutter.deletedBackground#ff152087
  • editorGutter.foldingControlForeground#e8e8e88d
  • editorGutter.modifiedBackground#0084b860
  • editorHoverWidget.background#0c0e17b9
  • editorHoverWidget.border#396ac76c
  • editorHoverWidget.foreground#e1ebec
  • editorIndentGuide.activeBackground#bda7ec54
  • editorIndentGuide.background#d0c2ff12
  • editorInfo.background#0da0fb0c
  • editorInfo.border#ffffff00
  • editorInfo.foreground#75beff22
  • editorLineNumber.activeForeground#efbfff
  • editorLineNumber.foreground#ffffff44
  • editorLink.activeForeground#6eaeff
  • editorMarkerNavigation.background#040406b1
  • editorMarkerNavigationError.background#ff2b00
  • editorMarkerNavigationInfo.background#746ab093
  • editorMarkerNavigationWarning.background#ffd100b3
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#ffffff02
  • editorSuggestWidget.background#100f1bbf
  • editorSuggestWidget.border#00000000
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#7cd264
  • editorSuggestWidget.selectedBackground#5b518244
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ebff0054
  • editorWhitespace.foreground#ffffff00
  • editorWidget.background#11131a
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#186b70
  • focusBorder#00000000
  • foreground#a9b2d1
  • gitDecoration.addedResourceForeground#00ff2e
  • gitDecoration.conflictingResourceForeground#0194ff
  • gitDecoration.deletedResourceForeground#ff0000
  • gitDecoration.ignoredResourceForeground#6b6b6b
  • gitDecoration.modifiedResourceForeground#ffd700
  • gitDecoration.stageDeletedResourceForeground#ff2a2a
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#b7c5cb
  • icon.foreground#c3dde6
  • input.background#191e27
  • input.border#00000000
  • input.foreground#d9ddde
  • input.placeholderForeground#d4befb6e
  • inputOption.activeBackground#d79dff12
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#dadfe0
  • list.activeSelectionBackground#0d0d177c
  • list.activeSelectionForeground#f4fcff
  • list.dropBackground#68638a18
  • list.focusBackground#6fc3df38
  • list.focusForeground#ffffff
  • list.highlightForeground#6e99ff
  • list.hoverBackground#3d434889
  • list.hoverForeground#f8f3ff
  • list.inactiveSelectionBackground#0403061a
  • list.inactiveSelectionForeground#c2f4ff
  • listFilterWidget.background#262043
  • listFilterWidget.noMatchesOutline#a9004f
  • listFilterWidget.outline#00000000
  • menu.background#191d27
  • menu.border#00000000
  • menu.foreground#d3c9de
  • menu.selectionBackground#3d407b44
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#2f2f3858
  • menubar.selectionBackground#4d466a4e
  • menubar.selectionBorder#6fc3df4c
  • menubar.selectionForeground#ffffff
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#128086bf
  • merge.currentHeaderBackground#19a0a7bf
  • merge.incomingContentBackground#5a1f82bf
  • merge.incomingHeaderBackground#6e3e9fbf
  • minimap.background#13141f8b
  • minimap.errorHighlight#ff0000
  • minimap.findMatchHighlight#480068
  • minimap.selectionHighlight#7a62f04a
  • minimap.warningHighlight#ebff0054
  • minimapGutter.addedBackground#008e4b85
  • minimapGutter.deletedBackground#ff152087
  • minimapGutter.modifiedBackground#0084b860
  • notificationCenter.border#00000000
  • notificationCenterHeader.background#0c0c0f
  • notificationCenterHeader.foreground#a9a9a9
  • notifications.background#0e0e14
  • notifications.border#00000000
  • notifications.foreground#fffaf4
  • notificationsErrorIcon.foreground#ff2e04
  • notificationsInfoIcon.foreground#8fa2cf
  • notificationsWarningIcon.foreground#ffd205
  • notificationToast.border#000000
  • panel.background#14171f
  • panel.border#6369978b
  • panelSection.border#ffffff00
  • panelTitle.activeBorder#ac73ff
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#131219c1
  • peekViewEditor.background#0c0b11bb
  • peekViewEditor.matchHighlightBackground#65acea48
  • peekViewEditor.matchHighlightBorder#ffffff00
  • peekViewEditorGutter.background#0b0c11bb
  • peekViewResult.background#070512
  • peekViewResult.fileForeground#d7dbde
  • peekViewResult.lineForeground#aa98ba
  • peekViewResult.matchHighlightBackground#24caf036
  • peekViewResult.selectionBackground#22384f33
  • peekViewResult.selectionForeground#b65772
  • peekViewTitle.background#120f1b
  • peekViewTitleDescription.foreground#a48bb8b3
  • peekViewTitleLabel.foreground#9591b6
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#3794ff
  • progressBar.background#604699
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#7587adb2
  • scrollbarSlider.background#3e4a665d
  • scrollbarSlider.hoverBackground#56658680
  • selection.background#6fc3df74
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#c3dde6
  • sideBar.background#181921
  • sideBar.border#00000000
  • sideBar.dropBackground#68638a18
  • sideBar.foreground#dfe4e6af
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#b6cfe6
  • sideBarTitle.foreground#ffffff
  • statusBar.background#151320
  • statusBar.debuggingBackground#76008e
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#b6b6b6
  • statusBar.noFolderBackground#573160c3
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#456cc71f
  • statusBarItem.remoteBackground#00000064
  • statusBarItem.remoteForeground#ff93d5
  • tab.activeBackground#6a77a221
  • tab.activeBorder#caa5ff
  • tab.activeBorderTop#00000000
  • tab.activeForeground#eae9ff
  • tab.border#00000000
  • tab.hoverForeground#c6c2f4d0
  • tab.inactiveBackground#0b0d14c1
  • tab.inactiveForeground#ded2f980
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#3e68cb
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#81bcff
  • terminal.ansiBrightCyan#76f2ff
  • terminal.ansiBrightGreen#aaff63
  • terminal.ansiBrightMagenta#cc99ff
  • terminal.ansiBrightRed#ff766f
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#ffff81
  • terminal.ansiCyan#19a9ae
  • terminal.ansiGreen#00ac03
  • terminal.ansiMagenta#d400ff
  • terminal.ansiRed#d50000
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#d9ae00
  • terminal.border#ffffff00
  • terminal.foreground#ffffff
  • terminal.selectionBackground#37417957
  • terminalCursor.background#5462b164
  • terminalCursor.foreground#ffffff
  • textLink.foreground#5bb2ff
  • titleBar.activeBackground#0f0f17
  • titleBar.activeForeground#cacae2
  • titleBar.border#ffffff00
  • titleBar.inactiveBackground#0f0f17
  • titleBar.inactiveForeground#a490b4
  • tree.indentGuidesStroke#74767932
  • 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#dfdaf3e4
variable.other.generic-type.haskell#c667d2
storage.type.haskell#cc6bd9
support.variable.magic.python#dfdaf3e4
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#b7d1d7
variable.parameter.function.language.special.self.python#00b6c3
storage.modifier.lifetime.rust#b7d1d7
support.function.std.rust#f476ff
entity.name.lifetime.rust#eaca78
variable.language.rust#dfdaf3e4
support.constant.edge#c667d2
constant.other.character-class.regexp#dfdaf3e4
keyword.operator.quantifier.regexp#77d16b
punctuation.definition.string.begin,punctuation.definition.string.end#48d2bb
variable.parameter.function#b7d1d7
comment markup.link#776d86
markup.changed.diff#eaca78
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#f476ff
markup.inserted.diff#ffdc50
markup.deleted.diff#dfdaf3e4
meta.function.c,meta.function.cpp#dfdaf3e4
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#b7d1d7
punctuation.separator.key-value#b7d1d7
keyword.operator.expression.import#f476ff
support.constant.math#eaca78
support.constant.property.math#77d16b
variable.other.constant#e6a657
storage.type.annotation.java, storage.type.object.array.java#eaca78
source.java#dfdaf3e4
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#b7d1d7
meta.method.java#f476ff
storage.modifier.import.java,storage.type.java,storage.type.generic.java#eaca78
keyword.operator.instanceof.java#dc3d5a
meta.definition.variable.name.java#dfdaf3e4
keyword.operator.logical#7abad8
keyword.operator.bitwise#cee5f0
keyword.operator.channel#cee5f0
support.constant.property-value.css#c676d4
keyword.operator.css,keyword.operator.scss,keyword.operator.less#cee5f0
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#77d16b
punctuation.separator.list.comma.css#b7d1d7
support.constant.color.w3c-standard-color-name.css#77d16b
support.type.vendored.property-name.css#cee5f0
support.module.node,support.type.object.module,support.module.node#eaca78
entity.name.type.module#eaca78
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#b4b5c9
support.constant.json#77d16b
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#e0dd80
support.type.object.console#dfdaf3e4
support.variable.property.process#77d16b
entity.name.function,support.function.console#f476ff
keyword.operator.misc.rust#b7d1d7
keyword.operator.sigil.rust#c667d2
keyword.operator.delete#c667d2
support.type.object.dom#cee5f0
support.variable.dom,support.variable.property.dom#dfdaf3e4
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#cee5f0
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#c667d2
punctuation.separator.delimiter#b7d1d7
punctuation.separator.c,punctuation.separator.cpp#c667d2
support.type.posix-reserved.c,support.type.posix-reserved.cpp#cee5f0
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c667d2
variable.parameter.function.language.python#56beff
support.type.python#ffc5e9
keyword.operator.logical.python#bbcd55
variable.parameter.function.python#77d16b
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#b7d1d7
meta.function-call.generic.python#7cb2f4
constant.character.format.placeholder.other.python#77d16b
keyword.operator#e9c5f4
keyword.operator.assignment.compound#c667d2
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#cee5f0
keyword#c667d2
entity.name.namespace#cea847
variable#d97474
variable.c#b7d1d7
variable.language#ecd476
token.variable.parameter.java#b7d1d7
import.storage.java#eaca78
token.package.keyword#c667d2
token.package#b7d1d7
entity.name.function, meta.require, support.function.any-method, variable.function#35b7f3
string.quoted.double.html#6fca6a
entity.name.type.namespace#e8bf67
entity.name.tag#c96464
entity.name.tag.css#64b4ed
support.class, entity.name.type.class#e4e483
entity.name.class.identifier.namespace.type#dbb452
entity.name.class, variable.other.class.js, variable.other.class.ts#edeb81
variable.other.class.php#dfdaf3e4
entity.name.type#efe273
keyword.control#28e567
control.elements, keyword.operator.less#77d16b
keyword.other.special-method#87b3ff
storage#c667d2
token.storage#cc6bd9
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#c94bff
token.storage.type.java#e8c669
support.function#be76aa
support.type.property-name#afbcd4
support.constant.property-value#b7d1d7
support.constant.font-name#57c548
meta.tag#b7d1d7
string#ff7ea9
entity.other.inherited-class#ffdc50
constant.other.symbol#cb81d3
constant.numeric#df9e58
constant#df9e58
punctuation.definition.constant#77d16b
entity.other.attribute-name#f0e99a
entity.other.attribute-name.id#c87ccf
entity.other.attribute-name.class.css#de6961
support.type.property-name.css#81cc74italic
meta.selector#c667d2
markup.heading#dfdaf3e4
markup.heading punctuation.definition.heading, entity.name.section#f476ff
keyword.other.unit#a7cbf7e4
keyword.other.unit.px.css#7dc7ff
constant.numeric.css#e8f387
markup.bold,todo.bold#77d16b
punctuation.definition.bold#fae277
support.type.property-name.json#f37e78
markup.italic, punctuation.definition.italic,todo.emphasis#c667d2
emphasis md#c667d2
entity.name.section.markdown#dfdaf3e4
punctuation.definition.heading.markdown#dfdaf3e4
punctuation.definition.list.begin.markdown#dfdaf3e4
markup.heading.setext#b7d1d7
punctuation.definition.bold.markdown#77d16b
markup.inline.raw.markdown#ffdc50
markup.inline.raw.string.markdown#c2ff51
punctuation.definition.list.markdown#dfdaf3e4
beginning.punctuation.definition.list.markdown#dfdaf3e4
punctuation.definition.metadata.markdown#dfdaf3e4
markup.underline.link.markdown,markup.underline.link.image.markdown#c667d2
string.other.link.title.markdown,string.other.link.description.markdown#f476ff
string.regexp#cee5f0
constant.character.escape#cee5f0
punctuation.section.embedded, variable.interpolation#dfdaf3e4
punctuation.section.embedded.begin,punctuation.section.embedded.end#c667d2
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#b7d1d7
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#dfdaf3e4
meta.structure.dictionary.value.json, meta.structure.dictionary.json#96f475e4
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#dfdaf3e4
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#84e33b
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#cee5f0
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#c667d2
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#c667d2
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#ead377
keyword.operator.error-control.php#c667d2
keyword.operator.type.php#c667d2
punctuation.section.array.begin.php#b7d1d7
punctuation.section.array.end.php#b7d1d7
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#eaca78
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#f476ff
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#b7d1d7
support.constant.core.rust#77d16b
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#77d16b
entity.name.goto-label.php,support.other.php#f476ff
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#cee5f0
keyword.operator.regexp.php#c667d2
keyword.operator.comparison.php#cee5f0
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#c667d2
meta.function.decorator.python#f476ff
support.token.decorator.python,meta.function.decorator.identifier.python#cee5f0
function.parameter#b7d1d7
function.brace#b7d1d7
function.parameter.ruby, function.parameter.cs#b7d1d7
constant.language.symbol.ruby#cee5f0
rgb-value#cee5f0
inline-color-decoration rgb-value#77d16b
less rgb-value#77d16b
selector.sass#dfdaf3e4
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#eaca78
block.scope.end,block.scope.begin#b7d1d7
storage.type.cs#cc6bd9
entity.name.variable.local.cs#dfdaf3e4
token.info-token#f476ff
token.warn-token#77d16b
token.error-token#f44747
token.debug-token#c667d2
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#c667d2
meta.template.expression#b7d1d7
keyword.operator.module#c667d2
support.type.type.flowtype#f476ff
support.type.primitive#eaca78
meta.property.object#dfdaf3e4
variable.parameter.function.js#e06d6d
keyword.other.template.begin#ffdc50
keyword.other.template.end#ffdc50
keyword.other.substitution.begin#ffdc50
keyword.other.substitution.end#ffdc50
keyword.operator.assignment#cee5f0
keyword.operator.assignment.go#eaca78
keyword.operator.arithmetic.go, keyword.operator.address.go#c667d2
entity.name.package.go#eaca78
support.type.prelude.elm#cee5f0
support.constant.elm#77d16b
punctuation.quasi.element#c667d2
constant.character.entity#dfdaf3e4
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#ed88ff
entity.global.clojure#eaca78
meta.symbol.clojure#dfdaf3e4
constant.keyword.clojure#cee5f0
meta.arguments.coffee, variable.parameter.function.coffee#e06d6d
source.ini#ffdc50
meta.scope.prerequisites.makefile#dfdaf3e4
source.makefile#eaca78
storage.modifier.import.groovy#eaca78
meta.method.groovy#f476ff
meta.definition.variable.name.groovy#dfdaf3e4
meta.definition.class.inherited.classes.groovy#ffdc50
support.variable.semantic.hlsl#eaca78
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#c667d2
text.variable, text.bracketed#dfdaf3e4
support.type.swift, support.type.vb.asp#eaca78
entity.name.function.xi#eaca78
entity.name.class.xi#cee5f0
constant.character.character-class.regexp.xi#dfdaf3e4
constant.regexp.xi#c667d2
keyword.control.xi#cee5f0
invalid.xi#b7d1d7
beginning.punctuation.definition.quote.markdown.xi#c2ff51
beginning.punctuation.definition.list.markdown.xi#776d86
constant.character.xi#f476ff
accent.xi#f476ff
wikiword.xi#77d16b
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#776d86
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#eaca78
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#dfdaf3e4
meta.brace.square#b7d1d7
comment, punctuation.definition.comment#acb4e371
markup.quote.markdown#776d86
punctuation.definition.block.sequence.item.yaml#b7d1d7
constant.language.symbol.elixir#cee5f0
markup.italic.markdownitalic

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...