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.activeBackground#ff600000
  • activityBar.background#20213b
  • activityBar.border#ff930700
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#77777766
  • activityBarBadge.background#ff6e05
  • activityBarBadge.foreground#242543
  • badge.background#ff6e05
  • badge.foreground#474747
  • breadcrumb.activeSelectionForeground#ffa700
  • breadcrumb.background#242543
  • breadcrumb.focusForeground#ffa700
  • breadcrumb.foreground#cccccccc
  • button.background#ffbf00
  • button.foreground#7b7b7b
  • button.hoverBackground#ffffff
  • button.secondaryBackground#ff5400
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#7254ff
  • checkbox.background#3c3c3c
  • checkbox.border#4b4b4b76
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#20213b
  • debugExceptionWidget.border#ff3c002e
  • debugToolBar.background#20213b
  • debugToolBar.border#ff3c002e
  • diffEditor.border#44444400
  • diffEditor.insertedTextBackground#8f6fff33
  • diffEditor.insertedTextBorder#322a2a00
  • diffEditor.removedTextBackground#20213b
  • diffEditor.removedTextBorder#ff000000
  • dropdown.background#3c3c3c
  • dropdown.border#4b4b4b76
  • dropdown.foreground#cccccc
  • editor.background#262947
  • editor.findMatchBackground#0701307e
  • editor.findMatchBorder#74879f00
  • editor.findMatchHighlightBackground#0701307e
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#20213b
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#ff7815
  • editor.hoverHighlightBackground#0701307e
  • editor.inactiveSelectionBackground#3e4f6f
  • editor.lineHighlightBackground#07013022
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#fff6c71e
  • editor.selectionHighlightBackground#0701307e
  • editor.selectionHighlightBorder#495f7700
  • editor.wordHighlightBackground#0701307e
  • editor.wordHighlightBorder#ff000000
  • editor.wordHighlightStrongBackground#0701307e
  • editor.wordHighlightStrongBorder#07013000
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#fdfdfd
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#6f2f22
  • editorGroup.border#1c233600
  • editorGroup.emptyBackground#262947
  • editorGroupHeader.border#be535300
  • editorGroupHeader.tabsBackground#242543
  • editorGroupHeader.tabsBorder#ff000000
  • editorGutter.addedBackground#cd55f9
  • editorGutter.background#262947
  • editorGutter.commentRangeForeground#ff5400
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#ff5400
  • editorGutter.modifiedBackground#5a4dfb
  • editorHoverWidget.background#20213b
  • editorHoverWidget.border#fd56051e
  • editorHoverWidget.foreground#6164bc
  • editorIndentGuide.activeBackground#ff6c003c
  • editorIndentGuide.background#363636
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ff6326
  • editorLineNumber.foreground#757575
  • editorLink.activeForeground#4e94ce
  • editorMarkerNavigation.background#20213b
  • editorMarkerNavigationError.background#ea71f4
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#a55f5f00
  • editorOverviewRuler.border#00000000
  • editorRuler.foreground#41414052
  • editorSuggestWidget.background#20213b
  • editorSuggestWidget.border#ff401438
  • editorSuggestWidget.foreground#ff3c00
  • editorSuggestWidget.highlightForeground#ffc85e
  • editorSuggestWidget.selectedBackground#3e4f6f
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#eaeae8
  • editorWhitespace.foreground#ff550195
  • editorWidget.background#20213b
  • editorWidget.foreground#8a8a8a
  • editorWidget.resizeBorder#b06b21
  • focusBorder#ffb3234c
  • foreground#ffcb00
  • gitDecoration.addedResourceForeground#6fff8a
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#ffa51e
  • gitDecoration.stageDeletedResourceForeground#e42402
  • gitDecoration.stageModifiedResourceForeground#a56300
  • gitDecoration.submoduleResourceForeground#3ba1ff
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#ffcb00
  • input.background#3c3c3c
  • input.border#4b4b4b76
  • input.foreground#cccccc
  • input.placeholderForeground#fff8f8
  • inputOption.activeBackground#20213b
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#8e8e8e
  • list.activeSelectionBackground#ffffff
  • list.activeSelectionForeground#717171
  • list.dropBackground#242543
  • list.focusBackground#5f5c82
  • list.focusForeground#cccccc
  • list.highlightForeground#f76c36
  • list.hoverBackground#d98032b9
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#ffffff
  • list.inactiveSelectionForeground#3d3d3d
  • listFilterWidget.background#ff6a29ad
  • listFilterWidget.noMatchesOutline#f07922b5
  • listFilterWidget.outline#00000000
  • menu.background#253147
  • menu.border#24395a0e
  • menu.foreground#3461e6
  • menu.selectionBackground#094771
  • menu.selectionBorder#1b1a0c14
  • menu.selectionForeground#f55f32
  • menu.separatorBackground#ffb70c0a
  • menubar.selectionBackground#1a263f
  • menubar.selectionBorder#ff5d1e
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#f7f1f1
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#122420
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#262947
  • minimap.errorHighlight#6f2f22
  • minimap.findMatchHighlight#0701307e
  • minimap.selectionHighlight#fff6c71e
  • minimap.warningHighlight#eaeae8
  • minimapGutter.addedBackground#cd55f9
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#5a4dfb
  • notificationCenter.border#ff430a2a
  • notificationCenterHeader.background#3e4f6f
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#20213b
  • notifications.border#2a2a32
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#fb2c02
  • notificationsInfoIcon.foreground#00ffcf
  • notificationsWarningIcon.foreground#f78b00
  • notificationToast.border#ff6b3228
  • panel.background#20213b
  • panel.border#ff480000
  • panelSection.border#64599b64
  • panelTitle.activeBorder#ff5847
  • panelTitle.activeForeground#ffdd55
  • panelTitle.inactiveForeground#ffffff99
  • peekView.border#ff600026
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#ff8f0000
  • peekViewEditor.matchHighlightBorder#ff480081
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#909090
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ead0008d
  • peekViewResult.selectionBackground#ff6c009f
  • peekViewResult.selectionForeground#060606
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#00000002
  • pickerGroup.foreground#eaeaea
  • progressBar.background#ff880a
  • scrollbar.shadow#262947
  • scrollbarSlider.activeBackground#3e4f6f
  • scrollbarSlider.background#3e4f6f
  • scrollbarSlider.hoverBackground#ffffffb3
  • selection.background#ffd7007c
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#ffcb00
  • sideBar.background#20213b
  • sideBar.border#21233000
  • sideBar.dropBackground#242543
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#1f2038
  • statusBar.debuggingBackground#191412
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#1b1c32
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#ffffff
  • statusBarItem.remoteForeground#171717
  • tab.activeBackground#20213b
  • tab.activeBorder#ffd70066
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffa700
  • tab.border#68553000
  • tab.hoverBorder#ff000000
  • tab.inactiveBackground#242543
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#362f2f
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#2e2e2e
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#ff7171
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#ff5454
  • terminal.ansiWhite#ffffff
  • terminal.ansiYellow#e59c10
  • terminal.border#64599b64
  • terminal.foreground#a3a3a3
  • terminal.selectionBackground#34436074
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ff4a13
  • textLink.foreground#3794ff
  • titleBar.activeBackground#3e4f6f
  • titleBar.activeForeground#ffffff
  • titleBar.border#00000000
  • titleBar.inactiveBackground#3e4f6f
  • titleBar.inactiveForeground#ffffff99
  • tree.indentGuidesStroke#ff780042
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#ff600032

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