Skip to main content
CodingTheme

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#131313
  • activityBar.background#030501
  • activityBar.border#bb131a
  • activityBar.foreground#bb131a
  • activityBar.inactiveForeground#e5f5fca7
  • activityBarBadge.background#bb131a
  • activityBarBadge.foreground#e5f5fc
  • badge.background#4d4d4d
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#e0e0e0
  • breadcrumb.background#0a0a0a
  • breadcrumb.focusForeground#e0e0e0
  • breadcrumb.foreground#cccccccc
  • button.background#bb131a
  • button.foreground#ffffff
  • button.hoverBackground#790005
  • button.secondaryBackground#3a3d41
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#45494e
  • checkbox.background#3c3c3c
  • checkbox.border#00000000
  • checkbox.foreground#cccccc
  • debugExceptionWidget.background#333333
  • debugExceptionWidget.border#474747
  • debugToolBar.background#333333
  • debugToolBar.border#474747
  • diffEditor.border#444444
  • diffEditor.insertedTextBackground#9bb95533
  • diffEditor.removedTextBackground#ff000033
  • dropdown.background#3c3c3c
  • dropdown.border#00000000
  • dropdown.foreground#cccccc
  • editor.background#1a1a19
  • editor.findMatchBackground#515c6a
  • editor.findMatchBorder#74879f
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.findMatchHighlightBorder#ffffff00
  • editor.findRangeHighlightBackground#3a3d4166
  • editor.findRangeHighlightBorder#ffffff00
  • editor.foldBackground#264f784d
  • editor.foreground#c7c7c7
  • editor.hoverHighlightBackground#264f7840
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#ffffff0A
  • editor.lineHighlightBorder#282828
  • editor.rangeHighlightBackground#ffffff0b
  • editor.rangeHighlightBorder#ffffff00
  • editor.selectionBackground#264f78
  • editor.selectionHighlightBackground#add6ff26
  • editor.selectionHighlightBorder#495F77
  • editor.wordHighlightBackground#575757b8
  • editor.wordHighlightStrongBackground#004972b8
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#888888
  • editorCodeLens.foreground#999999
  • editorCursor.background#000000
  • editorCursor.foreground#aeafad
  • editorError.background#B73A3400
  • editorError.border#ffffff00
  • editorError.foreground#ec7373
  • editorGroup.border#444444
  • editorGroup.emptyBackground#1a1a19
  • editorGroupHeader.tabsBackground#111111
  • editorGutter.addedBackground#587c0c
  • editorGutter.background#0a0a0a
  • editorGutter.commentRangeForeground#c5c5c5
  • editorGutter.deletedBackground#94151b
  • editorGutter.foldingControlForeground#c5c5c5
  • editorGutter.modifiedBackground#0c7d9d
  • editorHoverWidget.background#252526
  • editorHoverWidget.border#454545
  • editorHoverWidget.foreground#cccccc
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.background#4490BF00
  • editorInfo.border#4490BF00
  • editorInfo.foreground#75beff
  • editorLineNumber.activeForeground#cd0c0c
  • editorLineNumber.foreground#eaeaea
  • editorLink.activeForeground#ce4e4e
  • editorMarkerNavigation.background#2d2d30
  • editorMarkerNavigationError.background#f48771
  • editorMarkerNavigationInfo.background#75beff
  • editorMarkerNavigationWarning.background#cca700
  • editorOverviewRuler.background#25252500
  • editorOverviewRuler.border#7f7f7f4d
  • editorRuler.foreground#5a5a5a
  • editorSuggestWidget.background#252526
  • editorSuggestWidget.border#454545
  • editorSuggestWidget.foreground#d4d4d4
  • editorSuggestWidget.highlightForeground#bb131a
  • editorSuggestWidget.selectedBackground#49070a91
  • editorWarning.background#A9904000
  • editorWarning.border#ffffff00
  • editorWarning.foreground#cca700
  • editorWhitespace.foreground#e3e4e229
  • editorWidget.background#252526
  • editorWidget.foreground#cccccc
  • editorWidget.resizeBorder#5F5F5F
  • focusBorder#bb131a
  • foreground#bb131a
  • gitDecoration.addedResourceForeground#81b88b
  • gitDecoration.conflictingResourceForeground#6c6cc4
  • gitDecoration.deletedResourceForeground#ba2f35
  • gitDecoration.ignoredResourceForeground#8c8c8c
  • gitDecoration.modifiedResourceForeground#e2c08d
  • gitDecoration.stageDeletedResourceForeground#ba363c
  • gitDecoration.stageModifiedResourceForeground#e2c08d
  • gitDecoration.submoduleResourceForeground#8db9e2
  • gitDecoration.untrackedResourceForeground#73c991
  • icon.foreground#bb131a
  • input.background#3c3c3c
  • input.border#00000000
  • input.foreground#cccccc
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBackground#bb131a93
  • inputOption.activeBorder#007acc00
  • inputOption.activeForeground#ffffff
  • list.activeSelectionBackground#bb131ab5
  • list.activeSelectionForeground#cddbe2
  • list.dropBackground#71717116
  • list.focusBackground#1b1b1bfd
  • list.focusForeground#cddbe2
  • list.highlightForeground#b82e33
  • list.hoverBackground#cf081036
  • list.hoverForeground#cddbe2
  • list.inactiveSelectionBackground#bb131a78
  • list.inactiveSelectionForeground#cddbe2
  • listFilterWidget.background#58191991
  • listFilterWidget.noMatchesOutline#be1100
  • listFilterWidget.outline#00000000
  • menu.background#252526
  • menu.border#00000085
  • menu.foreground#d7d7d7
  • menu.selectionBackground#bb131ad5
  • menu.selectionBorder#00000000
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#bbbbbb
  • menubar.selectionBackground#00000042
  • menubar.selectionForeground#cccccc
  • merge.commonContentBackground#282828
  • merge.commonHeaderBackground#383838
  • merge.currentContentBackground#27403B
  • merge.currentHeaderBackground#367366
  • merge.incomingContentBackground#28384B
  • merge.incomingHeaderBackground#395F8F
  • minimap.background#1a1a19
  • minimap.errorHighlight#ec7373
  • minimap.findMatchHighlight#515c6a
  • minimap.selectionHighlight#264f78
  • minimap.warningHighlight#cca700
  • minimapGutter.addedBackground#587c0c
  • minimapGutter.deletedBackground#94151b
  • minimapGutter.modifiedBackground#0c7d9d
  • notificationCenter.border#474747
  • notificationCenterHeader.background#303031
  • notificationCenterHeader.foreground#cccccc
  • notifications.background#252526
  • notifications.border#303031
  • notifications.foreground#cccccc
  • notificationsErrorIcon.foreground#f48771
  • notificationsInfoIcon.foreground#75beff
  • notificationsWarningIcon.foreground#cca700
  • notificationToast.border#474747
  • panel.background#111111
  • panel.border#80808059
  • panelSection.border#80808059
  • panelTitle.activeBorder#e7e7e7
  • panelTitle.activeForeground#e7e7e7
  • panelTitle.inactiveForeground#e7e7e799
  • peekView.border#cc0000
  • peekViewEditor.background#330000
  • peekViewEditor.matchHighlightBackground#c9800f99
  • peekViewEditor.matchHighlightBorder#d76f00
  • peekViewEditorGutter.background#330000
  • peekViewResult.background#252526
  • peekViewResult.fileForeground#ffffff
  • peekViewResult.lineForeground#bbbbbb
  • peekViewResult.matchHighlightBackground#ea5c004d
  • peekViewResult.selectionBackground#3399ff33
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#1e1e1e
  • peekViewTitleDescription.foreground#ccccccb3
  • peekViewTitleLabel.foreground#ffffff
  • pickerGroup.border#3f3f46
  • pickerGroup.foreground#be0911
  • progressBar.background#bb131a
  • scrollbar.shadow#bb131a
  • scrollbarSlider.activeBackground#bfbfbf66
  • scrollbarSlider.background#79797966
  • scrollbarSlider.hoverBackground#646464b3
  • selection.background#c71a22a7
  • settings.focusedRowBackground#ffffff07
  • settings.headerForeground#bb131a
  • sideBar.background#131313
  • sideBar.border#bb131a56
  • sideBar.dropBackground#71717116
  • sideBar.foreground#cddbe2
  • sideBarSectionHeader.background#ff000000
  • sideBarSectionHeader.border#bb131a56
  • sideBarSectionHeader.foreground#cddbe2
  • sideBarTitle.foreground#ffffff
  • statusBar.background#6d0207dd
  • statusBar.border#d3121200
  • statusBar.debuggingBackground#490508
  • statusBar.debuggingBorder#ffffff00
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#030501
  • statusBar.noFolderForeground#bb131acf
  • statusBarItem.activeBackground#FFFFFF25
  • statusBarItem.hoverBackground#e6e1e112
  • statusBarItem.remoteBackground#e5f5fc
  • statusBarItem.remoteForeground#1a1a19
  • tab.activeBackground#0a0a0a
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#ffffff
  • tab.border#252526
  • tab.inactiveBackground#111111
  • 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#bb131a
  • terminalCursor.foreground#ffffff
  • textLink.foreground#c9393f
  • titleBar.activeBackground#030501
  • titleBar.activeForeground#e2e1e1
  • titleBar.border#b46c6c00
  • titleBar.inactiveBackground#1a1a196e
  • titleBar.inactiveForeground#92929299
  • tree.indentGuidesStroke#bb131aa1
  • 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#9aa4f8dd
variable.other.generic-type.haskell#c0020afb
storage.type.haskell#f0b27b
support.variable.magic.python#9aa4f8dd
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#c7c7c7
variable.parameter.function.language.special.self.python#f4d7f5
storage.modifier.lifetime.rust#c7c7c7
support.function.std.rust#9c7ce2
entity.name.lifetime.rust#f4d7f5
variable.language.rust#9aa4f8dd
support.constant.edge#c0020afb
constant.other.character-class.regexp#9aa4f8dd
keyword.operator.quantifier.regexp#f0b27b
punctuation.definition.string.begin,punctuation.definition.string.end#ca9be4
variable.parameter.function#c7c7c7
comment markup.link#7f848e
markup.changed.diff#f4d7f5
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#9c7ce2
markup.inserted.diff#ca9be4
markup.deleted.diff#9aa4f8dd
meta.function.c,meta.function.cpp#9aa4f8dd
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#c7c7c7
punctuation.separator.key-value#c7c7c7
keyword.operator.expression.import#9c7ce2
support.constant.math#f4d7f5
support.constant.property.math#f0b27b
variable.other.constant#f4d7f5
storage.type.annotation.java, storage.type.object.array.java#f4d7f5
source.java#9aa4f8dd
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#c7c7c7
meta.method.java#9c7ce2
storage.modifier.import.java,storage.type.java,storage.type.generic.java#f4d7f5
keyword.operator.instanceof.java#c0020afb
meta.definition.variable.name.java#9aa4f8dd
keyword.operator.logical#960101
keyword.operator.bitwise#960101
keyword.operator.channel#960101
support.constant.property-value.scss,support.constant.property-value.css#f0b27b
keyword.operator.css,keyword.operator.scss,keyword.operator.less#960101
support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss#f0b27b
punctuation.separator.list.comma.css#c7c7c7
support.constant.color.w3c-standard-color-name.css#f0b27b
support.type.vendored.property-name.css#960101
support.module.node,support.type.object.module,support.module.node#f4d7f5
entity.name.type.module#f4d7f5
variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node#9aa4f8dd
support.constant.json#f0b27b
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof#c0020afb
support.type.object.console#9aa4f8dd
support.variable.property.process#f0b27b
entity.name.function,support.function.console#9c7ce2
keyword.operator.misc.rust#c7c7c7
keyword.operator.sigil.rust#c0020afb
keyword.operator.delete#c0020afb
support.type.object.dom#960101
support.variable.dom,support.variable.property.dom#9aa4f8dd
keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational#960101
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#c0020afb
punctuation.separator.delimiter#c7c7c7
punctuation.separator.c,punctuation.separator.cpp#c0020afb
support.type.posix-reserved.c,support.type.posix-reserved.cpp#960101
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#c0020afb
variable.parameter.function.language.python#f0b27b
support.type.python#960101
keyword.operator.logical.python#c0020afb
variable.parameter.function.python#f0b27b
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#c7c7c7
meta.function-call.generic.python#9c7ce2
constant.character.format.placeholder.other.python#f0b27b
keyword.operator#c7c7c7
keyword.operator.assignment.compound#c0020afb
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#960101
keyword#c0020afb
entity.name.namespace#f4d7f5
variable#9aa4f8dd
variable.c#c7c7c7
variable.language#f4d7f5
token.variable.parameter.java#c7c7c7
import.storage.java#f4d7f5
token.package.keyword#c0020afb
token.package#c7c7c7
entity.name.function, meta.require, support.function.any-method, variable.function#9c7ce2
entity.name.type.namespace#f4d7f5
support.class, entity.name.type.class#f4d7f5
entity.name.class.identifier.namespace.type#f4d7f5
entity.name.class, variable.other.class.js, variable.other.class.ts#f4d7f5
variable.other.class.php#9aa4f8dd
entity.name.type#f4d7f5
keyword.control#c0020afb
control.elements, keyword.operator.less#f0b27b
keyword.other.special-method#9c7ce2
storage#c0020afb
token.storage#c0020afb
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#c0020afb
token.storage.type.java#f4d7f5
support.function#960101
support.type.property-name#c7c7c7
support.constant.property-value#c7c7c7
support.constant.font-name#f0b27b
meta.tag#c7c7c7
string#ca9be4
entity.other.inherited-class#f4d7f5
constant.other.symbol#960101
constant.numeric#f0b27b
constant#f0b27b
punctuation.definition.constant#f0b27b
entity.name.tag#9aa4f8dd
entity.other.attribute-name#f0b27b
entity.other.attribute-name.id#9c7ce2normal
entity.other.attribute-name.class.css#f0b27bnormal
meta.selector#c0020afb
markup.heading#9aa4f8dd
markup.heading punctuation.definition.heading, entity.name.section#9c7ce2
keyword.other.unit#9aa4f8dd
markup.bold,todo.bold#f0b27b
punctuation.definition.bold#f4d7f5
markup.italic, punctuation.definition.italic,todo.emphasis#c0020afb
emphasis md#c0020afb
entity.name.section.markdown#9aa4f8dd
punctuation.definition.heading.markdown#9aa4f8dd
punctuation.definition.list.begin.markdown#9aa4f8dd
markup.heading.setext#c7c7c7
punctuation.definition.bold.markdown#f0b27b
markup.inline.raw.markdown#ca9be4
markup.inline.raw.string.markdown#ca9be4
punctuation.definition.list.markdown#9aa4f8dd
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#9aa4f8dd
beginning.punctuation.definition.list.markdown#9aa4f8dd
punctuation.definition.metadata.markdown#9aa4f8dd
markup.underline.link.markdown,markup.underline.link.image.markdown#c0020afb
string.other.link.title.markdown,string.other.link.description.markdown#9c7ce2
string.regexp#960101
constant.character.escape#960101
punctuation.section.embedded, variable.interpolation#9aa4f8dd
punctuation.section.embedded.begin,punctuation.section.embedded.end#c0020afb
invalid.illegal#ffffff
invalid.illegal.bad-ampersand.html#c7c7c7
invalid.broken#ffffff
invalid.deprecated#ffffff
invalid.unimplemented#ffffff
source.json meta.structure.dictionary.json > string.quoted.json#9aa4f8dd
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#9aa4f8dd
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#ca9be4
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#960101
support.type.property-name.json#9aa4f8dd
support.type.property-name.json punctuation#9aa4f8dd
text.html.laravel-blade source.php.embedded.line.html entity.name.tag.laravel-blade#c0020afb
text.html.laravel-blade source.php.embedded.line.html support.constant.laravel-blade#c0020afb
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#f4d7f5
keyword.operator.error-control.php#c0020afb
keyword.operator.type.php#c0020afb
punctuation.section.array.begin.php#c7c7c7
punctuation.section.array.end.php#c7c7c7
invalid.illegal.non-null-typehinted.php#f44747
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#f4d7f5
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#9c7ce2
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#c7c7c7
support.constant.core.rust#f0b27b
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#f0b27b
entity.name.goto-label.php,support.other.php#9c7ce2
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#960101
keyword.operator.regexp.php#c0020afb
keyword.operator.comparison.php#960101
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#c0020afb
meta.function.decorator.python#9c7ce2
support.token.decorator.python,meta.function.decorator.identifier.python#960101
function.parameter#c7c7c7
function.brace#c7c7c7
function.parameter.ruby, function.parameter.cs#c7c7c7
constant.language.symbol.ruby#960101
rgb-value#960101
inline-color-decoration rgb-value#f0b27b
less rgb-value#f0b27b
selector.sass#9aa4f8dd
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#f4d7f5
block.scope.end,block.scope.begin#c7c7c7
storage.type.cs#f4d7f5
entity.name.variable.local.cs#9aa4f8dd
token.info-token#9c7ce2
token.warn-token#f0b27b
token.error-token#f44747
token.debug-token#c0020afb
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#c0020afb
meta.template.expression#c7c7c7
keyword.operator.module#c0020afb
support.type.type.flowtype#9c7ce2
support.type.primitive#f4d7f5
meta.property.object#9aa4f8dd
variable.parameter.function.js#9aa4f8dd
keyword.other.template.begin#ca9be4
keyword.other.template.end#ca9be4
keyword.other.substitution.begin#ca9be4
keyword.other.substitution.end#ca9be4
keyword.operator.assignment#960101
keyword.operator.assignment.go#f4d7f5
keyword.operator.arithmetic.go, keyword.operator.address.go#c0020afb
entity.name.package.go#f4d7f5
support.type.prelude.elm#960101
support.constant.elm#f0b27b
punctuation.quasi.element#c0020afb
constant.character.entity#9aa4f8dd
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#960101
entity.global.clojure#f4d7f5
meta.symbol.clojure#9aa4f8dd
constant.keyword.clojure#960101
meta.arguments.coffee, variable.parameter.function.coffee#9aa4f8dd
source.ini#ca9be4
meta.scope.prerequisites.makefile#9aa4f8dd
source.makefile#f4d7f5
storage.modifier.import.groovy#f4d7f5
meta.method.groovy#9c7ce2
meta.definition.variable.name.groovy#9aa4f8dd
meta.definition.class.inherited.classes.groovy#ca9be4
support.variable.semantic.hlsl#f4d7f5
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#c0020afb
text.variable, text.bracketed#9aa4f8dd
support.type.swift, support.type.vb.asp#f4d7f5
entity.name.function.xi#f4d7f5
entity.name.class.xi#960101
constant.character.character-class.regexp.xi#9aa4f8dd
constant.regexp.xi#c0020afb
keyword.control.xi#960101
invalid.xi#c7c7c7
beginning.punctuation.definition.quote.markdown.xi#ca9be4
beginning.punctuation.definition.list.markdown.xi#7f848e
constant.character.xi#9c7ce2
accent.xi#9c7ce2
wikiword.xi#f0b27b
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#f4d7f5
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#9aa4f8dd
meta.brace.square#c7c7c7
comment, punctuation.definition.comment#7f848eitalic
markup.quote.markdown#7f848e
punctuation.definition.block.sequence.item.yaml#c7c7c7
constant.language.symbol.elixir#960101
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...