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.background#1b1e28
  • activityBar.foreground#a6accd
  • activityBar.inactiveForeground#a6accd66
  • activityBarBadge.background#303340
  • activityBarBadge.foreground#e4f0fb
  • badge.background#303340
  • badge.foreground#e4f0fb
  • breadcrumb.activeSelectionForeground#e4f0fb
  • breadcrumb.background#00000000
  • breadcrumb.focusForeground#e4f0fb
  • breadcrumb.foreground#767c9dcc
  • button.background#303340
  • button.foreground#e4f0fb
  • button.hoverBackground#50647750
  • button.secondaryBackground#a6accd76
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#a6accda9
  • checkbox.background#ffffff05
  • checkbox.border#ffffff10
  • checkbox.foreground#e4f0fb
  • debugExceptionWidget.background#303340
  • debugExceptionWidget.border#3c3f49
  • debugToolBar.background#303340
  • debugToolBar.border#3c3f49
  • diffEditor.border#44444400
  • diffEditor.insertedTextBackground#50777324
  • diffEditor.removedTextBackground#c75f5f20
  • dropdown.background#1b1e28
  • dropdown.border#ffffff10
  • dropdown.foreground#e4f0fb
  • editor.background#1b1e28
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#717cb40b
  • editor.foreground#a6accd
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#717cb425
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f78
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#add7ff20
  • editor.wordHighlightStrongBackground#add7ff40
  • editorBracketMatch.background#00000000
  • editorBracketMatch.border#e4f0fb40
  • editorCodeLens.foreground#a6accd
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#d0676c
  • editorGroup.border#00000030
  • editorGroup.emptyBackground#1b1e28
  • editorGroupHeader.tabsBackground#1b1e28
  • editorGutter.addedBackground#4fe2c240
  • editorGutter.background#1b1e28
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#d0676c40
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#add7ff20
  • editorHoverWidget.background#1b1e28
  • editorHoverWidget.border#ffffff10
  • editorHoverWidget.foreground#a6accd
  • editorIndentGuide.activeBackground1#ffffff1f
  • editorIndentGuide.background1#303340
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#add7ff
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585
  • editorLink.activeForeground#add7ff
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#d0676c
  • editorMarkerNavigationInfo.background#add7ff
  • editorMarkerNavigationWarning.background#fffac2
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#00000000
  • editorRuler.foreground#e4f0fb10
  • editorSuggestWidget.background#1b1e28
  • editorSuggestWidget.border#ffffff10
  • editorSuggestWidget.foreground#a6accd
  • editorSuggestWidget.highlightForeground#5de4c7
  • editorSuggestWidget.selectedBackground#00000050
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#e6dd78
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#1b1e28
  • editorWidget.foreground#a6accd
  • editorWidget.resizeBorder#363b4b
  • focusBorder#00000000
  • foreground#CECECE
  • gitDecoration.addedResourceForeground#5fb3a1
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#d06776
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#c9b08c
  • gitDecoration.stageDeletedResourceForeground#d15986
  • gitDecoration.stageModifiedResourceForeground#cb996e
  • gitDecoration.submoduleResourceForeground#89ddff
  • gitDecoration.untrackedResourceForeground#5de4c7
  • icon.foreground#CECECE
  • input.background#ffffff05
  • input.border#ffffff10
  • input.foreground#e4f0fb
  • input.placeholderForeground#a6accd60
  • inputOption.activeBackground#63626b24
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#30334080
  • list.activeSelectionForeground#e4f0fb
  • list.dropBackground#4e5e6da3
  • list.focusBackground#30334080
  • list.focusForeground#a6accd
  • list.highlightForeground#5fb3a1
  • list.hoverBackground#30334080
  • list.hoverForeground#e4f0fb
  • list.inactiveSelectionBackground#30334080
  • list.inactiveSelectionForeground#e4f0fb
  • listFilterWidget.background#303340
  • listFilterWidget.noMatchesOutline#d0679d
  • listFilterWidget.outline#00000000
  • menu.background#1b1e28
  • menu.border#00000085
  • menu.foreground#e4f0fb
  • menu.selectionBackground#303340
  • menu.selectionBorder#00000000
  • menu.selectionForeground#7390aa
  • menu.separatorBackground#767c9d
  • menubar.selectionBackground#717cb425
  • menubar.selectionForeground#a6accd
  • merge.commonContentBackground#303030
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#174841
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#1b1e28
  • minimap.errorHighlight#d0676c
  • minimap.findMatchHighlight#515c6a00
  • minimap.selectionHighlight#264f7800
  • minimap.warningHighlight#e6dd78
  • minimapGutter.addedBackground#4fe2c240
  • minimapGutter.deletedBackground#d0676c40
  • minimapGutter.modifiedBackground#add7ff20
  • notificationCenter.border#303340
  • notificationCenterHeader.background#303340
  • notificationCenterHeader.foreground#FFFFFF
  • notifications.background#1b1e28
  • notifications.border#303340
  • notifications.foreground#e4f0fb
  • notificationsErrorIcon.foreground#d0679d
  • notificationsInfoIcon.foreground#add7ff
  • notificationsWarningIcon.foreground#fffac2
  • notificationToast.border#242b43
  • panel.background#1b1e28
  • panel.border#00000030
  • panelSection.border#2c2c2c4e
  • panelTitle.activeBorder#a6accd
  • panelTitle.activeForeground#a6accd
  • panelTitle.inactiveForeground#a6accd99
  • peekView.border#95a2ea99
  • peekViewEditor.background#101010
  • peekViewEditor.matchHighlightBackground#303340
  • peekViewEditor.matchHighlightBorder#3b3f4f6c
  • peekViewEditorGutter.background#a6accd05
  • peekViewResult.background#a6accd05
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#a6accd
  • peekViewResult.matchHighlightBackground#303340
  • peekViewResult.selectionBackground#717cb425
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#a6accd05
  • peekViewTitleDescription.foreground#a6accd60
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#a6accd
  • pickerGroup.foreground#89ddff
  • progressBar.background#89ddff
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#a6accd25
  • scrollbarSlider.background#00000080
  • scrollbarSlider.hoverBackground#a6accd25
  • selection.background#a6accd8b
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#CECECE
  • sideBar.background#1b1e28
  • sideBar.dropBackground#4e5e6da3
  • sideBar.foreground#767c9d
  • sideBarSectionHeader.background#1b1e28
  • sideBarSectionHeader.border#1b1e28
  • sideBarSectionHeader.foreground#a6accd
  • sideBarTitle.foreground#a6accd
  • statusBar.background#1b1e28
  • statusBar.debuggingBackground#393449
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#a6accd
  • statusBar.noFolderBackground#1b1e28
  • statusBar.noFolderForeground#a6accd
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#ffffff1f
  • statusBarItem.remoteBackground#303340
  • statusBarItem.remoteForeground#e4f0fb
  • tab.activeBackground#30334080
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#e4f0fb
  • tab.border#00000000
  • tab.hoverBackground#30334028
  • tab.inactiveBackground#1b1e28
  • tab.inactiveForeground#767c9d
  • 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#2c2c2c4e
  • terminal.foreground#cccccc
  • terminal.selectionBackground#717cb425
  • terminalCursor.background#41505e
  • terminalCursor.foreground#ffffff
  • textLink.foreground#add7ff
  • titleBar.activeBackground#1b1e28
  • titleBar.activeForeground#a6accd
  • titleBar.border#00000000
  • titleBar.inactiveBackground#1b1e28
  • titleBar.inactiveForeground#767c9d
  • tree.indentGuidesStroke#303340
  • walkThrough.embeddedEditorBackground#00000050
  • widget.shadow#00000030

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