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.

  • activityBarBadge.background#007acc
  • editor.background#1e1e1e
  • editor.foreground#d4d4d4
  • editor.inactiveSelectionBackground#3a3d41
  • editor.selectionBackground#264f78
  • editorError.border#1e1e1e
  • editorError.foreground#d16969
  • editorGutter.addedBackground#608b4e
  • editorGutter.deletedBackground#d16969
  • editorGutter.modifiedBackground#d7ba7d
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • editorInfo.border#1e1e1e
  • editorInfo.foreground#9cdcfe
  • editorLineNumber.activeForeground#608b4e
  • editorOverviewRuler.addedForeground#608b4e
  • editorOverviewRuler.deletedForeground#d16969
  • editorOverviewRuler.errorForeground#d16969
  • editorOverviewRuler.infoForeground#d4d4d4
  • editorOverviewRuler.modifiedForeground#d7ba7d
  • editorOverviewRuler.warningForeground#d7ba7d
  • editorWarning.border#1e1e1e
  • editorWarning.foreground#d7ba7d
  • gitDecoration.addedResourceForeground#608b4e
  • gitDecoration.conflictingResourceForeground#d16969
  • gitDecoration.deletedResourceForeground#d7ba7d
  • gitDecoration.ignoredResourceForeground#808080
  • gitDecoration.modifiedResourceForeground#608b4e
  • gitDecoration.untrackedResourceForeground#d7ba7d
  • list.dropBackground#383b3d
  • minimap.selectionOccurrenceHighlight#007acc
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#303030
  • statusBar.debuggingBackground#303030
  • statusBar.noFolderBackground#303030
  • 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#1e1e1e
  • terminal.foreground#d4d4d4
  • terminal.selectionBackground#264f78
  • terminalCursor.foreground#d4d4d4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.line.double-slash.js, comment.block.html, comment.block.handlebars#505050
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#608b4e
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#808080
punctuation.terminator#404040
meta.embedded.block.sql#d4d4d4
constant.numeric, keyword.other.unit, meta.preprocessor.numeric#b5cea8
invalid#d16969
meta.selector, constant.character, constant.other.symbol, constant.character.escape#d7ba7d
meta.diff.header#007acc
string, string.tag, string.value, meta.preprocessor.string#ce9178
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#569cd6
entity.name.function, support.function#dcdcaa
meta.return-type, support.class, support.type, entity.name.type, entity.name.class#4ec9b0
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#4ec9b0
keyword.control, keyword.operator#c586c0
variable, support.variable, meta.definition.variable.name#9cdcfe
code-runner.output code-runner.running string, code-runner.running code-runner.done string#ce9178italic
token.info-token#9cdcfe
token.warn-token#d7ba7d
token.error-token#d16969
token.debug-token#c586c0
punctuation.definition.tag#808080
entity.other.attribute-name#9cdcfe
punctuation.definition.string.begin.html, punctuation.definition.string.end.html#ce9178
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#569cd6
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#d4d4d4
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#4ec9b0
constant.character.entity.html#d7ba7d
invalid.illegal.bad-angle-bracket.html#d4d4d4
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#4ec9b0
string.interpolated.jade#4ec9b0
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#c586c0
#dcdcaa
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#c586c0
support.constant.handlebars#4ec9b0
variable.parameter.handlebars#9cdcfe
support.constant.handlebars#dcdcaa
keyword.begin.tag.ejs#4ec9b0
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#d4d4d4
text.html.ejs keyword.operator.expression.typeof.js, text.html.ejs keyword.operator.expression.instanceof.js#c586c0
text.html.vue-html meta.brace.round.js#d4d4d4
text.html.vue-html meta.tag.other.html#808080
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#4ec9b0
entity.other.jinja.delimiter.tag#808080
entity.other.jinja.delimiter.variable#4ec9b0
variable.other.jinja#9cdcfe
variable.language.jinja#569cd6
punctuation.tag.liquid#808080
#4ec9b0
support.variable.liquid, support.class.liquid#9cdcfe
punctuation.output.liquid, punctuation.tag.liquid, keyword.operator.liquid, entity.name.tag.liquid#c586c0
meta.line.ruby.slim#c586c0
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#4ec9b0
entity.other.ng-binding-name.ngFor.html, entity.other.ng-binding-name.ngIf.html#c586c0
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#9cdcfe
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#4ec9b0
source.groovy.embedded.source#9cdcfe
keyword.operator.assignment.groovy, keyword.operator.arithmetic.groovy, keyword.control.exception.groovy#c586c0
punctuation.section.embedded.groovy, constant.other.groovy#569cd6
meta.method.groovy#dcdcaa
constant.character.escape.groovy#d7ba7d
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#4ec9b0
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#d4d4d4
variable.language.wildcard.java, punctuation.bracket.angle.java, variable.language.java#569cd6
storage.type.annotation.java, punctuation.definition.annotation.java#dcdcaa
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#4ec9b0
punctuation.separator.period.java, punctuation.separator.java, meta.import.java storage.modifier.import.java punctuation.separator.java#c586c0
variable.language.javaitalic
storage.type.builtin.kotlin, storage.type.builtin.collection.kotlin, entity.name.package.kotlin#4ec9b0
meta.template.expression.kotlin#9cdcfe
keyword.hard.kotlin, keyword.operator.kotlin#c586c0
storage.type.scala, storage.type.primitive.scala, meta.colon.scala#4ec9b0
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#808080
punctuation.terminator.rule.css, punctuation.terminator.rule.scss#404040
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#d7ba7d
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#d4d4d4
entity.name.tag.css, keyword.other.important.css, keyword.other.default.scss, punctuation.definition.interpolation.begin.bracket.curly, punctuation.definition.interpolation.end.bracket.curly#569cd6
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#9cdcfe
variable.css, variable.argument.css, variable.scss, variable.other.less#4ec9b0
source.css meta.at-rule.keyframes.body.css entity.other.keyframe-offset.css#9cdcfeitalic
meta.attribute-selector.css#4ec9b0
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#ce9178
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#c586c0
punctuation.definition.keyword.stylus#c586c0
meta.interpolation.stylus#9cdcfe
variable.stylus#4ec9b0
entity.other.attribute-name.parent-selector-suffix.stylus#d7ba7d
meta.interpolation.stylus meta.brace.curly#569cd6
punctuation.semi-colon.css, meta.brace.curly.css#808080
constant.hex.css, meta.identifier.css#ce9178
constant.percentage.units.css, constant.length.units.css, entity.other.keyframe-offset.percentage.css#b5cea8
entity.name.tag.styledcss.js#4ec9b0
support.function.C99.c, entity.name.function.c#dcdcaa
comment.block.c, punctuation.terminator.statement.c#505050
string.quoted.single.c#d7ba7d
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#808080
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#d4d4d4
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#9cdcfe
punctuation.separator.pointer-access.c, keyword.control.directive.include.c#c586c0
storage.type.c, support.type.mac-classic.c#4ec9b0
constant.other.placeholder.c, constant.language.c, keyword.operator.sizeof.c#569cd6
comment.block.cfml, comment.line.cfml#608b4e
punctuation.definition.template-expression.begin.cfml, punctuation.definition.template-expression.end.cfml, constant.character.hash.cfml.start, constant.character.hash.cfml.end#569cd6
meta.property.cfml, meta.property.constant.cfml#9cdcfe
punctuation.accessor.cfml#c586c0
entity.name.tag.custom.cfml#4ec9b0
entity.name.tag.cfml#569cd6
punctuation.definition.tag.begin.cfml, punctuation.definition.tag.end.cfml#808080
punctuation.separator.namespace.access.cpp#4ec9b0
source.cpp keyword.operator.bitwise.shift.c#569cd6
keyword.operator.macro.crystalitalic
string.regexp.group.crystal punctuation.definition.group.crystal#808080
punctuation.separator.variable.crystal, punctuation.separator.object.crystal, punctuation.definition.parameters.crystal#d4d4d4
source.crystal.embedded.source#9cdcfe
punctuation.separator.method.crystal#c586c0
support.class.crystal, punctuation.separator.other.crystal#4ec9b0
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#569cd6
string.quoted.single.crystal, constant.other.symbol.crystal#d7ba7d
meta.comment.razor comment.block.razor, meta.comment.razor keyword.control.razor.comment.star, meta.comment.razor keyword.control.cshtml.transition#608b4e
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#608b4eitalic
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#505050
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#d4d4d4
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#9cdcfe
keyword.type.cs, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, punctuation.separator.question-mark.cs#4ec9b0
keyword.other.this.cs#569cd6italic
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#569cd6
keyword.other.get.cs, keyword.other.set.cs#dcdcaa
punctuation.accessor.cs, keyword.other.await.cs, keyword.operator.assignment.cs, keyword.operator.comparison.cs, keyword.other.is.cs#c586c0
invalid.rainbow10#c586c0
entity.name.type.rainbow8#569cd6
constant.numeric.rainbow7#9cdcfe
variable.parameter.rainbow6#4ec9b0
string.rainbow5#608b4e
comment.rainbow4#dcdcaa
entity.name.function.rainbow3#d7ba7d
keyword.rainbow2#ce9178
rainbow1#d16969
keyword.control.new.dart#569cd6
punctuation.terminator.dart#808080
punctuation.dot.dart#c586c0
meta.declaration.dart#9cdcfe
string.word.dictionary#608b4e
variable.flagged.dictionary, keyword.operator.flag.dictionary#d16969
comment.wildcard.elixir, comment.unused.elixir#9cdcfeitalic
punctuation.section.function.elixir#d4d4d4
parameter.variable.function.elixir, source.elixir.embedded.source, variable.other.readwrite.module.elixir, variable.other.anonymous.elixir#9cdcfe
punctuation.separator.method.elixir#c586c0
meta.module.elixir, entity.name.type.module.elixir, variable.other.readwrite.module.elixir, variable.other.constant.elixir#4ec9b0
constant.other.symbol.elixir, punctuation.section.embedded.elixir, punctuation.definition.variable.elixir, variable.language.elixir, source.elixir.embedded.source punctuation.section.embedded.elixir#569cd6
constant.other.symbol.elixir, punctuation.definition.constant.elixir, support.function.variable.quoted.single.elixir#d7ba7d
punctuation.separator.label.js#c586c0
punctuation.section.embedded.elixir#4ec9b0
comment.line.double-dash.elm#505050
meta.declaration.module.elm, keyword.other.elm, keyword.other.period.elm, keyword.pipe.elm#c586c0
entity.name.record.field.accessor.elm, entity.name.record.field.elm#9cdcfe
#569cd6
keyword.unused.elm#569cd6italic
storage.type.elm, constant.type-constructor.elm, support.module.elm, meta.function.type-declaration.elm keyword.other.colon.elm#4ec9b0
punctuation.definition.placeholder.erlang, constant.other.placeholder.erlang#d7ba7d
punctuation.separator.parameters.erlang#d4d4d4
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#c586c0
punctuation.separator.clauses.erlang, punctuation.terminator.function.erlang#808080
punctuation.separator.function-arity.erlang, variable.language.omitted.erlang#569cd6
variable.other.erlang#9cdcfe
punctuation.definition.variable.begin.gitignore, punctuation.definition.variable.end.gitignore#808080
support.function.git-rebase#9cdcfe
constant.sha.git-rebase#b5cea8
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#c586c0
string.quoted.double.gotemplate#ce9178
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#4ec9b0
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#d7ba7d
constant.other.placeholder.go, variable.other.blank.go, keyword.operator.pointer.go, keyword.operator.address.go, keyword.operator.ellipsis.go#569cd6
punctuation.section.embedded.begin.gotemplate, punctuation.section.embedded.end.gotemplate#4ec9b0
entity.alias.import.go#9cdcfe
source.sheets constant.character, constant.character.format.google-sheets, punctuation.definition.placeholder.google-sheets#569cd6
punctuation.definition.string.google-sheets#ce9178
variable.sheet.google-sheets#4ec9b0
storage.type.reference.absolute.google-sheets, meta.placeholder.google-sheets#4ec9b0
entity.scalar.graphql, entity.name.fragment.graphql#4ec9b0
punctuation.or.graphql, punctuation.assignment.graphql#c586c0
graphql.description.SINGLELINE, string.block.description.graphql.DOCSTRING, string.description.graphql#608b4e
meta.preprocessor.haskell#608b4e
storage.type.haskell, support.other.module.haskell#4ec9b0
comment.line.number-sign.ini, punctuation.definition.entity.ini#808080
keyword.other.definition.ini#9cdcfe
punctuation.separator.key-value.ini#c586c0
source.groovy.embedded.source#9cdcfe
keyword.operator.assignment.groovy, keyword.operator.arithmetic.groovy, keyword.control.exception.groovy#c586c0
punctuation.section.embedded.groovy, constant.other.groovy#569cd6
meta.method.groovy#dcdcaa
constant.character.escape.groovy#d7ba7d
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#4ec9b0
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#d4d4d4
variable.language.wildcard.java, punctuation.bracket.angle.java, variable.language.java#569cd6
storage.type.annotation.java, punctuation.definition.annotation.java#dcdcaa
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#4ec9b0
punctuation.separator.period.java, punctuation.separator.java, meta.import.java storage.modifier.import.java punctuation.separator.java#c586c0
variable.language.javaitalic
storage.type.builtin.kotlin, storage.type.builtin.collection.kotlin, entity.name.package.kotlin#4ec9b0
meta.template.expression.kotlin#9cdcfe
keyword.hard.kotlin, keyword.operator.kotlin#c586c0
storage.type.scala, storage.type.primitive.scala, meta.colon.scala#4ec9b0
comment.block, comment.block.documentation.js, comment.line.shebang.js, comment.block.documentation.js punctuation.definition.comment.js#608b4e
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#608b4eitalic
comment.line.double-slash.js, meta.embedded.expression.js source.js.jsx comment.block.js#505050
punctuation.terminator.statement.js, punctuation.terminator.statement.ts, punctuation.terminator.statement.jsx, punctuation.terminator.statement.tsx#404040
variable.language.this#569cd6italic
constant.character.escape.js#d7ba7d
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#ce9178
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#d4d4d4
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#569cd6
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#d4d4d4
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#dcdcaa
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#c586c0
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#9cdcfe
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#4ec9b0
support.type.primitive.ts, support.type.primitive.tsx#4ec9b0
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#4ec9b0
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#d4d4d4
punctuation.accessor.optional.tsx, punctuation.accessor.tsx#c586c0
keyword.operator.optional.tsx#4ec9b0
punctuation.definition.binding-pattern.array.tsx, punctuation.definition.typeparameters.begin.tsx, punctuation.definition.typeparameters.end.tsx#569cd6
comment.line.triple-slash.directive.ts, punctuation.definition.tag.directive.ts, entity.name.tag.directive.ts#608b4eitalic
comment.block.documentation.ts#608b4e
punctuation.accessor.optional.ts#c586c0
meta.var.expr.ts cast.expr.ts storage.modifier.ts#4ec9b0italic
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#9cdcfe
meta.return.type.arrow.ts meta.type.tuple.ts meta.brace.square.ts#569cd6
meta.return.type.arrow.ts meta.type.tuple.ts meta.type.tuple.ts meta.brace.square.ts#d4d4d4
meta.return.type.arrow.ts meta.type.tuple.ts punctuation.separator.label.ts#4ec9b0
meta.component.decoration entity.name.label.ts#9cdcfe
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#404040
storage.type.function-type.lisp, constant.language.lisp#569cd6
keyword.constant.lisp#9cdcfe
keyword.control.lisp#c586c0
comment.line.number-sign.makefile#608b4e
variable.other.makefile#9cdcfe
variable.language.makefile#569cd6
entity.name.function.target.makefile, constant.character.escape.continuation.makefile#dcdcaa
punctuation.separator.key-value.makefile, support.function.foreach.makefile, keyword.control.ifeq.makefile, keyword.control.endif.makefile, constant.character.escape.continuation.makefile#c586c0
storage.source.cmake#9cdcfe
markup.underlineunderline
markup.bold, strongbold
markup.italic, emphasisitalic
markup.heading#569cd6
markup.inserted#b5cea8
markup.deleted#ce9178
markup.changed#569cd6
markup.inline.raw#ce9178
fenced_code.block.language#4ec9b0
markup.italic.markdown#9cdcfeitalic
markup.bold.markdown#569cd6bold
meta.separator.markdown, entity.name.section.markdown, punctuation.definition.heading.markdown#c586c0
markup.quote.markdown#608b4e
beginning.punctuation.definition.list.markdown, punctuation.definition.list.begin.markdown#569cd6
string.other.link.description.markdown, string.other.link.title.markdown#9cdcfe
markup.underline.link.markdown, markup.underline.link.image.markdown, meta.link.email.lt-gt.markdown#404040
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#404040
meta.link.reference.def.markdown constant.other.reference.link.markdown, text.html.markdown meta.paragraph.markdown meta.link.inet.markdown markup.underline.link.markdown#569cd6
meta.link.reference.markdown constant.other.reference.link.markdown, meta.image.reference.markdown constant.other.reference.link.markdown#404040italic
meta.link.reference.def.markdown markup.underline.link.markdown#ce9178
markup.strikethrough.markdown#404040
source.nginx constant.character.brace, source.nginx constant.character.paren#d4d4d4
source.nginx constant.character.brace, source.nginx constant.character.end#808080
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#808080
constant.language.proto, keyword.other.proto, storage.type.proto, storage.modifier.proto, punctuation.definition.typeparameters.begin.proto, punctuation.definition.typeparameters.end.proto#569cd6
entity.name.class.proto, entity.name.class.message.proto#4ec9b0
punctuation.separator.key-value.proto#c586c0
variable.other.proto#9cdcfe
constant.numeric.proto#b5cea8
string.quoted.docstring.multi.python, string.quoted.docstring.multi.python keyword.control.flow.python#608b4e
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#d4d4d4
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#569cd6
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#dcdcaa
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#9cdcfe
support.type.python, entity.name.type.class.python, punctuation.separator.annotation.python, punctuation.separator.annotation.result.python#4ec9b0
punctuation.separator.period.python, keyword.operator.comparison.python, keyword.operator.assignment.python, keyword.operator.logical.python, punctuation.separator.slice.python, punctuation.separator.colon.python#c586c0
constant.character.escape.python, string.quoted.binary.single.python#d7ba7d
keyword.operator.quantifier.regexp, keyword.operator.quantifier.regexp.js#b5cea8
string.regexp#d16969
string.regexp constant.character.escape.backslash.regexp#ce9178
constant.other.character-class.regexp#4ec9b0
keyword.control.anchor.regexp, constant.other.character-class.regexp#569cd6
punctuation.definition.group.regexp, punctuation.definition.character-class.regexp#808080
meta.assertion.look-ahead.regexp, meta.assertion.look-behind.regexp, punctuation.definition.group.no-capture.regexp#c586c0
constant.character.escape.backslash.regexp, string.regexp.ts constant.character.escape.backslash.regexp, meta.group.assertion.regexp constant.character.escape.backslash.regexp#d7ba7d
punctuation.definition.string.begin.ruby, punctuation.definition.string.end.ruby, source.ruby string.quoted.double.interpolated.ruby#ce9178
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#9cdcfe
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#d7ba7d
variable.language.self.ruby#569cd6italic
meta.embedded.line.ruby#d4d4d4
entity.name.function.ruby, support.function.kernel.ruby#dcdcaa
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#569cd6
meta.class.ruby, support.class.ruby, entity.name.type.class.ruby, entity.other.inherited-class.ruby#4ec9b0
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#c586c0
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#d4d4d4
punctuation.definition.group.ruby, punctuation.definition.character-class.ruby, punctuation.definition.character-class.begin.ruby, punctuation.definition.character-class.end.ruby#808080
punctuation.section.regexp.begin.ruby, punctuation.section.regexp.end.ruby#d16969
keyword.operator.quantifier.ruby, string.regexp.arbitrary-repetition.ruby#b5cea8
punctuation.definition.string.begin.ruby, punctuation.definition.string.end.ruby, source.ruby string.quoted.double.interpolated.ruby, string.quoted.double.interpolated.ruby#ce9178
meta.section.attributes.plain.haml constant.other.symbol.ruby, meta.embedded.line.erb#9cdcfe
text.html.erb punctuation.section.embedded.begin.erb, text.html.erb punctuation.section.embedded.end.erb#4ec9b0
keyword.language.gherkin.feature.step#c586c0
text.gherkin.feature entity.name.type.class.tsx#4ec9b0
punctuation.semi.rust#404040
meta.attribute.rust, comment.line.documentation.rust#608b4e
keyword.operator.misc.rust, keyword.operator.sigil.rust#c586c0
storage.modifier.lifetime.rust, entity.name.lifetime.rust, constant.other.placeholder.rust#9cdcfe
string.quoted.single.rust, constant.character.rust#d7ba7d
support.constant.core.rust, variable.language.ignored.rust, punctuation.brackets.angle.rust#569cd6
variable.language.rust, variable.language.self.rust#569cd6italic
entity.name.type.param.rust punctuation.definition.type.rust#808080
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#4ec9b0
entity.name.type.param.rust punctuation.other.comma.rust, keyword.operator.path.rust#d4d4d4
support.function.built-in.smarty#c586c0
source.smarty punctuation.section.embedded.begin.smarty, source.smarty punctuation.section.embedded.end.smarty#808080
source.smarty#4ec9b0
comment.punctuation.comma.swift#d4d4d4
keyword.statement.swift#c586c0
string-interpolation keyword.operator.swift, punctuation.section.embedded.begin.swift, punctuation.section.embedded.end.swift#569cd6
variable.language.self.swift, keyword.expressions-and-types.swift#569cd6italic
meta.embedded.line.swift#9cdcfe
entity.name.section.terraform#c586c0
keyword.other.section.begin.terraform, keyword.other.section.end.terraform, keyword.other.function.inline.terraform#dcdcaa
storage.type.function.terraform, entity.tag.embedded.start.terraform, entity.tag.embedded.end.terraform#569cd6
entity.other.attribute-name.terraform, source.terraform.embedded.source#9cdcfe
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#608b4e
constant.numeric.date.todo#b5cea8
string.quoted.single.todo, string.quoted.double.todo#4ec9b0
meta.item.priority.a.todo#d16969
meta.item.priority.b.todo#d16969
meta.item.priority.c.todo#ce9178
meta.item.priority.d.todo#d7ba7d
meta.item.priority.e.todo#dcdcaa
punctuation.definition.array.toml, punctuation.separator.array.toml#d4d4d4
keyword.key.toml#9cdcfe
constant.other.datetime-with-timezone.toml, constant.other.time.datetime.offset.toml#b5cea8
meta.tag.table.toml, punctuation.eq.toml, punctuation.definition.keyValuePair.toml#c586c0
entity.other.attribute-name.table.array.toml, entity.other.attribute-name.table.toml, constant.other.boolean.toml#569cd6
punctuation.definition.table.toml, punctuation.definition.array.table.toml#808080
source.vcard support.function.vcard#c586c0
source.vcard support.function.vcard keyword.control.property.vcard#9cdcfe
source.vcard support.function.vcard entity.name.type.attribute.vcard#ce9178
source.vcard support.function.vcard keyword.other.expansion.property.vcard#569cd6
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#d7ba7d
punctuation.definition.map.viml#808080
comment.line.number-sign.yaml#505050
constant.other.timestamp.yaml#b5cea8
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#d4d4d4
storage.type.tag-handle.yaml, meta.property.yaml, punctuation.definition.alias.yaml, keyword.control.flow.alias.yaml, variable.other.alias.yaml#4ec9b0
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#569cd6
constant.language.boolean.yaml, constant.language.null.yaml#569cd6italic
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#c586c0
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#9cdcfe
source.yaml string.quoted.double.yaml, meta.flow-pair.value.yaml string.quoted.double.yaml#ce9178

Shiki preview

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

Loading...