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#3d474d
  • activityBar.background#29343d
  • activityBar.foreground#73828e
  • activityBar.inactiveForeground#ffffff66
  • activityBarBadge.background#e8b554
  • activityBarBadge.foreground#29343d
  • badge.background#e8b554
  • badge.foreground#252c32
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#29343d
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#bcadad
  • button.background#5c727b
  • button.foreground#e4e4e4
  • button.hoverBackground#718e8d
  • button.secondaryBackground#2a3338
  • button.secondaryForeground#bdc3c4
  • button.secondaryHoverBackground#4d5d60
  • checkbox.background#3f494d
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#252c32
  • debugExceptionWidget.border#242a2c
  • debugToolBar.background#252c32
  • debugToolBar.border#242a2c
  • diffEditor.border#48565856
  • diffEditor.insertedTextBackground#74abb818
  • diffEditor.removedTextBackground#30798a20
  • dropdown.background#3f494d
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#29343d
  • editor.findMatchBackground#000000f3
  • editor.findMatchBorder#ffe271
  • editor.findMatchHighlightBackground#080000b7
  • editor.findMatchHighlightBorder#000000
  • editor.findRangeHighlightBackground#262b2e99
  • editor.findRangeHighlightBorder#cdcccc00
  • editor.foldBackground#7d614b4d
  • editor.foreground#eaecf2f3
  • editor.hoverHighlightBackground#1d1b1281
  • editor.inactiveSelectionBackground#1d282e
  • editor.lineHighlightBackground#161b1db7
  • editor.lineHighlightBorder#ffffff00
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#1b2124
  • editor.selectionHighlightBackground#54090974
  • editor.selectionHighlightBorder#f05353
  • editor.wordHighlightBackground#150f0f9d
  • editor.wordHighlightStrongBackground#21162aef
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#cbf500
  • editorCodeLens.foreground#7180888d
  • editorCursor.background#000000
  • editorCursor.foreground#f9f9f9
  • editorError.background#9d332e00
  • editorError.border#ffffff00
  • editorError.foreground#ff2b2b
  • editorGroup.border#2b343b
  • editorGroup.emptyBackground#29343d
  • editorGroupHeader.tabsBackground#3d474d
  • editorGroupHeader.tabsBorder#3b341026
  • editorGutter.addedBackground#2be491
  • editorGutter.background#29343d
  • editorGutter.commentRangeForeground#dbdbdb
  • editorGutter.deletedBackground#f75d5d
  • editorGutter.foldingControlForeground#dbdbdb
  • editorGutter.modifiedBackground#487cb4
  • editorHoverWidget.background#252c32
  • editorHoverWidget.border#56636bcd
  • editorHoverWidget.foreground#d0d2d3
  • editorIndentGuide.activeBackground#6c9999
  • editorIndentGuide.background#5c6b6b
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#2fceff
  • editorLineNumber.activeForeground#f9f9f9
  • editorLineNumber.foreground#eefffe5e
  • editorLink.activeForeground#41decf
  • editorMarkerNavigation.background#252c32
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#87bdd7
  • editorMarkerNavigationWarning.background#c2ac47
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#323f45
  • editorSuggestWidget.background#252c32
  • editorSuggestWidget.border#a7959542
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#cdb15f
  • editorSuggestWidget.selectedBackground#161d1fa7
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffe513
  • editorWhitespace.foreground#88a6a770
  • editorWidget.background#1e272c
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#6c898e
  • focusBorder#e8b554
  • foreground#9bacb0
  • gitDecoration.addedResourceForeground#8ac25c
  • gitDecoration.conflictingResourceForeground#b79dfb
  • gitDecoration.deletedResourceForeground#be4949
  • gitDecoration.ignoredResourceForeground#6c8890
  • gitDecoration.modifiedResourceForeground#faca5a
  • gitDecoration.stageDeletedResourceForeground#a34a4a
  • gitDecoration.stageModifiedResourceForeground#c29c44
  • gitDecoration.submoduleResourceForeground#6d8c72
  • gitDecoration.untrackedResourceForeground#6db6b6
  • icon.foreground#9bacb0
  • input.background#3f494d
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#939e9f
  • inputOption.activeBackground#242b32
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#466066
  • list.activeSelectionForeground#f9f9f9
  • list.dropBackground#455156
  • list.focusBackground#364949
  • list.focusForeground#cccccc
  • list.highlightForeground#e8b554
  • list.hoverBackground#43565e
  • list.hoverForeground#cccccc
  • list.inactiveSelectionBackground#43535e
  • list.inactiveSelectionForeground#d6d7d7
  • listFilterWidget.background#333a3d
  • listFilterWidget.noMatchesOutline#944242
  • listFilterWidget.outline#00000000
  • menu.background#29343d
  • menu.border#242e301a
  • menu.foreground#cccccc
  • menu.selectionBackground#717d82
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#7f8b8c
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#2c2c2c
  • merge.commonHeaderBackground#434343
  • merge.currentContentBackground#362727
  • merge.currentHeaderBackground#682a2a
  • merge.incomingContentBackground#2f3f32
  • merge.incomingHeaderBackground#2f6230
  • minimap.background#29343d
  • minimap.errorHighlight#ff2b2b
  • minimap.findMatchHighlight#000000f3
  • minimap.selectionHighlight#1b2124
  • minimap.warningHighlight#ffe513
  • minimapGutter.addedBackground#2be491
  • minimapGutter.deletedBackground#f75d5d
  • minimapGutter.modifiedBackground#487cb4
  • notificationCenter.border#42494b
  • notificationCenterHeader.background#2d373d
  • notificationCenterHeader.foreground#f9f9f9
  • notifications.background#252c32
  • notifications.border#42484b
  • notifications.foreground#cbcbcb
  • notificationsErrorIcon.foreground#faa687
  • notificationsInfoIcon.foreground#89ccf7
  • notificationsWarningIcon.foreground#FFD668
  • notificationToast.border#35434f
  • panel.background#252c32
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#2d363d
  • peekViewEditor.background#252c32
  • peekViewEditor.matchHighlightBackground#21190f99
  • peekViewEditor.matchHighlightBorder#e8a24ba9
  • peekViewEditorGutter.background#252c32
  • peekViewResult.background#252c32
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#69e3ff4d
  • peekViewResult.selectionBackground#638a9933
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#252c32
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f434668
  • pickerGroup.foreground#e8b554
  • progressBar.background#e8b554
  • scrollbar.shadow#586466cd
  • scrollbarSlider.activeBackground#759fa166
  • scrollbarSlider.background#49646466
  • scrollbarSlider.hoverBackground#4f7175b3
  • selection.background#55676db3
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#9bacb0
  • sideBar.background#3d474d
  • sideBar.dropBackground#455156
  • sideBar.foreground#d9d3d3
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#927b7b33
  • sideBarSectionHeader.foreground#cccccc
  • sideBarTitle.foreground#d9d3d3
  • statusBar.background#29343d
  • statusBar.debuggingBackground#252c32
  • statusBar.debuggingForeground#e8b554
  • statusBar.foreground#73828e
  • statusBar.noFolderBackground#252c32
  • statusBar.noFolderForeground#778488
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#e8b554
  • statusBarItem.remoteForeground#364549
  • tab.activeBackground#29343d
  • tab.activeBorder#00000000
  • tab.activeBorderTop#e8b554
  • tab.activeForeground#f9f9f9
  • tab.border#102b3b56
  • tab.hoverBackground#2a37387a
  • tab.hoverBorder#322b2800
  • tab.hoverForeground#f7f1f1
  • tab.inactiveBackground#3d474d
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#5c5b5b
  • terminal.ansiBlue#779efb
  • terminal.ansiBrightBlack#000000
  • terminal.ansiBrightBlue#437bff
  • terminal.ansiBrightCyan#0fffff
  • terminal.ansiBrightGreen#2be491
  • terminal.ansiBrightMagenta#d45cff
  • terminal.ansiBrightRed#ff1f1f
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffdc1e
  • terminal.ansiCyan#63e4ea
  • terminal.ansiGreen#46b885
  • terminal.ansiMagenta#d98ef4
  • terminal.ansiRed#de3c3c
  • terminal.ansiWhite#e0e0e0
  • terminal.ansiYellow#f0c648
  • terminal.border#80808059
  • terminal.foreground#cddce0
  • terminal.selectionBackground#00000041
  • terminalCursor.background#dbdbdb
  • terminalCursor.foreground#000000
  • textLink.foreground#e8b554
  • titleBar.activeBackground#29343d
  • titleBar.activeForeground#73828e
  • titleBar.border#00000000
  • titleBar.inactiveBackground#29343d
  • titleBar.inactiveForeground#656d7199
  • tree.indentGuidesStroke#627377
  • 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#4f98d7
variable.other.generic-type.haskell#e8b554
storage.type.haskell#e87e56
support.variable.magic.python#4f98d7
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#eaecf2f3
variable.parameter.function.language.special.self.python#94cf7f
storage.modifier.lifetime.rust#eaecf2f3
support.function.std.rust#6acfc6
entity.name.lifetime.rust#94cf7f
variable.language.rust#4f98d7
support.constant.edge#e8b554
constant.other.character-class.regexp#4f98d7
keyword.operator.quantifier.regexp#e87e56
punctuation.definition.string.begin,punctuation.definition.string.end#e87e56
variable.parameter.function#eaecf2f3
comment markup.link#eefffe5e
markup.changed.diff#94cf7f
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#6acfc6
markup.inserted.diff#e87e56
markup.deleted.diff#4f98d7
meta.function.c,meta.function.cpp#4f98d7
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#eaecf2f3
punctuation.separator.key-value#eaecf2f3
keyword.operator.expression.import#6acfc6
support.constant.math#94cf7f
support.constant.property.math#e87e56
variable.other.constant#94cf7f
storage.type.annotation.java, storage.type.object.array.java#94cf7f
source.java#4f98d7
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#eaecf2f3
meta.method.java#6acfc6
storage.modifier.import.java,storage.type.java,storage.type.generic.java#94cf7f
keyword.operator.instanceof.java#e8b554
meta.definition.variable.name.java#4f98d7
keyword.operator.logical#b2c050
keyword.operator.bitwise#b2c050
keyword.operator.channel#b2c050
support.constant.property-value.scss,support.constant.property-value.css#e87e56
keyword.operator.css,keyword.operator.scss,keyword.operator.less#b2c050
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#e87e56
punctuation.separator.list.comma.css#eaecf2f3
support.constant.color.w3c-standard-color-name.css#e87e56
support.type.vendored.property-name.css#b2c050
support.module.node,support.type.object.module,support.module.node#94cf7f
entity.name.type.module#94cf7f
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#4f98d7
support.constant.json#e87e56
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#e8b554
support.type.object.console#4f98d7
support.variable.property.process#e87e56
entity.name.function,support.function.console#6acfc6
keyword.operator.misc.rust#eaecf2f3
keyword.operator.sigil.rust#e8b554
keyword.operator.delete#e8b554
support.type.object.dom#b2c050
support.variable.dom,support.variable.property.dom#4f98d7
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#b2c050
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#e8b554
punctuation.separator.delimiter#eaecf2f3
punctuation.separator.c,punctuation.separator.cpp#e8b554
support.type.posix-reserved.c,support.type.posix-reserved.cpp#b2c050
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#e8b554
variable.parameter.function.language.python#e87e56
support.type.python#b2c050
keyword.operator.logical.python#e8b554
variable.parameter.function.python#e87e56
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#eaecf2f3
meta.function-call.generic.python#6acfc6
constant.character.format.placeholder.other.python#e87e56
keyword.operator#eaecf2f3
keyword.operator.assignment.compound#e8b554
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#b2c050
keyword#e8b554
entity.name.namespace#94cf7f
variable#4f98d7
variable.c#eaecf2f3
variable.language#94cf7f
token.variable.parameter.java#eaecf2f3
import.storage.java#94cf7f
token.package.keyword#e8b554
token.package#eaecf2f3
entity.name.function, meta.require, support.function.any-method, variable.function#6acfc6
entity.name.type.namespace#94cf7f
support.class, entity.name.type.class#94cf7f
entity.name.class.identifier.namespace.type#94cf7f
entity.name.class, variable.other.class.js, variable.other.class.ts#94cf7f
variable.other.class.php#4f98d7
entity.name.type#94cf7f
keyword.control#e8b554
control.elements, keyword.operator.less#e87e56
keyword.other.special-method#6acfc6
storage#e8b554
token.storage#e8b554
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#e8b554
token.storage.type.java#94cf7f
support.function#b2c050
support.type.property-name#eaecf2f3
support.constant.property-value#eaecf2f3
support.constant.font-name#e87e56
meta.tag#eaecf2f3
string#e87e56
entity.other.inherited-class#94cf7f
constant.other.symbol#b2c050
constant.numeric#e87e56
constant#e87e56
punctuation.definition.constant#e87e56
entity.name.tag#4f98d7
entity.other.attribute-name#e87e56
entity.other.attribute-name.id#6acfc6normal
entity.other.attribute-name.class.css#e87e56normal
meta.selector#e8b554
markup.heading#4f98d7
markup.heading punctuation.definition.heading, entity.name.section#6acfc6
keyword.other.unit#4f98d7
markup.bold,todo.bold#e87e56
punctuation.definition.bold#94cf7f
markup.italic, punctuation.definition.italic,todo.emphasis#e8b554
emphasis md#e8b554
entity.name.section.markdown#4f98d7
punctuation.definition.heading.markdown#4f98d7
punctuation.definition.list.begin.markdown#4f98d7
markup.heading.setext#eaecf2f3
punctuation.definition.bold.markdown#e87e56
markup.inline.raw.markdown#e87e56
markup.inline.raw.string.markdown#e87e56
punctuation.definition.list.markdown#4f98d7
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#4f98d7
beginning.punctuation.definition.list.markdown#4f98d7
punctuation.definition.metadata.markdown#4f98d7
markup.underline.link.markdown,markup.underline.link.image.markdown#e8b554
string.other.link.title.markdown,string.other.link.description.markdown#6acfc6
string.regexp#b2c050
constant.character.escape#b2c050
punctuation.section.embedded, variable.interpolation#4f98d7
punctuation.section.embedded.begin,punctuation.section.embedded.end#e8b554
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#eaecf2f3
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#4f98d7
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#4f98d7
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#e87e56
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#b2c050
support.type.property-name.json#4f98d7
support.type.property-name.json punctuation#4f98d7
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#e8b554
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#e8b554
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#94cf7f
keyword.operator.error-control.php#e8b554
keyword.operator.type.php#e8b554
punctuation.section.array.begin.php#eaecf2f3
punctuation.section.array.end.php#eaecf2f3
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#94cf7f
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#6acfc6
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#eaecf2f3
support.constant.core.rust#e87e56
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#e87e56
entity.name.goto-label.php,support.other.php#6acfc6
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#b2c050
keyword.operator.regexp.php#e8b554
keyword.operator.comparison.php#b2c050
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#e8b554
meta.function.decorator.python#6acfc6
support.token.decorator.python,meta.function.decorator.identifier.python#b2c050
function.parameter#eaecf2f3
function.brace#eaecf2f3
function.parameter.ruby, function.parameter.cs#eaecf2f3
constant.language.symbol.ruby#b2c050
rgb-value#b2c050
inline-color-decoration rgb-value#e87e56
less rgb-value#e87e56
selector.sass#4f98d7
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#94cf7f
block.scope.end,block.scope.begin#eaecf2f3
storage.type.cs#94cf7f
entity.name.variable.local.cs#4f98d7
token.info-token#6acfc6
token.warn-token#e87e56
token.error-token#f44747
token.debug-token#e8b554
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#e8b554
meta.template.expression#eaecf2f3
keyword.operator.module#e8b554
support.type.type.flowtype#6acfc6
support.type.primitive#94cf7f
meta.property.object#4f98d7
variable.parameter.function.js#4f98d7
keyword.other.template.begin#e87e56
keyword.other.template.end#e87e56
keyword.other.substitution.begin#e87e56
keyword.other.substitution.end#e87e56
keyword.operator.assignment#b2c050
keyword.operator.assignment.go#94cf7f
keyword.operator.arithmetic.go, keyword.operator.address.go#e8b554
entity.name.package.go#94cf7f
support.type.prelude.elm#b2c050
support.constant.elm#e87e56
punctuation.quasi.element#e8b554
constant.character.entity#4f98d7
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#b2c050
entity.global.clojure#94cf7f
meta.symbol.clojure#4f98d7
constant.keyword.clojure#b2c050
meta.arguments.coffee, variable.parameter.function.coffee#4f98d7
source.ini#e87e56
meta.scope.prerequisites.makefile#4f98d7
source.makefile#94cf7f
storage.modifier.import.groovy#94cf7f
meta.method.groovy#6acfc6
meta.definition.variable.name.groovy#4f98d7
meta.definition.class.inherited.classes.groovy#e87e56
support.variable.semantic.hlsl#94cf7f
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#e8b554
text.variable, text.bracketed#4f98d7
support.type.swift, support.type.vb.asp#94cf7f
entity.name.function.xi#94cf7f
entity.name.class.xi#b2c050
constant.character.character-class.regexp.xi#4f98d7
constant.regexp.xi#e8b554
keyword.control.xi#b2c050
invalid.xi#eaecf2f3
beginning.punctuation.definition.quote.markdown.xi#e87e56
beginning.punctuation.definition.list.markdown.xi#eefffe5e
constant.character.xi#6acfc6
accent.xi#6acfc6
wikiword.xi#e87e56
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#eefffe5e
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#94cf7f
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#4f98d7
meta.brace.square#eaecf2f3
comment, punctuation.definition.comment#eefffe5eitalic
markup.quote.markdown#eefffe5e
punctuation.definition.block.sequence.item.yaml#eaecf2f3
constant.language.symbol.elixir#b2c050
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...