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#2e3032
  • activityBar.background#272a2c
  • activityBar.foreground#d3cfbdf3
  • activityBar.inactiveForeground#494949
  • activityBarBadge.background#e2bd4f
  • activityBarBadge.foreground#272a2c
  • badge.background#e2bd4f
  • badge.foreground#1f2021
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#272a2c
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#686868
  • button.background#272a2c
  • button.foreground#e8e1c5f3
  • button.hoverBackground#424547
  • button.secondaryBackground#202224
  • button.secondaryForeground#e8e1c5f3
  • button.secondaryHoverBackground#2a2c2e
  • checkbox.background#282b2e
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#202224
  • debugExceptionWidget.border#414243
  • debugToolBar.background#202224
  • debugToolBar.border#414243
  • diffEditor.border#48565856
  • diffEditor.insertedTextBackground#74abb818
  • diffEditor.removedTextBackground#30798a20
  • dropdown.background#282b2e
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#272a2c
  • editor.findMatchBackground#000000f3
  • editor.findMatchBorder#f7d03c
  • editor.findMatchHighlightBackground#080000b7
  • editor.findMatchHighlightBorder#cdcdcd
  • editor.findRangeHighlightBackground#2b2d2e99
  • editor.findRangeHighlightBorder#cdcccc00
  • editor.foldBackground#4b4b4b4d
  • editor.foreground#c7c2acf3
  • editor.hoverHighlightBackground#1d1b1281
  • editor.inactiveSelectionBackground#1f1f1fa9
  • editor.lineHighlightBackground#3c3d3f9d
  • editor.lineHighlightBorder#ffffff00
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#171717df
  • editor.selectionHighlightBackground#110c1d74
  • editor.selectionHighlightBorder#f05353
  • editor.wordHighlightBackground#6d3e3e9d
  • editor.wordHighlightStrongBackground#323562ef
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#0082f5
  • editorCodeLens.foreground#7180888d
  • editorCursor.background#000000
  • editorCursor.foreground#f9f9f9
  • editorError.background#9d332e28
  • editorError.border#ffffff00
  • editorError.foreground#ff2b2b
  • editorGroup.border#343536
  • editorGroup.emptyBackground#272a2c
  • editorGroupHeader.tabsBackground#2e3032
  • editorGroupHeader.tabsBorder#3b341026
  • editorGutter.addedBackground#72ad7e
  • editorGutter.background#272a2c
  • editorGutter.commentRangeForeground#545454
  • editorGutter.deletedBackground#ba4d4d
  • editorGutter.foldingControlForeground#545454
  • editorGutter.modifiedBackground#39618c
  • editorHoverWidget.background#202224
  • editorHoverWidget.border#35383bcd
  • editorHoverWidget.foreground#d0d2d3
  • editorIndentGuide.activeBackground#e2bd4f
  • editorIndentGuide.background#373a3d
  • editorInfo.background#4490bf24
  • editorInfo.border#4490BF00
  • editorInfo.foreground#2fceff
  • editorLineNumber.activeForeground#f9f9f9
  • editorLineNumber.foreground#494949
  • editorLink.activeForeground#38a3f0
  • editorMarkerNavigation.background#202224
  • editorMarkerNavigationError.background#e65f44
  • editorMarkerNavigationInfo.background#588194
  • editorMarkerNavigationWarning.background#c79623
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#2f3334
  • editorSuggestWidget.background#202224
  • editorSuggestWidget.border#a7959542
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#eabc37
  • editorSuggestWidget.selectedBackground#35373ba7
  • editorWarning.background#a9904022
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffe513
  • editorWhitespace.foreground#a1a1a170
  • editorWidget.background#202224
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#b8a22d
  • focusBorder#ad964e
  • foreground#d3cfbdf3
  • gitDecoration.addedResourceForeground#079f3a
  • gitDecoration.conflictingResourceForeground#e0793a
  • gitDecoration.deletedResourceForeground#e24c4c
  • gitDecoration.ignoredResourceForeground#45484b
  • gitDecoration.modifiedResourceForeground#dec126
  • gitDecoration.stageDeletedResourceForeground#a53636
  • gitDecoration.stageModifiedResourceForeground#be8f20
  • gitDecoration.submoduleResourceForeground#6d8c72
  • gitDecoration.untrackedResourceForeground#6db6b6
  • icon.foreground#d3cfbdf3
  • input.background#282b2e
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#737373
  • inputOption.activeBackground#1d1e1f
  • inputOption.activeBorder#06060674
  • inputOption.activeForeground#cfcfcf
  • list.activeSelectionBackground#57595a
  • list.activeSelectionForeground#f9f9f9
  • list.dropBackground#383b3d
  • list.focusBackground#303334
  • list.focusForeground#e8e1c5f3
  • list.highlightForeground#e2bd4f
  • list.hoverBackground#4c4e4f
  • list.hoverForeground#e8e1c5f3
  • list.inactiveSelectionBackground#444749
  • list.inactiveSelectionForeground#e8e1c5f3
  • listFilterWidget.background#1a1d1f
  • listFilterWidget.noMatchesOutline#b03737
  • listFilterWidget.outline#00000000
  • menu.background#272a2c
  • menu.border#242e301a
  • menu.foreground#cccccc
  • menu.selectionBackground#434343
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#4c4d4f
  • 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#272a2c
  • minimap.errorHighlight#ff2b2b
  • minimap.findMatchHighlight#000000f3
  • minimap.selectionHighlight#171717df
  • minimap.warningHighlight#ffe513
  • minimapGutter.addedBackground#72ad7e
  • minimapGutter.deletedBackground#ba4d4d
  • minimapGutter.modifiedBackground#39618c
  • notificationCenter.border#333636
  • notificationCenterHeader.background#292c2e
  • notificationCenterHeader.foreground#f9f9f9
  • notifications.background#202224
  • notifications.border#333636
  • notifications.foreground#e2e2e2
  • notificationsErrorIcon.foreground#ff966f
  • notificationsInfoIcon.foreground#89ccf7
  • notificationsWarningIcon.foreground#FFD668
  • notificationToast.border#333636
  • panel.background#252728
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e2bd4f
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#24272a
  • peekViewEditor.background#202224
  • peekViewEditor.matchHighlightBackground#19193499
  • peekViewEditor.matchHighlightBorder#e8b24bed
  • peekViewEditorGutter.background#202224
  • peekViewResult.background#202224
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#434649
  • peekViewResult.selectionBackground#656a7733
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#202224
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f434668
  • pickerGroup.foreground#e8b554
  • progressBar.background#e04a42
  • scrollbar.shadow#3d4043cd
  • scrollbarSlider.activeBackground#9d9d9d66
  • scrollbarSlider.background#45454566
  • scrollbarSlider.hoverBackground#606060b3
  • selection.background#434649b3
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#d3cfbdf3
  • sideBar.background#2e3032
  • sideBar.dropBackground#383b3d
  • sideBar.foreground#e8e1c5f3
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#927b7b33
  • sideBarSectionHeader.foreground#e2dfd1f3
  • sideBarTitle.foreground#e2dfd1f3
  • statusBar.background#272a2c
  • statusBar.border#2d2d2ecb
  • statusBar.debuggingBackground#e2bd4f
  • statusBar.debuggingForeground#1a1d1f
  • statusBar.foreground#797979f3
  • statusBar.noFolderBackground#1a1d1f
  • statusBar.noFolderForeground#37383b
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#e2bd4f
  • statusBarItem.remoteForeground#202324
  • tab.activeBackground#272a2c
  • tab.activeBorder#00000000
  • tab.activeBorderTop#e2bd4f
  • tab.activeForeground#bababa
  • tab.border#82828256
  • tab.hoverBackground#2325287a
  • tab.hoverBorder#322b2800
  • tab.hoverForeground#f7f1f1
  • tab.inactiveBackground#2e3032
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#020202
  • terminal.ansiBlue#3360cb
  • terminal.ansiBrightBlack#4d4d4d
  • terminal.ansiBrightBlue#478fff
  • terminal.ansiBrightCyan#1aece3
  • terminal.ansiBrightGreen#19e68a
  • terminal.ansiBrightMagenta#d150ff
  • terminal.ansiBrightRed#ff1f1f
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffe515
  • terminal.ansiCyan#12c0b8
  • terminal.ansiGreen#10ab66
  • terminal.ansiMagenta#9f19cf
  • terminal.ansiRed#be1e1e
  • terminal.ansiWhite#e0e0e0
  • terminal.ansiYellow#cdb600
  • terminal.border#80808059
  • terminal.foreground#b2b4b8
  • terminal.selectionBackground#00000041
  • terminalCursor.background#000000
  • terminalCursor.foreground#ffffff
  • textLink.foreground#e2bd4f
  • titleBar.activeBackground#272a2c
  • titleBar.activeForeground#797979f3
  • titleBar.border#00000000
  • titleBar.inactiveBackground#272a2c
  • titleBar.inactiveForeground#6b6d6f99
  • tree.indentGuidesStroke#555758
  • 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#5269ad
variable.other.generic-type.haskell#f7c73b
storage.type.haskell#e04a42
support.variable.magic.python#5269ad
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#c7c2acf3
variable.parameter.function.language.special.self.python#8765b0
storage.modifier.lifetime.rust#c7c2acf3
support.function.std.rust#8f9bc4
entity.name.lifetime.rust#8765b0
variable.language.rust#5269ad
support.constant.edge#f7c73b
constant.other.character-class.regexp#5269ad
keyword.operator.quantifier.regexp#e04a42
punctuation.definition.string.begin,punctuation.definition.string.end#e04a42
variable.parameter.function#c7c2acf3
comment markup.link#686868
markup.changed.diff#8765b0
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#8f9bc4
markup.inserted.diff#e04a42
markup.deleted.diff#5269ad
meta.function.c,meta.function.cpp#5269ad
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#c7c2acf3
punctuation.separator.key-value#c7c2acf3
keyword.operator.expression.import#8f9bc4
support.constant.math#8765b0
support.constant.property.math#e04a42
variable.other.constant#8765b0
storage.type.annotation.java, storage.type.object.array.java#8765b0
source.java#5269ad
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#c7c2acf3
meta.method.java#8f9bc4
storage.modifier.import.java,storage.type.java,storage.type.generic.java#8765b0
keyword.operator.instanceof.java#f7c73b
meta.definition.variable.name.java#5269ad
keyword.operator.logical#129639
keyword.operator.bitwise#129639
keyword.operator.channel#129639
support.constant.property-value.scss,support.constant.property-value.css#e04a42
keyword.operator.css,keyword.operator.scss,keyword.operator.less#129639
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#e04a42
punctuation.separator.list.comma.css#c7c2acf3
support.constant.color.w3c-standard-color-name.css#e04a42
support.type.vendored.property-name.css#129639
support.module.node,support.type.object.module,support.module.node#8765b0
entity.name.type.module#8765b0
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#5269ad
support.constant.json#e04a42
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#f7c73b
support.type.object.console#5269ad
support.variable.property.process#e04a42
entity.name.function,support.function.console#8f9bc4
keyword.operator.misc.rust#c7c2acf3
keyword.operator.sigil.rust#f7c73b
keyword.operator.delete#f7c73b
support.type.object.dom#129639
support.variable.dom,support.variable.property.dom#5269ad
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#129639
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#f7c73b
punctuation.separator.delimiter#c7c2acf3
punctuation.separator.c,punctuation.separator.cpp#f7c73b
support.type.posix-reserved.c,support.type.posix-reserved.cpp#129639
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#f7c73b
variable.parameter.function.language.python#e04a42
support.type.python#129639
keyword.operator.logical.python#f7c73b
variable.parameter.function.python#e04a42
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#c7c2acf3
meta.function-call.generic.python#8f9bc4
constant.character.format.placeholder.other.python#e04a42
keyword.operator#c7c2acf3
keyword.operator.assignment.compound#f7c73b
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#129639
keyword#f7c73b
entity.name.namespace#8765b0
variable#5269ad
variable.c#c7c2acf3
variable.language#8765b0
token.variable.parameter.java#c7c2acf3
import.storage.java#8765b0
token.package.keyword#f7c73b
token.package#c7c2acf3
entity.name.function, meta.require, support.function.any-method, variable.function#8f9bc4
entity.name.type.namespace#8765b0
support.class, entity.name.type.class#8765b0
entity.name.class.identifier.namespace.type#8765b0
entity.name.class, variable.other.class.js, variable.other.class.ts#8765b0
variable.other.class.php#5269ad
entity.name.type#8765b0
keyword.control#f7c73b
control.elements, keyword.operator.less#e04a42
keyword.other.special-method#8f9bc4
storage#f7c73b
token.storage#f7c73b
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#f7c73b
token.storage.type.java#8765b0
support.function#129639
support.type.property-name#c7c2acf3
support.constant.property-value#c7c2acf3
support.constant.font-name#e04a42
meta.tag#c7c2acf3
string#e04a42
entity.other.inherited-class#8765b0
constant.other.symbol#129639
constant.numeric#e04a42
constant#e04a42
punctuation.definition.constant#e04a42
entity.name.tag#5269ad
entity.other.attribute-name#e04a42
entity.other.attribute-name.id#8f9bc4normal
entity.other.attribute-name.class.css#e04a42normal
meta.selector#f7c73b
markup.heading#5269ad
markup.heading punctuation.definition.heading, entity.name.section#8f9bc4
keyword.other.unit#5269ad
markup.bold,todo.bold#e04a42
punctuation.definition.bold#8765b0
markup.italic, punctuation.definition.italic,todo.emphasis#f7c73b
emphasis md#f7c73b
entity.name.section.markdown#5269ad
punctuation.definition.heading.markdown#5269ad
punctuation.definition.list.begin.markdown#5269ad
markup.heading.setext#c7c2acf3
punctuation.definition.bold.markdown#e04a42
markup.inline.raw.markdown#e04a42
markup.inline.raw.string.markdown#e04a42
punctuation.definition.list.markdown#5269ad
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#5269ad
beginning.punctuation.definition.list.markdown#5269ad
punctuation.definition.metadata.markdown#5269ad
markup.underline.link.markdown,markup.underline.link.image.markdown#f7c73b
string.other.link.title.markdown,string.other.link.description.markdown#8f9bc4
string.regexp#129639
constant.character.escape#129639
punctuation.section.embedded, variable.interpolation#5269ad
punctuation.section.embedded.begin,punctuation.section.embedded.end#f7c73b
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#c7c2acf3
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#5269ad
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#5269ad
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#e04a42
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#129639
support.type.property-name.json#5269ad
support.type.property-name.json punctuation#5269ad
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#f7c73b
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#f7c73b
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#8765b0
keyword.operator.error-control.php#f7c73b
keyword.operator.type.php#f7c73b
punctuation.section.array.begin.php#c7c2acf3
punctuation.section.array.end.php#c7c2acf3
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#8765b0
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#8f9bc4
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#c7c2acf3
support.constant.core.rust#e04a42
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#e04a42
entity.name.goto-label.php,support.other.php#8f9bc4
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#129639
keyword.operator.regexp.php#f7c73b
keyword.operator.comparison.php#129639
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#f7c73b
meta.function.decorator.python#8f9bc4
support.token.decorator.python,meta.function.decorator.identifier.python#129639
function.parameter#c7c2acf3
function.brace#c7c2acf3
function.parameter.ruby, function.parameter.cs#c7c2acf3
constant.language.symbol.ruby#129639
rgb-value#129639
inline-color-decoration rgb-value#e04a42
less rgb-value#e04a42
selector.sass#5269ad
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#8765b0
block.scope.end,block.scope.begin#c7c2acf3
storage.type.cs#8765b0
entity.name.variable.local.cs#5269ad
token.info-token#8f9bc4
token.warn-token#e04a42
token.error-token#f44747
token.debug-token#f7c73b
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#f7c73b
meta.template.expression#c7c2acf3
keyword.operator.module#f7c73b
support.type.type.flowtype#8f9bc4
support.type.primitive#8765b0
meta.property.object#5269ad
variable.parameter.function.js#5269ad
keyword.other.template.begin#e04a42
keyword.other.template.end#e04a42
keyword.other.substitution.begin#e04a42
keyword.other.substitution.end#e04a42
keyword.operator.assignment#129639
keyword.operator.assignment.go#8765b0
keyword.operator.arithmetic.go, keyword.operator.address.go#f7c73b
entity.name.package.go#8765b0
support.type.prelude.elm#129639
support.constant.elm#e04a42
punctuation.quasi.element#f7c73b
constant.character.entity#5269ad
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#129639
entity.global.clojure#8765b0
meta.symbol.clojure#5269ad
constant.keyword.clojure#129639
meta.arguments.coffee, variable.parameter.function.coffee#5269ad
source.ini#e04a42
meta.scope.prerequisites.makefile#5269ad
source.makefile#8765b0
storage.modifier.import.groovy#8765b0
meta.method.groovy#8f9bc4
meta.definition.variable.name.groovy#5269ad
meta.definition.class.inherited.classes.groovy#e04a42
support.variable.semantic.hlsl#8765b0
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#f7c73b
text.variable, text.bracketed#5269ad
support.type.swift, support.type.vb.asp#8765b0
entity.name.function.xi#8765b0
entity.name.class.xi#129639
constant.character.character-class.regexp.xi#5269ad
constant.regexp.xi#f7c73b
keyword.control.xi#129639
invalid.xi#c7c2acf3
beginning.punctuation.definition.quote.markdown.xi#e04a42
beginning.punctuation.definition.list.markdown.xi#686868
constant.character.xi#8f9bc4
accent.xi#8f9bc4
wikiword.xi#e04a42
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#686868
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#8765b0
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#5269ad
meta.brace.square#c7c2acf3
comment, punctuation.definition.comment#686868italic
markup.quote.markdown#686868
punctuation.definition.block.sequence.item.yaml#c7c2acf3
constant.language.symbol.elixir#129639
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...