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#ffffff
  • activityBar.foreground#000000
  • activityBarBadge.background#af00db
  • editor.background#ffffff
  • editor.foreground#000000
  • editor.inactiveSelectionBackground#3a3d41
  • editor.selectionBackground#add6ff80
  • editorError.border#ffffff
  • editorError.foreground#811f3f
  • editorGutter.addedBackground#008000
  • editorGutter.deletedBackground#811f3f
  • editorGutter.modifiedBackground#795e26
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.border#ffffff
  • editorInfo.foreground#0070c1
  • editorLineNumber.activeForeground#008000
  • editorOverviewRuler.addedForeground#008000
  • editorOverviewRuler.deletedForeground#811f3f
  • editorOverviewRuler.errorForeground#811f3f
  • editorOverviewRuler.infoForeground#d4d4d4
  • editorOverviewRuler.modifiedForeground#795e26
  • editorOverviewRuler.warningForeground#795e26
  • editorWarning.border#ffffff
  • editorWarning.foreground#795e26
  • gitDecoration.addedResourceForeground#608b4e
  • gitDecoration.conflictingResourceForeground#811f3f
  • gitDecoration.deletedResourceForeground#d7ba7d
  • gitDecoration.ignoredResourceForeground#808080
  • gitDecoration.modifiedResourceForeground#608b4e
  • gitDecoration.untrackedResourceForeground#d7ba7d
  • list.activeSelectionIconForeground#ffffff
  • list.dropBackground#383b3d
  • minimap.selectionOccurrenceHighlight#af00db
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#ffffff
  • statusBar.foreground#000000
  • terminal.ansiBlack#808080
  • terminal.ansiBlue#569cd6
  • terminal.ansiBrightBlack#808080
  • terminal.ansiBrightBlue#9cdcfe
  • terminal.ansiBrightCyan#4ec9b0
  • terminal.ansiBrightGreen#b5cea8
  • terminal.ansiBrightMagenta#c586c0
  • terminal.ansiBrightRed#d16969
  • terminal.ansiBrightWhite#d4d4d4
  • terminal.ansiBrightYellow#ce9178
  • terminal.ansiCyan#4ec9b0
  • terminal.ansiGreen#608b4e
  • terminal.ansiMagenta#c586c0
  • terminal.ansiRed#d16969
  • terminal.ansiWhite#d4d4d4
  • terminal.ansiYellow#d7ba7d
  • terminal.background#ffffff
  • terminal.foreground#000000
  • terminal.selectionBackground#add6ff80
  • terminalCursor.foreground#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.line.double-slash.js, comment.block.html, comment.block.handlebars#008000
comment.block.js, comment.line.shebang.js, comment.line.number-sign.shebang.shell, comment.block.documentation.js, comment.block.go, comment.block.documentation.ts, comment.line.number-sign.ini, comment.line.number-sign.yaml#008000
meta.tag.sgml.html, meta.tag.sgml.doctype.html, meta.tag.sgml.html punctuation.definition.tag.html, meta.structure.dictionary.json, punctuation.terminator, invalid.illegal.bad-comments-or-CDATA.html#1e1e1e
punctuation.terminator#a4a4a4
meta.embedded.block.sql#000000
constant.numeric, keyword.other.unit, meta.preprocessor.numeric#098658
invalid#811f3f
meta.selector, constant.character, constant.other.symbol, constant.character.escape#ee0000
meta.diff.header#af00db
string, string.tag, string.value, meta.preprocessor.string#a31515
storage, storage.type, storage.modifier, constant.other.placeholder, keyword, keyword.control, meta.preprocessor, keyword.control.new, constant.language, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof#0000ff
entity.name.function, support.function#795e26
meta.return-type, support.class, support.type, entity.name.type, entity.name.class#267f99
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#267f99
keyword.control, keyword.operator#af00db
variable, support.variable, meta.definition.variable.name#0070c1
code-runner.output code-runner.running string, code-runner.running code-runner.done string#a31515italic
token.info-token#0070c1
token.warn-token#795e26
token.error-token#811f3f
token.debug-token#af00db
punctuation.definition.tag#1e1e1e
entity.other.attribute-name#0070c1
punctuation.definition.string.begin.html, punctuation.definition.string.end.html#a31515
entity.tag, entity.name.tag, string.interpolated.jade, support.constant.handlebars, keyword.annotation.handlebars, meta.function.block.start.handlebars, meta.function.block.end.handlebars, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, meta.tag.template.value.twig, punctuation.section.tag.twig#0000ff
text.html.basic meta.brace.round.js, text.html.basic meta.brace.square.js, text.html.basic punctuation.separator.comma.js, text.html.basic punctuation.definition.block.js, text.html.basic punctuation.definition.parameters.begin.js, text.html.basic punctuation.definition.parameters.end.js, text.html.jinja punctuation.definition.parameters.begin.js, text.html.jinja punctuation.definition.parameters.end.js, text.html.jinja meta.brace.round.js, text.html.jinja meta.brace.square.js, text.html.jinja punctuation.definition.block.js, text.html.jinja punctuation.separator.comma.js#000000
meta.tag.custom.start.html entity.name.tag.html, meta.tag.custom.end.html entity.name.tag.html, text.html.derivative meta.tag.custom.end.html entity.name.tag.html, text.html.derivative meta.tag.custom.start.html entity.name.tag.html#267f99
constant.character.entity.html#ee0000
invalid.illegal.bad-angle-bracket.html#000000
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, meta.directive.vue, expression.embedded.vue, punctuation.definition.generic.begin.html, punctuation.definition.generic.end.html, punctuation.section.embedded.begin.smarty, punctuation.section.embedded.end.smarty#267f99
string.interpolated.jade#267f99
meta.control.flow.jade, meta.first-class.jade, storage.type.function.jade, storage.type.function.pug, storage.type.import.include.jade, meta.control.flow.pug storage.type.function.pug, storage.type.import.include.pug#af00db
#795e26
meta.function.block.start.handlebars, meta.function.block.end.handlebars, meta.function.block.start.handlebars support.constant.handlebars, meta.function.block.end.handlebars support.constant.handlebars#af00db
support.constant.handlebars#267f99
variable.parameter.handlebars#0070c1
support.constant.handlebars#795e26
keyword.begin.tag.ejs#267f99
text.html.ejs keyword.begin.tag.ejs meta.group.braces.round.js meta.brace.round.begin.js, text.html.ejs keyword.begin.tag.ejs meta.group.braces.round.js meta.brace.round.end.js, text.html.ejs keyword.begin.tag.ejs meta.group.braces.round.js, text.html.ejs meta.brace.round.js, text.html.ejs meta.brace.square.js, text.html.ejs punctuation.definition.parameters.begin.js, text.html.ejs punctuation.definition.parameters.end.js#000000
text.html.ejs keyword.operator.expression.typeof.js, text.html.ejs keyword.operator.expression.instanceof.js#af00db
text.html.vue-html meta.brace.round.js#000000
text.html.vue-html meta.tag.other.html#1e1e1e
text.html.vue-html source.directive.vue punctuation.definition.string.begin.html, text.html.vue-html source.directive.vue punctuation.definition.string.end.html, meta.tag.inline.any.html meta.directive.vue entity.other.attribute-name.html, meta.directive.vue punctuation.separator.key-value.html, meta.directive.vue entity.other.attribute-name.html#267f99
entity.other.jinja.delimiter.tag#1e1e1e
entity.other.jinja.delimiter.variable#267f99
variable.other.jinja#0070c1
variable.language.jinja#0000ff
punctuation.tag.liquid#1e1e1e
#267f99
support.variable.liquid, support.class.liquid#0070c1
punctuation.output.liquid, punctuation.tag.liquid, keyword.operator.liquid, entity.name.tag.liquid#af00db
meta.line.ruby.slim#af00db
text.html.derivative punctuation.definition.block.ts, text.html.derivative expression.ng keyword.operator.logical.ts, punctuation.definition.ng-binding-name.begin.html, punctuation.definition.ng-binding-name.end.html, text.html.derivative expression.ng keyword.operator.logical.ts#267f99
entity.other.ng-binding-name.ngFor.html, entity.other.ng-binding-name.ngIf.html#af00db
entity.other.ng-binding-name.property.html, entity.other.ng-binding-name.event.html, entity.other.ng-binding-name.template.html, entity.other.ng-binding-name.two-way.html#0070c1
meta.ng-binding.event.html punctuation.definition.string.begin.html, meta.ng-binding.event.html punctuation.definition.string.end.html, meta.ng-binding.property.html punctuation.definition.string.begin.html, meta.ng-binding.property.html punctuation.definition.string.end.html, meta.ng-binding.template.html punctuation.definition.string.begin.html, meta.ng-binding.template.html punctuation.definition.string.end.html, meta.ng-binding.two-way.html punctuation.definition.string.begin.html, meta.ng-binding.two-way.html punctuation.definition.string.end.html#267f99
source.groovy.embedded.source#0070c1
keyword.operator.assignment.groovy, keyword.operator.arithmetic.groovy, keyword.control.exception.groovy#af00db
punctuation.section.embedded.groovy, constant.other.groovy#0000ff
meta.method.groovy#795e26
constant.character.escape.groovy#ee0000
storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy#267f99
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#000000
variable.language.wildcard.java, punctuation.bracket.angle.java, variable.language.java#0000ff
storage.type.annotation.java, punctuation.definition.annotation.java#795e26
meta.import.java storage.modifier.import.java, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java#267f99
punctuation.separator.period.java, punctuation.separator.java, meta.import.java storage.modifier.import.java punctuation.separator.java#af00db
variable.language.javaitalic
storage.type.builtin.kotlin, storage.type.builtin.collection.kotlin, entity.name.package.kotlin#267f99
meta.template.expression.kotlin#0070c1
keyword.hard.kotlin, keyword.operator.kotlin#af00db
storage.type.scala, storage.type.primitive.scala, meta.colon.scala#267f99
meta.property-list.scss, punctuation.separator.key-value.css, punctuation.section.property-list.begin.bracket.curly, punctuation.section.property-list.end.bracket.curly, punctuation.section.media.begin.bracket.curly, punctuation.section.media.end.bracket.curly, punctuation.section.keyframes.begin.bracket.curly.scss, punctuation.section.keyframes.end.bracket.curly.scss, source.css.scss meta.at-rule.keyframes.scss punctuation.section.keyframes.begin.scss, source.css.scss meta.at-rule.keyframes.scss punctuation.section.keyframes.end.scss, punctuation.section.supports.begin.bracket.curly, punctuation.section.supports.end.bracket.curly#1e1e1e
punctuation.terminator.rule.css, punctuation.terminator.rule.scss#a4a4a4
keyword.other.important.css, keyword.other.important.sass, keyword.other.important.scss, keyword.other.important.less, keyword.other.default.scss, keyword.other.default.sassitalic
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss, meta.at-rule.keyframes.stylus entity.other.attribute-name.stylus, meta.at-rule.keyframes.scss entity.other.attribute-name.scss#ee0000
invalid.deprecated.color.system.css, punctuation.separator.list.comma.css, punctuation.section.function.begin.bracket.round.css, punctuation.section.function.end.bracket.round.css, punctuation.definition.media-query.begin.bracket.round, punctuation.definition.media-query.end.bracket.round, punctuation.definition.pseudo-class.begin.bracket.round, punctuation.definition.pseudo-class.end.bracket.round, meta.property-value.scss, meta.property-name.scss, meta.at-rule.extend, meta.at-rule.extend.sass, meta.at-rule.extend.scss, punctuation.section.function.scss, punctuation.section.keyframes.begin.scss, punctuation.section.keyframes.end.scss, punctuation.separator.key-value.css, punctuation.separator.key-value.scss, constant.other.scss#000000
entity.name.tag.css, keyword.other.important.css, keyword.other.default.scss, punctuation.definition.interpolation.begin.bracket.curly, punctuation.definition.interpolation.end.bracket.curly#0000ff
support.type.property-name.media.css, support.type.property-name, variable.css, variable.scss, variable.other.less, support.type.vendored.property-name.css, meta.at-rule.include.scss, support.constant.vendored.property-value.css#0070c1
variable.css, variable.argument.css, variable.scss, variable.other.less#267f99
source.css meta.at-rule.keyframes.body.css entity.other.keyframe-offset.css#0070c1italic
meta.attribute-selector.css#267f99
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color#a31515
entity.other.attribute-name.pseudo-element.css punctuation.definition.entity.css, meta.selector.css entity.other.attribute-name.pseudo-class.css punctuation.definition.entity.css, punctuation.definition.entity.begin.bracket.square.css, punctuation.definition.entity.end.bracket.square.css, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css, support.constant.mathematical-symbols.scss#af00db
punctuation.definition.keyword.stylus#af00db
meta.interpolation.stylus#0070c1
variable.stylus#267f99
entity.other.attribute-name.parent-selector-suffix.stylus#ee0000
meta.interpolation.stylus meta.brace.curly#0000ff
punctuation.semi-colon.css, meta.brace.curly.css#1e1e1e
constant.hex.css, meta.identifier.css#a31515
constant.percentage.units.css, constant.length.units.css, entity.other.keyframe-offset.percentage.css#098658
entity.name.tag.styledcss.js#267f99
support.function.C99.c, entity.name.function.c#795e26
comment.block.c, punctuation.terminator.statement.c#008000
string.quoted.single.c#ee0000
meta.preprocessor.include.c string.quoted.other.lt-gt.include.c punctuation.definition.string.begin.c, meta.preprocessor.include.c string.quoted.other.lt-gt.include.c punctuation.definition.string.end.c#1e1e1e
punctuation.section.arguments.begin.bracket.round.c, punctuation.section.arguments.end.bracket.round.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, punctuation.separator.delimiter.c#000000
constant.other.variable.mac-classic.c, string.quoted.double.include.c, string.quoted.other.lt-gt.include.c, meta.preprocessor.include.c string.quoted.other.lt-gt.include.c#0070c1
punctuation.separator.pointer-access.c, keyword.control.directive.include.c#af00db
storage.type.c, support.type.mac-classic.c#267f99
constant.other.placeholder.c, constant.language.c, keyword.operator.sizeof.c#0000ff
comment.block.cfml, comment.line.cfml#008000
punctuation.definition.template-expression.begin.cfml, punctuation.definition.template-expression.end.cfml, constant.character.hash.cfml.start, constant.character.hash.cfml.end#0000ff
meta.property.cfml, meta.property.constant.cfml#0070c1
punctuation.accessor.cfml#af00db
entity.name.tag.custom.cfml#267f99
entity.name.tag.cfml#0000ff
punctuation.definition.tag.begin.cfml, punctuation.definition.tag.end.cfml#1e1e1e
punctuation.separator.namespace.access.cpp#267f99
source.cpp keyword.operator.bitwise.shift.c#0000ff
keyword.operator.macro.crystalitalic
string.regexp.group.crystal punctuation.definition.group.crystal#1e1e1e
punctuation.separator.variable.crystal, punctuation.separator.object.crystal, punctuation.definition.parameters.crystal#000000
source.crystal.embedded.source#0070c1
punctuation.separator.method.crystal#af00db
support.class.crystal, punctuation.separator.other.crystal#267f99
variable.language.crystal, punctuation.section.embedded.crystal, punctuation.section.embedded.begin.crystal, punctuation.section.embedded.end.crystal, keyword.control.special-method.crystal, source.crystal punctuation.separator.key-value#0000ff
string.quoted.single.crystal, constant.other.symbol.crystal#ee0000
meta.comment.razor comment.block.razor, meta.comment.razor keyword.control.razor.comment.star, meta.comment.razor keyword.control.cshtml.transition#008000
meta.preprocessor.cs, meta.preprocessor.cs punctuation.separator.hash.cs, meta.preprocessor.cs string.unquoted.preprocessor.message.cs, meta.preprocessor.cs punctuation.separator.hash.cs, meta.preprocessor.cs keyword.preprocessor.region.cs, meta.preprocessor.cs keyword.preprocessor.endregion.cs, meta.preprocessor.cs keyword.preprocessor.if.cs, meta.preprocessor.cs keyword.preprocessor.else.cs, meta.preprocessor.cs keyword.preprocessor.endif.cs#008000italic
entity.name.tag.localname.cs, punctuation.definition.tag.cs, punctuation.terminator.statement.cs, source.cs comment.block.documentation.cs punctuation.definition.comment.cs, source.cs comment.block.documentation.cs meta.tag.cs punctuation.separator.equals.cs#008000
string.bracers.round.cshtml, punctuation.curlybrace.open.cs, punctuation.curlybrace.close.cs, punctuation.squarebracket.open.cs, punctuation.squarebracket.close.cs, string.quoted.double.cs meta.interpolation.cs punctuation.parenthesis.open.cs, string.quoted.double.cs meta.interpolation.cs punctuation.parenthesis.close.cs#000000
entity.name.variable.property.cs, entity.name.variable.parameter.cs, entity.name.variable.field.cs, entity.name.variable.local.cs, meta.interpolation.cs variable.other.object.property.cs, entity.name.variable.tuple-element.cs, entity.name.variable.enum-member.cs#0070c1
keyword.type.cs, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, punctuation.separator.question-mark.cs#267f99
keyword.other.this.cs#0000ffitalic
keyword.other.new.cs, keyword.other.var.cs, keyword.other.as.cs, keyword.other.base.cs, keyword.other.where.cs, keyword.other.typeof.cs, keyword.other.default.cs, keyword.operator.arrow.cs, keyword.other.namespace.cs, punctuation.separator.colon.cs, punctuation.definition.typeparameters.begin.cs, punctuation.definition.typeparameters.end.cs, punctuation.definition.interpolation.begin.cs, punctuation.definition.interpolation.end.cs#0000ff
keyword.other.get.cs, keyword.other.set.cs#795e26
punctuation.accessor.cs, keyword.other.await.cs, keyword.operator.assignment.cs, keyword.operator.comparison.cs, keyword.other.is.cs#af00db
invalid.rainbow10#af00db
entity.name.type.rainbow8#0000ff
constant.numeric.rainbow7#0070c1
variable.parameter.rainbow6#267f99
string.rainbow5#008000
comment.rainbow4#795e26
entity.name.function.rainbow3#ee0000
keyword.rainbow2#a31515
rainbow1#811f3f
keyword.control.new.dart#0000ff
punctuation.terminator.dart#1e1e1e
punctuation.dot.dart#af00db
meta.declaration.dart#0070c1
string.word.dictionary#008000
variable.flagged.dictionary, keyword.operator.flag.dictionary#811f3f
comment.wildcard.elixir, comment.unused.elixir#0070c1italic
punctuation.section.function.elixir#000000
parameter.variable.function.elixir, source.elixir.embedded.source, variable.other.readwrite.module.elixir, variable.other.anonymous.elixir#0070c1
punctuation.separator.method.elixir#af00db
meta.module.elixir, entity.name.type.module.elixir, variable.other.readwrite.module.elixir, variable.other.constant.elixir#267f99
constant.other.symbol.elixir, punctuation.section.embedded.elixir, punctuation.definition.variable.elixir, variable.language.elixir, source.elixir.embedded.source punctuation.section.embedded.elixir#0000ff
constant.other.symbol.elixir, punctuation.definition.constant.elixir, support.function.variable.quoted.single.elixir#ee0000
punctuation.separator.label.js#af00db
punctuation.section.embedded.elixir#267f99
comment.line.double-dash.elm#008000
meta.declaration.module.elm, keyword.other.elm, keyword.other.period.elm, keyword.pipe.elm#af00db
entity.name.record.field.accessor.elm, entity.name.record.field.elm#0070c1
#0000ff
keyword.unused.elm#0000ffitalic
storage.type.elm, constant.type-constructor.elm, support.module.elm, meta.function.type-declaration.elm keyword.other.colon.elm#267f99
punctuation.definition.placeholder.erlang, constant.other.placeholder.erlang#ee0000
punctuation.separator.parameters.erlang#000000
punctuation.section.directive.begin.erlang, punctuation.section.directive.end.erlang, punctuation.separator.module-function.erlang, punctuation.separator.record-field.erlang, punctuation.separator.list.erlang, keyword.operator.symbolic.erlang, punctuation.separator.clause-head-body.erlang#af00db
punctuation.separator.clauses.erlang, punctuation.terminator.function.erlang#1e1e1e
punctuation.separator.function-arity.erlang, variable.language.omitted.erlang#0000ff
variable.other.erlang#0070c1
punctuation.definition.variable.begin.gitignore, punctuation.definition.variable.end.gitignore#1e1e1e
support.function.git-rebase#0070c1
constant.sha.git-rebase#098658
keyword.operator.assignment.go, keyword.operator.arithmetic.go, keyword.operator.comparison.go, keyword.operator.address.go, keyword.operator.arithmetic.bitwise.go, punctuation.terminator.go, punctuation.other.colon.go, punctuation.other.period.go, keyword.control.gotemplate#af00db
string.quoted.double.gotemplate#a31515
source.go storage.type, storage.type.boolean.go, storage.type.byte.go, storage.type.numeric.go, storage.type.string.go, storage.type.error.go, storage.type.rune.go, entity.name.package.go#267f99
constant.other.rune.go, constant.character.escape.go, string.quoted.rune.go punctuation.definition.string.begin.go, string.quoted.rune.go punctuation.definition.string.end.go#ee0000
constant.other.placeholder.go, variable.other.blank.go, keyword.operator.pointer.go, keyword.operator.address.go, keyword.operator.ellipsis.go#0000ff
punctuation.section.embedded.begin.gotemplate, punctuation.section.embedded.end.gotemplate#267f99
entity.alias.import.go#0070c1
source.sheets constant.character, constant.character.format.google-sheets, punctuation.definition.placeholder.google-sheets#0000ff
punctuation.definition.string.google-sheets#a31515
variable.sheet.google-sheets#267f99
storage.type.reference.absolute.google-sheets, meta.placeholder.google-sheets#267f99
entity.scalar.graphql, entity.name.fragment.graphql#267f99
punctuation.or.graphql, punctuation.assignment.graphql#af00db
graphql.description.SINGLELINE, string.block.description.graphql.DOCSTRING, string.description.graphql#008000
meta.preprocessor.haskell#008000
storage.type.haskell, support.other.module.haskell#267f99
comment.line.number-sign.ini, punctuation.definition.entity.ini#1e1e1e
keyword.other.definition.ini#0070c1
punctuation.separator.key-value.ini#af00db
source.groovy.embedded.source#0070c1
keyword.operator.assignment.groovy, keyword.operator.arithmetic.groovy, keyword.control.exception.groovy#af00db
punctuation.section.embedded.groovy, constant.other.groovy#0000ff
meta.method.groovy#795e26
constant.character.escape.groovy#ee0000
storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy#267f99
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#000000
variable.language.wildcard.java, punctuation.bracket.angle.java, variable.language.java#0000ff
storage.type.annotation.java, punctuation.definition.annotation.java#795e26
meta.import.java storage.modifier.import.java, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java#267f99
punctuation.separator.period.java, punctuation.separator.java, meta.import.java storage.modifier.import.java punctuation.separator.java#af00db
variable.language.javaitalic
storage.type.builtin.kotlin, storage.type.builtin.collection.kotlin, entity.name.package.kotlin#267f99
meta.template.expression.kotlin#0070c1
keyword.hard.kotlin, keyword.operator.kotlin#af00db
storage.type.scala, storage.type.primitive.scala, meta.colon.scala#267f99
comment.block, comment.block.documentation.js, comment.line.shebang.js, comment.block.documentation.js punctuation.definition.comment.js#008000
comment.block.documentation.js storage.type.class.jsdoc punctuation.definition.block.tag.jsdoc, punctuation.definition.bracket.curly.begin.jsdoc, punctuation.definition.bracket.curly.end.jsdoc, storage.type.class.jsdoc, entity.name.type.instance.jsdoc variable.other.description.jsdoc#008000italic
comment.line.double-slash.js, meta.embedded.expression.js source.js.jsx comment.block.js#008000
punctuation.terminator.statement.js, punctuation.terminator.statement.ts, punctuation.terminator.statement.jsx, punctuation.terminator.statement.tsx#a4a4a4
variable.language.this#0000ffitalic
constant.character.escape.js#ee0000
keyword.other.template.begin.js, keyword.other.template.end.js, punctuation.definition.string.template.begin.js, punctuation.definition.string.template.begin.ts, punctuation.definition.string.template.end.js, punctuation.definition.string.template.end.ts#a31515
punctuation.separator.key-value.js, punctuation.separator.key-value.ts, punctuation.definition.block.js, punctuation.definition.block.ts, punctuation.separator.comma.js, punctuation.separator.comma.ts, punctuation.separator.parameter, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, meta.brace.square.js, entity.quasi.element.js, comment.block.documentation.js keyword.operator.accessor.js, punctuation.definition.binding-pattern.object, meta.brace.square.ts#000000
new.expr.js, meta.arrow.js, keyword.operator.new.js, storage.type.extends.js, variable.language.super, storage.type.function.arrow.js, keyword.operator.spread, keyword.operator.rest, keyword.operator.module.all.js, meta.brace.angle.ts, meta.brace.angle.tsx, comment.line.triple-slash.directive.ts, punctuation.definition.tag.directive.ts, punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.begin.tsx, punctuation.definition.template-expression.end.tsx, punctuation.quasi.element.end.js, punctuation.quasi.element.begin.js, punctuation.section.embedded.coffee, punctuation.definition.binding-pattern.object, punctuation.destructuring.js, punctuation.destructuring.ts, punctuation.destructuring.tsx#0000ff
meta.template.expression.js, meta.template.expression.ts, meta.brace.round.ts, meta.brace.round.js, meta.tag.without-attributes.js meta.jsx.children.js, meta.jsx.children.js#000000
support.function.js, meta.function-call.js support.function.js, entity.name.function, meta.function-call entity.name.function, variable.function, meta.function-call.method.with-arguments.js, keyword.control.require.ts, punctuation.decorator.js, punctuation.decorator.ts, meta.decorator.ts, meta.decorator.js, meta.decorator.ts variable.other.readwrite.ts, meta.decorator.js variable.other.readwrite.js, source.ts meta.class.ts meta.method.declaration.ts meta.definition.method.ts entity.name.function.ts#795e26
keyword.operator.js, punctuation.accessor.js, punctuation.accessor.optional.js, punctuation.accessor.ts, keyword.operator.typeof.js, keyword.operator.logical.js, keyword.operator.in.js, keyword.operator.arithmetic.js, keyword.operator.assignment.js, keyword.operator.comparison.js, keyword.operator.relational.js, keyword.operator.expression.of, keyword.operator.expression.in, punctuation.definition.section.case-statement#af00db
string.unquoted.js, string.unquoted.label.js, meta.object-literal.key, meta.property.object.js, constant.other.object.key.js, constant.other.object.key string.quoted.double, meta.object-literal.key string.quoted.single, meta.object-literal.key string.quoted.double, string.quoted.single meta.object-literal.key, string.quoted.double meta.object-literal.key, meta.decorator.ts meta.objectliteral.ts meta.object.member.ts variable.other.readwrite.ts, meta.decorator.js meta.objectliteral.js meta.object.member.js variable.other.readwrite.js, meta.object-literal.key.ts meta.array.literal.ts meta.brace.square.ts#0070c1
keyword.operator.optional.ts, support.type.object.module.js, support.type.object.module.js.jsx, support.type.object.module keyword.operator.accessor, keyword.operator.type.annotation.ts, keyword.operator.type.annotation.tsx, keyword.operator.definiteassignment.ts, keyword.operator.definiteassignment.tsx, punctuation.type.flowtype, support.variable.dom, support.variable.object, support.variable.object.node, support.variable.object.process, support.variable.property.process, meta.type.declaration.ts meta.type.tuple.ts punctuation.separator.label.ts#267f99
support.type.primitive.ts, support.type.primitive.tsx#267f99
punctuation.section.embedded.begin.js.jsx, punctuation.section.embedded.end.js.jsx, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, meta.tag.js meta.jsx.children.js meta.tag.js meta.jsx.children.js meta.embedded.expression.js punctuation.section.embedded.begin.js, meta.tag.js meta.jsx.children.js meta.tag.js meta.jsx.children.js meta.embedded.expression.js punctuation.section.embedded.end.js, meta.tag.js punctuation.section.embedded.begin.js, meta.tag.js punctuation.section.embedded.end.js, meta.tag.without-attributes.js punctuation.section.embedded.begin.js, meta.tag.without-attributes.js punctuation.section.embedded.end.js#267f99
string.template.tsx meta.template.expression.tsx meta.embedded.line.tsx meta.brace.round.tsx, string.template.tsx meta.template.expression.tsx meta.embedded.line.tsx meta.array.literal.tsx meta.brace.square.tsx, punctuation.separator.key-value.tsx#000000
punctuation.accessor.optional.tsx, punctuation.accessor.tsx#af00db
keyword.operator.optional.tsx#267f99
punctuation.definition.binding-pattern.array.tsx, punctuation.definition.typeparameters.begin.tsx, punctuation.definition.typeparameters.end.tsx#0000ff
comment.line.triple-slash.directive.ts, punctuation.definition.tag.directive.ts, entity.name.tag.directive.ts#008000italic
comment.block.documentation.ts#008000
punctuation.accessor.optional.ts#af00db
meta.var.expr.ts cast.expr.ts storage.modifier.ts#267f99italic
meta.type.declaration.ts meta.type.tuple.ts entity.name.label.ts, meta.return.type.arrow.ts meta.type.tuple.ts entity.name.label.ts#0070c1
meta.return.type.arrow.ts meta.type.tuple.ts meta.brace.square.ts#0000ff
meta.return.type.arrow.ts meta.type.tuple.ts meta.type.tuple.ts meta.brace.square.ts#000000
meta.return.type.arrow.ts meta.type.tuple.ts punctuation.separator.label.ts#267f99
meta.component.decoration entity.name.label.ts#0070c1
punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json, punctuation.separator.dictionary.pair.json, punctuation.separator.dictionary.key-value.json, punctuation.definition.array.begin.json, punctuation.definition.array.end.json, punctuation.separator.array.json#a4a4a4
storage.type.function-type.lisp, constant.language.lisp#0000ff
keyword.constant.lisp#0070c1
keyword.control.lisp#af00db
comment.line.number-sign.makefile#008000
variable.other.makefile#0070c1
variable.language.makefile#0000ff
entity.name.function.target.makefile, constant.character.escape.continuation.makefile#795e26
punctuation.separator.key-value.makefile, support.function.foreach.makefile, keyword.control.ifeq.makefile, keyword.control.endif.makefile, constant.character.escape.continuation.makefile#af00db
storage.source.cmake#0070c1
markup.underlineunderline
markup.bold, strongbold
markup.italic, emphasisitalic
markup.heading#0000ff
markup.inserted#098658
markup.deleted#a31515
markup.changed#0000ff
markup.inline.raw#a31515
fenced_code.block.language#267f99
markup.italic.markdown#0070c1italic
markup.bold.markdown#0000ffbold
meta.separator.markdown, entity.name.section.markdown, punctuation.definition.heading.markdown#af00db
markup.quote.markdown#008000
beginning.punctuation.definition.list.markdown, punctuation.definition.list.begin.markdown#0000ff
string.other.link.description.markdown, string.other.link.title.markdown#0070c1
markup.underline.link.markdown, markup.underline.link.image.markdown, meta.link.email.lt-gt.markdown#a4a4a4
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown, punctuation.definition.metadata.markdown, punctuation.definition.raw.markdown, punctuation.definition.link.markdown, punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.raw.markdown, beginning.punctuation.definition.quote.markdown, markup.fenced_code.block.markdown punctuation.definition.markdown, meta.link.reference.def.markdown punctuation.definition.constant.markdown, meta.link.reference.def.markdown punctuation.separator.key-value.markdown, meta.link.reference.markdown punctuation.definition.constant.begin.markdown, meta.link.reference.markdown punctuation.definition.constant.end.markdown, meta.image.reference.markdown punctuation.definition.constant.markdown, punctuation.definition.link.title.begin.markdown, punctuation.definition.link.title.end.markdown, block-dollars, inline-dollars#a4a4a4
meta.link.reference.def.markdown constant.other.reference.link.markdown, text.html.markdown meta.paragraph.markdown meta.link.inet.markdown markup.underline.link.markdown#0000ff
meta.link.reference.markdown constant.other.reference.link.markdown, meta.image.reference.markdown constant.other.reference.link.markdown#a4a4a4italic
meta.link.reference.def.markdown markup.underline.link.markdown#a31515
markup.strikethrough.markdown#a4a4a4
source.nginx constant.character.brace, source.nginx constant.character.paren#000000
source.nginx constant.character.brace, source.nginx constant.character.end#1e1e1e
source.org comment.line, source.org punctuation.definition.comment, meta.link.inline.org punctuation.definition.string.begin.org, meta.link.inline.org punctuation.definition.string.end.org, meta.link.inline.org markup.underline.link.org#1e1e1e
constant.language.proto, keyword.other.proto, storage.type.proto, storage.modifier.proto, punctuation.definition.typeparameters.begin.proto, punctuation.definition.typeparameters.end.proto#0000ff
entity.name.class.proto, entity.name.class.message.proto#267f99
punctuation.separator.key-value.proto#af00db
variable.other.proto#0070c1
constant.numeric.proto#098658
string.quoted.docstring.multi.python, string.quoted.docstring.multi.python keyword.control.flow.python#008000
variable.language.special.self.python, support.function.magic.python, support.variable.magic.python, storage.type.string.python, variable.parameter.function.language.special.self.python, meta.function.decorator.python support.type.pythonitalic
meta.function-call.arguments.python, keyword.operator.assignment.python, punctuation.separator.period.python, punctuation.separator.element.python, punctuation.separator.dict.python, punctuation.separator.parameters.python, punctuation.separator.arguments.python, punctuation.section.class.begin.python, punctuation.section.function.begin.python, punctuation.section.function.end.python, punctuation.definition.inheritance.begin.python, punctuation.definition.inheritance.end.python, punctuation.definition.parameters.begin.python, punctuation.definition.parameters.end.python, punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python, punctuation.definition.list.begin.python, punctuation.definition.list.end.python, punctuation.definition.dict.begin.python, punctuation.definition.dict.end.python, punctuation.parenthesis.begin.python, punctuation.parenthesis.end.python, punctuation.separator.dict.python, punctuation.section.function.begin.python, meta.function.parameters.begin.python, meta.function.parameters.end.python#000000
punctuation.section.function.begin.python, punctuation.section.class.begin.python, variable.language.special.self.python, variable.parameter.function.language.special.self.python, constant.character.format.placeholder.other.python, keyword.operator.unpacking.parameter.python, keyword.operator.unpacking.arguments.python#0000ff
meta.function-call.python, meta.function-call.generic.python, meta.function.decorator.python support.type.python, entity.name.function.decorator.python, meta.function.decorator.python support.type.python#795e26
variable.parameter.function-call.python, meta.structure.dictionary.key.python, meta.function-call.arguments.python, meta.function.parameters.python, constant.other.caps.python, meta.attribute.python#0070c1
support.type.python, entity.name.type.class.python, punctuation.separator.annotation.python, punctuation.separator.annotation.result.python#267f99
punctuation.separator.period.python, keyword.operator.comparison.python, keyword.operator.assignment.python, keyword.operator.logical.python, punctuation.separator.slice.python, punctuation.separator.colon.python#af00db
constant.character.escape.python, string.quoted.binary.single.python#ee0000
keyword.operator.quantifier.regexp, keyword.operator.quantifier.regexp.js#098658
string.regexp#811f3f
string.regexp constant.character.escape.backslash.regexp#a31515
constant.other.character-class.regexp#267f99
keyword.control.anchor.regexp, constant.other.character-class.regexp#0000ff
punctuation.definition.group.regexp, punctuation.definition.character-class.regexp#1e1e1e
meta.assertion.look-ahead.regexp, meta.assertion.look-behind.regexp, punctuation.definition.group.no-capture.regexp#af00db
constant.character.escape.backslash.regexp, string.regexp.ts constant.character.escape.backslash.regexp, meta.group.assertion.regexp constant.character.escape.backslash.regexp#ee0000
punctuation.definition.string.begin.ruby, punctuation.definition.string.end.ruby, source.ruby string.quoted.double.interpolated.ruby#a31515
variable.other.ruby, variable.other.constant.ruby, constant.other.symbol.hashkey.ruby, constant.language.symbol.hashkey.ruby punctuation.definition.constant.ruby, constant.language.symbol.hashkey.ruby, constant.language.symbol.hashkey.parameter.function.ruby, variable.other.readwrite.instance.ruby punctuation.definition.variable.ruby, meta.function.method.with-arguments.ruby constant.other.symbol.hashkey.parameter.function.ruby#0070c1
variable.other.readwrite.instance.ruby, variable.other.readwrite.class.rubyitalic
constant.other.symbol.ruby, constant.character.escape.ruby, constant.language.symbol.ruby, punctuation.definition.constant.ruby#ee0000
variable.language.self.ruby#0000ffitalic
meta.embedded.line.ruby#000000
entity.name.function.ruby, support.function.kernel.ruby#795e26
variable.language.ruby, variable.other.readwrite.global.ruby, punctuation.definition.variable.ruby, punctuation.separator.inheritance.ruby, punctuation.section.embedded.begin.ruby, punctuation.section.embedded.end.ruby, variable.other.readwrite.global.pre-defined.ruby, punctuation.section.embedded.begin.ruby, punctuation.section.embedded.end.ruby, string.regexp.interpolated.ruby meta.embedded.line.ruby punctuation.section.embedded.begin.ruby, string.regexp.interpolated.ruby meta.embedded.line.ruby punctuation.section.embedded.end.ruby#0000ff
meta.class.ruby, support.class.ruby, entity.name.type.class.ruby, entity.other.inherited-class.ruby#267f99
keyword.control.def.ruby, keyword.control.class.ruby, keyword.operator.other.ruby, keyword.operator.assignment.ruby, punctuation.separator.other.ruby, keyword.control.pseudo-method.ruby, keyword.operator.comparison.ruby, keyword.operator.arithmetic.ruby, punctuation.separator.method.ruby, constant.language.symbol.hashkey.ruby punctuation.definition.constant.hashkey.ruby, constant.language.symbol.hashkey.parameter.function.ruby punctuation.definition.constant.hashkey.ruby, meta.function.method.with-arguments.ruby constant.other.symbol.hashkey.parameter.function.ruby punctuation.definition.constant.ruby, source.ruby punctuation.separator.key-value, punctuation.separator.namespace.ruby#af00db
punctuation.separator.object.ruby, punctuation.separator.arguments.ruby, punctuation.section.function.ruby, punctuation.section.scope.begin.ruby, punctuation.section.scope.end.ruby, punctuation.section.array.begin.ruby, punctuation.section.array.end.ruby#000000
punctuation.definition.group.ruby, punctuation.definition.character-class.ruby, punctuation.definition.character-class.begin.ruby, punctuation.definition.character-class.end.ruby#1e1e1e
punctuation.section.regexp.begin.ruby, punctuation.section.regexp.end.ruby#811f3f
keyword.operator.quantifier.ruby, string.regexp.arbitrary-repetition.ruby#098658
punctuation.definition.string.begin.ruby, punctuation.definition.string.end.ruby, source.ruby string.quoted.double.interpolated.ruby, string.quoted.double.interpolated.ruby#a31515
meta.section.attributes.plain.haml constant.other.symbol.ruby, meta.embedded.line.erb#0070c1
text.html.erb punctuation.section.embedded.begin.erb, text.html.erb punctuation.section.embedded.end.erb#267f99
keyword.language.gherkin.feature.step#af00db
text.gherkin.feature entity.name.type.class.tsx#267f99
punctuation.semi.rust#a4a4a4
meta.attribute.rust, comment.line.documentation.rust#008000
keyword.operator.misc.rust, keyword.operator.sigil.rust#af00db
storage.modifier.lifetime.rust, entity.name.lifetime.rust, constant.other.placeholder.rust#0070c1
string.quoted.single.rust, constant.character.rust#ee0000
support.constant.core.rust, variable.language.ignored.rust, punctuation.brackets.angle.rust#0000ff
variable.language.rust, variable.language.self.rust#0000ffitalic
entity.name.type.param.rust punctuation.definition.type.rust#1e1e1e
entity.name.type.rust, entity.name.module.rust, storage.type.core.rust, storage.class.std.rust, punctuation.separator.type.rust, keyword.operator.return-type.rust, meta.type_params.rust, entity.name.namespace.rust, meta.import.rust, meta.function.definition.rust keyword.operator.key-value.rust, keyword.operator.arrow.skinny.rust, punctuation.definition.lifetime.rust#267f99
entity.name.type.param.rust punctuation.other.comma.rust, keyword.operator.path.rust#000000
support.function.built-in.smarty#af00db
source.smarty punctuation.section.embedded.begin.smarty, source.smarty punctuation.section.embedded.end.smarty#1e1e1e
source.smarty#267f99
comment.punctuation.comma.swift#000000
keyword.statement.swift#af00db
string-interpolation keyword.operator.swift, punctuation.section.embedded.begin.swift, punctuation.section.embedded.end.swift#0000ff
variable.language.self.swift, keyword.expressions-and-types.swift#0000ffitalic
meta.embedded.line.swift#0070c1
entity.name.section.terraform#af00db
keyword.other.section.begin.terraform, keyword.other.section.end.terraform, keyword.other.function.inline.terraform#795e26
storage.type.function.terraform, entity.tag.embedded.start.terraform, entity.tag.embedded.end.terraform#0000ff
entity.other.attribute-name.terraform, source.terraform.embedded.source#0070c1
meta.item.done.todo, meta.item.done.todo variable.priority.todo, meta.item.done.todo variable.other, meta.item.done.todo constant.numeric.date.todo, meta.item.done.todo string.quoted.single.todo, meta.item.done.todo string.quoted.double.todo#008000
constant.numeric.date.todo#098658
string.quoted.single.todo, string.quoted.double.todo#267f99
meta.item.priority.a.todo#811f3f
meta.item.priority.b.todo#811f3f
meta.item.priority.c.todo#a31515
meta.item.priority.d.todo#ee0000
meta.item.priority.e.todo#795e26
punctuation.definition.array.toml, punctuation.separator.array.toml#000000
keyword.key.toml#0070c1
constant.other.datetime-with-timezone.toml, constant.other.time.datetime.offset.toml#098658
meta.tag.table.toml, punctuation.eq.toml, punctuation.definition.keyValuePair.toml#af00db
entity.other.attribute-name.table.array.toml, entity.other.attribute-name.table.toml, constant.other.boolean.toml#0000ff
punctuation.definition.table.toml, punctuation.definition.array.table.toml#1e1e1e
source.vcard support.function.vcard#af00db
source.vcard support.function.vcard keyword.control.property.vcard#0070c1
source.vcard support.function.vcard entity.name.type.attribute.vcard#a31515
source.vcard support.function.vcard keyword.other.expansion.property.vcard#0000ff
constant.character.map.rhs.viml, constant.character.map.special.viml, constant.character.map.key.viml, constant.character.map.key.fn.viml, constant.character.map.viml#ee0000
punctuation.definition.map.viml#1e1e1e
comment.line.number-sign.yaml#008000
constant.other.timestamp.yaml#098658
punctuation.definition.sequence.begin.yaml, punctuation.definition.sequence.end.yaml, punctuation.definition.mapping.begin.yaml, punctuation.definition.mapping.end.yaml, punctuation.separator.sequence.yaml, punctuation.separator.mapping.yaml#000000
storage.type.tag-handle.yaml, meta.property.yaml, punctuation.definition.alias.yaml, keyword.control.flow.alias.yaml, variable.other.alias.yaml#267f99
keyword.control.property.anchor.yaml, constant.language.merge.yaml, punctuation.definition.alias.yaml, keyword.control.flow.alias.yaml, support.other.directive.reserved.yaml, punctuation.definition.directive.begin.yaml#0000ff
constant.language.boolean.yaml, constant.language.null.yaml#0000ffitalic
entity.other.document.begin.yaml, entity.other.document.end.yaml, keyword.control.flow.block-scalar.literal.yaml, storage.modifier.chomping-indicator.yaml, punctuation.definition.block.sequence.item.yaml, punctuation.separator.key-value.mapping.yaml#af00db
string.unquoted.plain.out.yaml entity.name.tag.yaml, meta.flow-pair.key.yaml string.unquoted.plain.in.yaml entity.name.tag.yaml, meta.flow-mapping.yaml string.quoted.double.yaml#0070c1
source.yaml string.quoted.double.yaml, meta.flow-pair.value.yaml string.quoted.double.yaml#a31515

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...