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#ff000000
  • activityBar.background#1f1f1f
  • activityBar.border#ff000008
  • activityBar.foreground#ffd46e
  • activityBar.inactiveForeground#4a3cee
  • activityBarBadge.background#fafcff
  • activityBarBadge.foreground#131312
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#1f1f1f
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#4e0e9c
  • button.foreground#ffffff
  • button.hoverBackground#1177bb
  • button.secondaryBackground#fffc33
  • button.secondaryForeground#969696
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#191919
  • debugExceptionWidget.border#5a5a5a
  • debugToolBar.background#191919
  • debugToolBar.border#5a5a5a
  • diffEditor.border#44444400
  • diffEditor.insertedTextBackground#558fb933
  • diffEditor.insertedTextBorder#00ff5800
  • diffEditor.removedTextBackground#0087ff33
  • diffEditor.removedTextBorder#ff000000
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#000000
  • editor.findMatchBackground#515c6a00
  • editor.findMatchBorder#433e27
  • editor.findMatchHighlightBackground#ea5c0000
  • editor.findMatchHighlightBorder#fdbe016e
  • editor.findRangeHighlightBackground#3a3d4160
  • editor.findRangeHighlightBorder#ffffff04
  • editor.foldBackground#68696b4d
  • editor.foreground#d1d1d1
  • editor.hoverHighlightBackground#264f7800
  • editor.inactiveSelectionBackground#1c1e21
  • editor.lineHighlightBackground#ffffff00
  • editor.lineHighlightBorder#211d15
  • editor.rangeHighlightBackground#ffffff24
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#17181f
  • editor.selectionHighlightBackground#add6ff00
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#57575700
  • editor.wordHighlightBorder#a1885a
  • editor.wordHighlightStrongBackground#00497200
  • editor.wordHighlightStrongBorder#a18653
  • editorBracketMatch.background#00640000
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#345060
  • editorCursor.foreground#f2c823
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#f48771
  • editorGroup.border#44444400
  • editorGroup.emptyBackground#000000
  • editorGroupHeader.border#ff000000
  • editorGroupHeader.tabsBackground#2b2b2c
  • editorGroupHeader.tabsBorder#ff000000
  • editorGutter.addedBackground#e8c661
  • editorGutter.background#000000
  • editorGutter.commentRangeForeground#ffb80f
  • editorGutter.deletedBackground#e4c51c
  • editorGutter.foldingControlForeground#ffb80f
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#0d0d0d
  • editorHoverWidget.border#737373
  • editorHoverWidget.foreground#8c801b
  • editorIndentGuide.activeBackground#564800
  • editorIndentGuide.background#241d01
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#ffe616
  • editorLineNumber.foreground#5a1bb6
  • editorLink.activeForeground#cec04ef9
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f00
  • editorRuler.foreground#5a5a5a02
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#0097fb
  • editorSuggestWidget.selectedBackground#2e064a
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#007fd4
  • foreground#cccccc
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#c74e39
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#c74e39
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#cccccc
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#007fd466
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#ffd700
  • list.activeSelectionForeground#414141
  • list.dropBackground#290f38
  • list.focusBackground#25064a
  • list.focusForeground#ffffff
  • list.highlightForeground#fbd400
  • list.hoverBackground#ffd700
  • list.hoverForeground#4d4d4d
  • list.inactiveSelectionBackground#1f1f1f
  • list.inactiveSelectionForeground#cccccc
  • listFilterWidget.background#ffef0097
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#cccccc78
  • menu.selectionBackground#380971
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#ffffff1a
  • menubar.selectionBorder#ff000000
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#000000
  • minimap.errorHighlight#f48771
  • minimap.findMatchHighlight#515c6a00
  • minimap.selectionHighlight#17181f
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#e8c661
  • minimapGutter.deletedBackground#e4c51c
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#3d3d3d
  • notificationCenterHeader.background#7934f5
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#020202
  • notifications.border#303031
  • notifications.foreground#848484
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#0d0d0d
  • panel.background#000000
  • panel.border#00000059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#007acc
  • peekViewEditor.background#001f33
  • peekViewEditor.matchHighlightBackground#2c022399
  • peekViewEditor.matchHighlightBorder#00000000
  • peekViewEditorGutter.background#001f33
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#5400ea4d
  • peekViewResult.selectionBackground#05070833
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#6a52db
  • progressBar.background#c0a40e
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797900
  • scrollbarSlider.hoverBackground#f0ce12b3
  • selection.background#5a1bb6
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#cccccc
  • sideBar.background#000000
  • sideBar.border#ff000000
  • sideBar.dropBackground#290f38
  • sideBar.foreground#cccccc
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#cccccc00
  • sideBarSectionHeader.foreground#0e61ff
  • sideBarTitle.foreground#333ee0
  • statusBar.background#5a1bb6
  • statusBar.debuggingBackground#cc6633
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#4e138a
  • statusBar.noFolderForeground#ffffff
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#ffd700
  • statusBarItem.remoteForeground#2e2e2e
  • tab.activeBackground#1d1c1c
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#d5ae13
  • tab.border#25252600
  • tab.hoverBorder#ff000000
  • tab.inactiveBackground#2b2b2c
  • tab.inactiveForeground#ffffff80
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#2472c8
  • terminal.ansiBrightBlack#666666
  • 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#0dbc79
  • terminal.ansiMagenta#bc3fbc
  • terminal.ansiRed#cd3131
  • terminal.ansiWhite#e5e5e5
  • terminal.ansiYellow#e5e510
  • terminal.border#80808059
  • terminal.foreground#cccccc
  • terminal.selectionBackground#ffffff40
  • terminalCursor.background#0087FF
  • terminalCursor.foreground#ffffff
  • textLink.foreground#3794ff
  • titleBar.activeBackground#383838
  • titleBar.activeForeground#cccccc
  • titleBar.border#00000000
  • titleBar.inactiveBackground#383838
  • titleBar.inactiveForeground#cccccc99
  • tree.indentGuidesStroke#ffd11b
  • 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#ad9d19
variable.other.generic-type.haskell#0562c4
storage.type.haskell#4f49ff
support.variable.magic.python#ad9d19
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#d1d1d1
variable.parameter.function.language.special.self.python#c90890
storage.modifier.lifetime.rust#d1d1d1
support.function.std.rust#4c47f7
entity.name.lifetime.rust#c90890
variable.language.rust#ad9d19
support.constant.edge#0562c4
constant.other.character-class.regexp#ad9d19
keyword.operator.quantifier.regexp#4f49ff
punctuation.definition.string.begin,punctuation.definition.string.end#e6fbd8
variable.parameter.function#d1d1d1
comment markup.link#31d161ea
markup.changed.diff#c90890
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#4c47f7
markup.inserted.diff#e6fbd8
markup.deleted.diff#ad9d19
meta.function.c,meta.function.cpp#ad9d19
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#d1d1d1
punctuation.separator.key-value#d1d1d1
keyword.operator.expression.import#4c47f7
support.constant.math#c90890
support.constant.property.math#4f49ff
variable.other.constant#c90890
storage.type.annotation.java, storage.type.object.array.java#c90890
source.java#ad9d19
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#d1d1d1
meta.method.java#4c47f7
storage.modifier.import.java,storage.type.java,storage.type.generic.java#c90890
keyword.operator.instanceof.java#0562c4
meta.definition.variable.name.java#ad9d19
keyword.operator.logical#a19f30
keyword.operator.bitwise#a19f30
keyword.operator.channel#a19f30
support.constant.property-value.scss,support.constant.property-value.css#4f49ff
keyword.operator.css,keyword.operator.scss,keyword.operator.less#a19f30
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#4f49ff
punctuation.separator.list.comma.css#d1d1d1
support.constant.color.w3c-standard-color-name.css#4f49ff
support.type.vendored.property-name.css#a19f30
support.module.node,support.type.object.module,support.module.node#c90890
entity.name.type.module#c90890
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#ad9d19
support.constant.json#4f49ff
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#0562c4
support.type.object.console#ad9d19
support.variable.property.process#4f49ff
entity.name.function,support.function.console#4c47f7
keyword.operator.misc.rust#d1d1d1
keyword.operator.sigil.rust#0562c4
keyword.operator.delete#0562c4
support.type.object.dom#a19f30
support.variable.dom,support.variable.property.dom#ad9d19
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#a19f30
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#0562c4
punctuation.separator.delimiter#d1d1d1
punctuation.separator.c,punctuation.separator.cpp#0562c4
support.type.posix-reserved.c,support.type.posix-reserved.cpp#a19f30
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#0562c4
variable.parameter.function.language.python#4f49ff
support.type.python#a19f30
keyword.operator.logical.python#0562c4
variable.parameter.function.python#4f49ff
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#d1d1d1
meta.function-call.generic.python#4c47f7
constant.character.format.placeholder.other.python#4f49ff
keyword.operator#d1d1d1
keyword.operator.assignment.compound#0562c4
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#a19f30
keyword#0562c4
entity.name.namespace#c90890
variable#ad9d19
variable.c#d1d1d1
variable.language#c90890
token.variable.parameter.java#d1d1d1
import.storage.java#c90890
token.package.keyword#0562c4
token.package#d1d1d1
entity.name.function, meta.require, support.function.any-method, variable.function#4c47f7
entity.name.type.namespace#c90890
support.class, entity.name.type.class#c90890
entity.name.class.identifier.namespace.type#c90890
entity.name.class, variable.other.class.js, variable.other.class.ts#c90890
variable.other.class.php#ad9d19
entity.name.type#c90890
keyword.control#0562c4
control.elements, keyword.operator.less#4f49ff
keyword.other.special-method#4c47f7
storage#0562c4
token.storage#0562c4
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#0562c4
token.storage.type.java#c90890
support.function#a19f30
support.type.property-name#d1d1d1
support.constant.property-value#d1d1d1
support.constant.font-name#4f49ff
meta.tag#d1d1d1
string#e6fbd8
entity.other.inherited-class#c90890
constant.other.symbol#a19f30
constant.numeric#4f49ff
constant#4f49ff
punctuation.definition.constant#4f49ff
entity.name.tag#ad9d19
entity.other.attribute-name#4f49ff
entity.other.attribute-name.id#4c47f7normal
entity.other.attribute-name.class.css#4f49ffnormal
meta.selector#0562c4
markup.heading#ad9d19
markup.heading punctuation.definition.heading, entity.name.section#4c47f7
keyword.other.unit#ad9d19
markup.bold,todo.bold#4f49ff
punctuation.definition.bold#c90890
markup.italic, punctuation.definition.italic,todo.emphasis#0562c4
emphasis md#0562c4
entity.name.section.markdown#ad9d19
punctuation.definition.heading.markdown#ad9d19
punctuation.definition.list.begin.markdown#ad9d19
markup.heading.setext#d1d1d1
punctuation.definition.bold.markdown#4f49ff
markup.inline.raw.markdown#e6fbd8
markup.inline.raw.string.markdown#e6fbd8
punctuation.definition.list.markdown#ad9d19
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#ad9d19
beginning.punctuation.definition.list.markdown#ad9d19
punctuation.definition.metadata.markdown#ad9d19
markup.underline.link.markdown,markup.underline.link.image.markdown#0562c4
string.other.link.title.markdown,string.other.link.description.markdown#4c47f7
string.regexp#a19f30
constant.character.escape#a19f30
punctuation.section.embedded, variable.interpolation#ad9d19
punctuation.section.embedded.begin,punctuation.section.embedded.end#0562c4
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#d1d1d1
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#ad9d19
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#ad9d19
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#e6fbd8
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#a19f30
support.type.property-name.json#ad9d19
support.type.property-name.json punctuation#ad9d19
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#0562c4
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#0562c4
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#c90890
keyword.operator.error-control.php#0562c4
keyword.operator.type.php#0562c4
punctuation.section.array.begin.php#d1d1d1
punctuation.section.array.end.php#d1d1d1
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#c90890
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#4c47f7
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#d1d1d1
support.constant.core.rust#4f49ff
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#4f49ff
entity.name.goto-label.php,support.other.php#4c47f7
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#a19f30
keyword.operator.regexp.php#0562c4
keyword.operator.comparison.php#a19f30
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#0562c4
meta.function.decorator.python#4c47f7
support.token.decorator.python,meta.function.decorator.identifier.python#a19f30
function.parameter#d1d1d1
function.brace#d1d1d1
function.parameter.ruby, function.parameter.cs#d1d1d1
constant.language.symbol.ruby#a19f30
rgb-value#a19f30
inline-color-decoration rgb-value#4f49ff
less rgb-value#4f49ff
selector.sass#ad9d19
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#c90890
block.scope.end,block.scope.begin#d1d1d1
storage.type.cs#c90890
entity.name.variable.local.cs#ad9d19
token.info-token#4c47f7
token.warn-token#4f49ff
token.error-token#f44747
token.debug-token#0562c4
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#0562c4
meta.template.expression#d1d1d1
keyword.operator.module#0562c4
support.type.type.flowtype#4c47f7
support.type.primitive#c90890
meta.property.object#ad9d19
variable.parameter.function.js#ad9d19
keyword.other.template.begin#e6fbd8
keyword.other.template.end#e6fbd8
keyword.other.substitution.begin#e6fbd8
keyword.other.substitution.end#e6fbd8
keyword.operator.assignment#a19f30
keyword.operator.assignment.go#c90890
keyword.operator.arithmetic.go, keyword.operator.address.go#0562c4
entity.name.package.go#c90890
support.type.prelude.elm#a19f30
support.constant.elm#4f49ff
punctuation.quasi.element#0562c4
constant.character.entity#ad9d19
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#a19f30
entity.global.clojure#c90890
meta.symbol.clojure#ad9d19
constant.keyword.clojure#a19f30
meta.arguments.coffee, variable.parameter.function.coffee#ad9d19
source.ini#e6fbd8
meta.scope.prerequisites.makefile#ad9d19
source.makefile#c90890
storage.modifier.import.groovy#c90890
meta.method.groovy#4c47f7
meta.definition.variable.name.groovy#ad9d19
meta.definition.class.inherited.classes.groovy#e6fbd8
support.variable.semantic.hlsl#c90890
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#0562c4
text.variable, text.bracketed#ad9d19
support.type.swift, support.type.vb.asp#c90890
entity.name.function.xi#c90890
entity.name.class.xi#a19f30
constant.character.character-class.regexp.xi#ad9d19
constant.regexp.xi#0562c4
keyword.control.xi#a19f30
invalid.xi#d1d1d1
beginning.punctuation.definition.quote.markdown.xi#e6fbd8
beginning.punctuation.definition.list.markdown.xi#31d161ea
constant.character.xi#4c47f7
accent.xi#4c47f7
wikiword.xi#4f49ff
constant.other.color.rgb-value.xi#ffffff
punctuation.definition.tag.xi#8e8e8e
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#c90890
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#ad9d19
meta.brace.square#d1d1d1
comment, punctuation.definition.comment#31d161eaitalic
markup.quote.markdown#31d161ea
punctuation.definition.block.sequence.item.yaml#d1d1d1
constant.language.symbol.elixir#a19f30
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...