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#ff0e0e00
  • activityBar.background#111111
  • activityBar.border#111111
  • activityBar.foreground#635da3
  • activityBar.inactiveForeground#8781b066
  • activityBarBadge.background#494182
  • activityBarBadge.foreground#f7f7f7
  • badge.background#2e2d49
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#c5b7e6
  • breadcrumb.background#111111
  • breadcrumb.focusForeground#c5b7e6
  • breadcrumb.foreground#ada8cd
  • button.background#343156
  • button.foreground#a099e8
  • button.hoverBackground#423d6d
  • button.secondaryBackground#26263d
  • button.secondaryForeground#a099e8
  • button.secondaryHoverBackground#2d2d49
  • checkbox.background#0d0d0d
  • checkbox.border#00000000
  • checkbox.foreground#a9a5ff
  • debugExceptionWidget.background#1a1924
  • debugExceptionWidget.border#47474700
  • debugToolBar.background#1a1924
  • debugToolBar.border#47474700
  • diffEditor.border#00000000
  • diffEditor.insertedTextBackground#222032
  • diffEditor.insertedTextBorder#4a4875
  • diffEditor.removedTextBackground#79404033
  • diffEditor.removedTextBorder#8a41418b
  • dropdown.background#0d0d0d
  • dropdown.border#00000000
  • dropdown.foreground#a9a5ff
  • editor.background#111111
  • editor.findMatchBackground#28263f
  • editor.findMatchBorder#d95285
  • editor.findMatchHighlightBackground#28263f
  • editor.findMatchHighlightBorder#817ad1
  • editor.findRangeHighlightBackground#1d1c24
  • editor.findRangeHighlightBorder#b6999900
  • editor.foldBackground#2831564d
  • editor.foreground#848cff
  • editor.hoverHighlightBackground#37354f
  • editor.inactiveSelectionBackground#14111b
  • editor.lineHighlightBackground#141419
  • editor.lineHighlightBorder#28282800
  • editor.rangeHighlightBackground#141317
  • editor.rangeHighlightBorder#f7f7f700
  • editor.selectionBackground#211d2a
  • editor.selectionHighlightBackground#28263f
  • editor.selectionHighlightBorder#868acd
  • editor.wordHighlightBackground#353256
  • editor.wordHighlightBorder#7073ab
  • editor.wordHighlightStrongBackground#303145
  • editor.wordHighlightStrongBorder#7274b2
  • editorBracketMatch.background#ff97281c
  • editorBracketMatch.border#8277ff
  • editorCodeLens.foreground#9ea19c9b
  • editorCursor.background#1b1732
  • editorCursor.foreground#b3b4b2
  • editorError.background#7b444200
  • editorError.border#ffffff00
  • editorError.foreground#ff2069
  • editorGroup.border#00000070
  • editorGroup.emptyBackground#111111
  • editorGroupHeader.border#21212100
  • editorGroupHeader.tabsBackground#111111
  • editorGroupHeader.tabsBorder#ff787800
  • editorGutter.addedBackground#44ba88
  • editorGutter.background#111111
  • editorGutter.commentRangeForeground#9b98f5
  • editorGutter.deletedBackground#ff4d4d
  • editorGutter.foldingControlForeground#9b98f5
  • editorGutter.modifiedBackground#7484ff
  • editorHoverWidget.background#181721
  • editorHoverWidget.border#323047
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#514d82
  • editorIndentGuide.background#2a2a2a
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#3982f5
  • editorLineNumber.activeForeground#867ccb
  • editorLineNumber.foreground#595573
  • editorLink.activeForeground#6d76ff
  • editorMarkerNavigation.background#0d0d0d
  • editorMarkerNavigationError.background#8a4d4d
  • editorMarkerNavigationInfo.background#80808000
  • editorMarkerNavigationWarning.background#674a8400
  • editorOverviewRuler.background#5e5e5e00
  • editorOverviewRuler.border#c0afaf00
  • editorRuler.foreground#373b54
  • editorSuggestWidget.background#111111
  • editorSuggestWidget.border#45454544
  • editorSuggestWidget.foreground#a7a9cd
  • editorSuggestWidget.highlightForeground#9187db
  • editorSuggestWidget.selectedBackground#1e1d2a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#ffe46c
  • editorWhitespace.foreground#d7c9ec29
  • editorWidget.background#0d0d0d
  • editorWidget.foreground#6f708c
  • editorWidget.resizeBorder#867de8
  • focusBorder#43bbf700
  • foreground#69658a
  • gitDecoration.addedResourceForeground#44ba88
  • gitDecoration.conflictingResourceForeground#ff7bf1
  • gitDecoration.deletedResourceForeground#bc3a77
  • gitDecoration.ignoredResourceForeground#484f77
  • gitDecoration.modifiedResourceForeground#7a88fb
  • gitDecoration.stageDeletedResourceForeground#9f4b3c
  • gitDecoration.stageModifiedResourceForeground#e4c08a
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#42b8ad
  • icon.foreground#69658a
  • input.background#0d0d0d
  • input.border#00000000
  • input.foreground#a9a5ff
  • input.placeholderForeground#635d99
  • inputOption.activeBackground#1e1d2a
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#1b1a26
  • list.activeSelectionForeground#9b91e6
  • list.dropBackground#1b1a26
  • list.focusBackground#1b1a26
  • list.focusForeground#b1a7ff
  • list.highlightForeground#7b70d1
  • list.hoverBackground#1b1a26
  • list.hoverForeground#b1a7ff
  • list.inactiveSelectionBackground#15141d
  • list.inactiveSelectionForeground#b1a7ff
  • listFilterWidget.background#1b1a24
  • listFilterWidget.noMatchesOutline#f0564700
  • listFilterWidget.outline#62626200
  • menu.background#0d0b0b
  • menu.border#8a7b7b00
  • menu.foreground#a89fe4
  • menu.selectionBackground#1b1a26
  • menu.selectionBorder#00000000
  • menu.selectionForeground#cccaff
  • menu.separatorBackground#211f2c
  • menubar.selectionBackground#1b1a26
  • menubar.selectionBorder#e60f0f00
  • menubar.selectionForeground#cccaff
  • merge.commonContentBackground#222330
  • merge.commonHeaderBackground#2c2d3b
  • merge.currentContentBackground#212238
  • merge.currentHeaderBackground#272843
  • merge.incomingContentBackground#15131d
  • merge.incomingHeaderBackground#1c1a28
  • minimap.background#111111
  • minimap.errorHighlight#ff2069
  • minimap.findMatchHighlight#28263f
  • minimap.selectionHighlight#211d2a
  • minimap.warningHighlight#ffe46c
  • minimapGutter.addedBackground#44ba88
  • minimapGutter.deletedBackground#ff4d4d
  • minimapGutter.modifiedBackground#7484ff
  • notificationCenter.border#47474700
  • notificationCenterHeader.background#1d1b28
  • notificationCenterHeader.foreground#a2a0d7
  • notifications.background#16151f
  • notifications.border#30303100
  • notifications.foreground#aeaad7
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#47a8ff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#47474700
  • panel.background#111111
  • panel.border#191919
  • panelSection.border#24232aad
  • panelTitle.activeBorder#7a70de
  • panelTitle.activeForeground#a9a5ff
  • panelTitle.inactiveForeground#676a8e99
  • peekView.border#7a70de
  • peekViewEditor.background#111010
  • peekViewEditor.matchHighlightBackground#544b9256
  • peekViewEditor.matchHighlightBorder#7a70de
  • peekViewEditorGutter.background#171515
  • peekViewResult.background#0d0b0b
  • peekViewResult.fileForeground#8586b4
  • peekViewResult.lineForeground#d1d1d1
  • peekViewResult.matchHighlightBackground#5e40a187
  • peekViewResult.selectionBackground#49415e33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1a1721
  • peekViewTitleDescription.foreground#ffffff
  • peekViewTitleLabel.foreground#c1b2e4
  • pickerGroup.border#51517100
  • pickerGroup.foreground#545477
  • progressBar.background#867de8
  • scrollbar.shadow#28282800
  • scrollbarSlider.activeBackground#493f64
  • scrollbarSlider.background#433f8820
  • scrollbarSlider.hoverBackground#292a4d
  • selection.background#1e1d2a
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#69658a
  • sideBar.background#111111
  • sideBar.border#11111100
  • sideBar.dropBackground#1b1a26
  • sideBar.foreground#5f5b7b
  • sideBarSectionHeader.background#ffffff00
  • sideBarSectionHeader.border#111111
  • sideBarSectionHeader.foreground#8781bc
  • sideBarTitle.foreground#aaa1ff
  • statusBar.background#111111
  • statusBar.border#11111100
  • statusBar.debuggingBackground#362e54
  • statusBar.debuggingBorder#111111
  • statusBar.debuggingForeground#a797e6
  • statusBar.foreground#8782b8
  • statusBar.noFolderBackground#111111
  • statusBar.noFolderBorder#000000
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#1b1a26
  • statusBarItem.remoteBackground#111111
  • statusBarItem.remoteForeground#ff778a
  • tab.activeBackground#1b1b1b
  • tab.activeBorder#7a70de
  • tab.activeBorderTop#5affb200
  • tab.activeForeground#c6c0ee
  • tab.border#25252600
  • tab.hoverBackground#151414
  • tab.hoverBorder#39365c
  • tab.inactiveBackground#111111
  • tab.inactiveForeground#79759b
  • terminal.ansiBlack#545454
  • terminal.ansiBlue#277ad5
  • terminal.ansiBrightBlack#777777
  • terminal.ansiBrightBlue#3b8eea
  • terminal.ansiBrightCyan#29b8db
  • terminal.ansiBrightGreen#23d18b
  • terminal.ansiBrightMagenta#d670d6
  • terminal.ansiBrightRed#f14c4c
  • terminal.ansiBrightWhite#e5e5e5
  • terminal.ansiBrightYellow#f5f543
  • terminal.ansiCyan#11a8cd
  • terminal.ansiGreen#31c089
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#a1a1a1
  • terminal.ansiYellow#e5e510
  • terminal.border#24232aad
  • terminal.foreground#615f90
  • terminal.selectionBackground#31294344
  • terminalCursor.background#141324
  • terminalCursor.foreground#6662cb
  • textLink.foreground#9490c4
  • titleBar.activeBackground#111111
  • titleBar.activeForeground#8782b8
  • titleBar.border#0d0d0d00
  • titleBar.inactiveBackground#0d0d0d
  • titleBar.inactiveForeground#716e90
  • tree.indentGuidesStroke#2f2d3d
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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