zir nihil
Publisher: zirThemes in package: 1
VSCode Theme (dark)
VSCode Theme (dark)
Full workbench mockup using this variant's colors and tokenColors.
Loading...
Workbench UI color keys from the theme JSON colors map.
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line.double-slash, comment.line.double-slash.js, punctuation.definition.comment.js, comment.block.html, comment.block.handlebars, meta.embedded.expression.js source.js.jsx comment.block.js, 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 | #637777 | — |
| 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, string.quoted.docstring.single.python, string.quoted.docstring.double.python | #608b4e | — |
| meta.tag.sgml.html, meta.tag.sgml.doctype.html, meta.tag.sgml.html punctuation.definition.tag.html, meta.structure.dictionary.json, punctuation.definition.array.begin.json, punctuation.definition.array.end.json, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown, invalid.illegal.bad-comments-or-CDATA.html, punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json | #505050 | — |
| punctuation.terminator, punctuation.separator, punctuation.separator.array.json, punctuation.terminator.rule.css, punctuation.terminator.rule.scss, meta.embedded.block.sql | #d4d4d4 | — |
| keyword.other.special-method.from.dockerfile, keyword.other.authorization.sql | #911877 | — |
| constant.other.database-name.sql | #5cbd99 | — |
| constant.other.table-name.sql | #addb67 | — |
| constant.numeric, meta.preprocessor.numeric | #b7c5d3 | — |
| constant.language.boolean, constant.language.null, constant.language.nil, constant.language.undefined | #569cd6 | italic |
| keyword.other.unit, meta.preprocessor.numeric | #e7dfcb | — |
| invalid | #f44747 | — |
| meta.selector, constant.character, constant.other.symbol, constant.character.escape | #d7ba7d | — |
| meta.diff.header | #569cd6 | — |
| string, string.tag, string.value, meta.preprocessor.string | #b7c5d3 | — |
| storage.type, 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 | #599eff | — |
| entity.name.function, support.function, support.constant.handlebars, storage.type.function | #DDDB8D | — |
| storage.type.function, keyword.function.go, keyword.other.fn.rust | #dfc544 | italic |
| storage, storage.modifier, meta.return-type, support.class, support.type, entity.name.type, entity.name.class, 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, 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, entity.name.tag.named.group.regexp | #addb67 | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class, constant.numeric.version.dockerfile | #DAA520 | — |
| keyword.control, meta.arrow.js, keyword.generator.asterisk.js, storage.type.function.arrow.js, keyword.control.flow.python | #911877 | — |
| variable, support.variable, meta.definition.variable.name, variable.css, variable.scss, variable.other.less, variable.stylus | #8BC2DD | — |
| code-runner.output code-runner.running string, code-runner.running code-runner.done string, string.quoted.raw.multi.python | #ce9178 | italic |
| token.info-token | #569cd6 | — |
| token.warn-token | #d7ba7d | — |
| token.error-token | #f44747 | — |
| token.debug-token | #c586c0 | — |
| entity.name.command.shell.dockerfile, support.function.C99.c, entity.name.function.c | #eadc79 | — |
| comment.block.c, punctuation.terminator.statement.c | #d4d4d4 | — |
| 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 | #2dace7 | — |
| punctuation.separator.statement.and.shell.dockerfile, entity.name.image.stage.dockerfile, punctuation.separator.pointer-access.c, keyword.control.directive.include.c, punctuation.separator.dictionary.key-value.json, punctuation.separator.key-value.mapping, punctuation.separator.key-value.mapping.yaml | #c586c0 | — |
| storage.type.c, support.type.mac-classic.c | #DAA520 | — |
| constant.other.placeholder.c, constant.language.c, keyword.operator.sizeof.c | #569cd6 | — |
| punctuation.separator.namespace.access.cpp | #DAA520 | — |
| source.cpp keyword.operator.bitwise.shift.c | #569cd6 | — |
| keyword.operator.macro.crystal | — | italic |
| string.regexp.group.crystal punctuation.definition.group.crystal | #808080 | — |
| punctuation.separator.variable.crystal, punctuation.separator.object.crystal, punctuation.definition.parameters.crystal, punctuation.section.embedded.begin.crystal, punctuation.section.embedded.end.crystal | #d4d4d4 | — |
| source.crystal.embedded.source | #2dace7 | — |
| punctuation.separator.method.crystal | #c586c0 | — |
| support.class.crystal, punctuation.separator.other.crystal | #DAA520 | — |
| variable.language.crystal, punctuation.section.embedded.crystal, keyword.control.special-method.crystal, source.crystal punctuation.separator.key-value | #569cd6 | — |
| string.quoted.single.crystal, constant.other.symbol.crystal | #d7ba7d | — |
| entity.name.tag.localname.cs, punctuation.definition.tag.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 | — |
| punctuation.terminator.statement.cs | #d4d4d4 | — |
| string.bracers.round.cshtml, punctuation.curlybrace.open.cs, punctuation.curlybrace.close.cs, punctuation.squarebracket.open.cs, punctuation.squarebracket.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 | #2dace7 | — |
| constant.other.option.shell.dockerfile, constant.other.option.dash.shell.dockerfile, variable.other.object.js, variable.other.object.ts, variable.other.object.tsx, meta.item-access.python | #5cbd99 | — |
| variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance, variable.other.property | #87C0D0 | — |
| keyword.type.cs, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs | #DAA520 | — |
| keyword.other.this.cs | #569cd6 | italic |
| keyword.other.new.cs, keyword.other.var.cs, keyword.other.as.cs, keyword.other.is.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.separator.question-mark.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 | — |
| meta.preprocessor.cs punctuation.separator.hash.cs, punctuation.accessor.cs, keyword.other.await.cs, keyword.operator.assignment.cs, keyword.operator.comparison.cs | #c586c0 | — |
| punctuation.separator.key-value.js, punctuation.separator.key-value.ts, punctuation.separator.key-value.css, punctuation.separator.key-value.scss, punctuation.separator.key-value.less, punctuation.separator.list.comma.css | #c586c0 | — |
| meta.brace.curly, punctuation.section.property-list.begin.bracket.curly, punctuation.section.property-list.end.bracket.curly, punctuation.section.property-list.begin.bracket.round, punctuation.section.property-list.end.bracket.round, punctuation.definition.begin.bracket.round, punctuation.definition.end.bracket.round, 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 | #b7c5d3 | — |
| meta.property-list.scss | #505050 | — |
| keyword.other.important.css, keyword.other.important.sass, keyword.other.important.scss, keyword.other.important.less, keyword.other.default.scss, keyword.other.default.sass | #ec5f67 | italic |
| 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 | #D9AB7B | — |
| invalid.deprecated.color.system.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, constant.other.scss | #d4d4d4 | — |
| keyword.other.default.scss, punctuation.definition.interpolation.begin.bracket.curly, punctuation.definition.interpolation.end.bracket.curly | #daa520 | — |
| support.type.property-name, support.type.property-name.media.css, support.type.vendored.property-name.css, meta.at-rule.include.scss, support.constant.vendored.property-value.css | #718CA1 | — |
| meta.attribute-selector.css | #DAA520 | — |
| 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 | #b7c5d3 | — |
| 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 | #c586c0 | — |
| punctuation.definition.keyword.stylus | #c586c0 | — |
| meta.interpolation.stylus | #2dace7 | — |
| entity.other.attribute-name.parent-selector-suffix.stylus | #d7ba7d | — |
| meta.interpolation.stylus meta.brace.curly | #569cd6 | — |
| punctuation.semi-colon.css | #505050 | — |
| constant.hex.css, meta.identifier.css | #b7c5d3 | — |
| constant.percentage.units.css, constant.length.units.css, entity.other.keyframe-offset.percentage.css | #b5cea8 | — |
| entity.name.tag.styledcss.js | #DAA520 | — |
| invalid.rainbow10 | #c586c0 | — |
| markup.bold.rainbow9 | #007acc | — |
| entity.name.type.rainbow8 | #569cd6 | — |
| constant.numeric.rainbow7 | #2dace7 | — |
| variable.parameter.rainbow6 | #DAA520 | — |
| string.rainbow5 | #608b4e | — |
| comment.rainbow4 | #dcdcaa | — |
| entity.name.function.rainbow3 | #d7ba7d | — |
| keyword.rainbow2 | #ce9178 | — |
| rainbow1 | #d16969 | — |
| comment.wildcard.elixir, comment.unused.elixir | #2dace7 | italic |
| punctuation.section.function.elixir | #d4d4d4 | — |
| parameter.variable.function.elixir, source.elixir.embedded.source, variable.other.readwrite.module.elixir, variable.other.anonymous.elixir | #2dace7 | — |
| punctuation.separator.method.elixir | #c586c0 | — |
| meta.module.elixir, entity.name.type.module.elixir, variable.other.readwrite.module.elixir, variable.other.constant.elixir | #DAA520 | — |
| 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.section.embedded.elixir | #DAA520 | — |
| 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 | #d4d4d4 | — |
| punctuation.separator.function-arity.erlang, variable.language.omitted.erlang | #569cd6 | — |
| variable.other.erlang | #2dace7 | — |
| keyword.operator.assignment.go, keyword.operator.arithmetic.go, keyword.operator.comparison.go, keyword.operator.address.go, keyword.operator.arithmetic.bitwise.go, punctuation.other.colon.go, punctuation.other.period.go, keyword.control.gotemplate | #c586c0 | — |
| punctuation.terminator.go | #d4d4d4 | — |
| 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 | #5cbd99 | — |
| 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 | #DAA520 | — |
| entity.alias.import.go | #2dace7 | — |
| 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 | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #d4d4d4 | — |
| punctuation.separator.period.java | #c586c0 | — |
| storage.type.builtin.kotlin, storage.type.builtin.collection.kotlin, entity.name.package.kotlin | #DAA520 | — |
| meta.template.expression.kotlin | #2dace7 | — |
| keyword.hard.kotlin | #c586c0 | — |
| storage.type.scala, storage.type.primitive.scala, meta.colon.scala | #DAA520 | — |
| source.groovy.embedded.source | #2dace7 | — |
| 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 | — |
| comment.block, comment.block.documentation.js, comment.block.documentation.js storage.type.class.jsdoc punctuation.definition.block.tag.jsdoc, comment.line.triple-slash.directive.ts, comment.block.documentation.ts, comment.line.shebang.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 | #608b4e | italic |
| variable.language.this | #ec5f67 | italic |
| 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 | #d7ba7d | — |
| 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, meta.delimiter.comma.js, entity.quasi.element.js, keyword.operator.accessor.js, comment.block.documentation.js keyword.operator.accessor.js, punctuation.definition.binding-pattern.object | #d4d4d4 | — |
| keyword.operator, new.expr.js, keyword.operator.new.js, storage.type.extends.js, variable.language.super, keyword.operator.spread, keyword.operator.rest, keyword.operator.module.all.js, meta.brace.angle.ts, meta.brace.angle.tsx, keyword.control.as.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 | #c586c0 | — |
| 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 | — |
| variable.function.js, meta.function-call.method.with-arguments.js, keyword.control.require.ts, punctuation.decorator.js, punctuation.decorator.ts | #dcdcaa | — |
| keyword.operator.css, keyword.operator.scss, keyword.operator.less, keyword.operator.js, punctuation.accessor.js, punctuation.accessor.ts, keyword.operator.typeof.js, keyword.operator.logical.js, keyword.operator.in.js, keyword.operator.assignment.js, keyword.operator.comparison.js, keyword.operator.relational.js, keyword.operator.expression.of.js, keyword.operator.expression.of.ts, keyword.operator.expression.in.js, keyword.operator.expression.in.ts, punctuation.definition.section.case-statement.js, keyword.operator.bitwise | #c586c0 | — |
| keyword.operator.arithmetic, keyword.operator.increment, keyword.operator.decrement | #e23996 | — |
| 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, string.quoted.multi.python, constant.object.key.graphql string.unquoted.graphql, meta.listvalues.graphql | #B18F6A | — |
| 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, punctuation.type.flowtype, support.variable.object, support.variable.object.node, support.variable.object.process, support.variable.property.process | #DAA520 | — |
| support.variable.dom | #addb67 | — |
| support.type.primitive.ts, support.type.primitive.tsx | #DAA520 | — |
| 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 | #DAA520 | — |
| meta.component.decoration entity.name.label.ts | #2dace7 | — |
| comment.line.number-sign.makefile | #608b4e | — |
| variable.other.makefile | #2dace7 | — |
| 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 | #2dace7 | — |
| markup.underline | — | underline |
| markup.bold, strong | — | bold |
| markup.italic, emphasis | — | italic |
| markup.heading | #569cd6 | — |
| string.quoted.single.shell.dockerfile, string.quoted.double.dockerfile, string.quoted.single.shell.dockerfile, string.quoted.double.shell.dockerfile, markup.inserted | #b5cea8 | — |
| markup.deleted | #ce9178 | — |
| markup.changed | #569cd6 | — |
| markup.inline.raw | #ce9178 | — |
| fenced_code.block.language | #DAA520 | — |
| markup.italic.markdown | #2dace7 | italic |
| markup.bold.markdown | #569cd6 | bold |
| 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 | #6796e6 | — |
| string.other.link.description.markdown, string.other.link.title.markdown | #2dace7 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #404040 | — |
| markup.fenced_code.block.markdown punctuation.definition.markdown, punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.raw.markdown, beginning.punctuation.definition.quote.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, block-dollars, inline-dollars | #303030 | — |
| constant.other.reference.link.markdown, meta.link.reference.markdown, punctuation.definition.constant.begin.markdown | #569cd6 | — |
| meta.link.reference.markdown constant.other.reference.link.markdown, meta.image.reference.markdown constant.other.reference.link.markdown | #404040 | italic |
| meta.link.reference.def.markdown markup.underline.link.markdown | #ce9178 | — |
| 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.python | — | italic |
| 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 | #dcdcaa | — |
| variable.parameter.function-call.python, meta.structure.dictionary.key.python, meta.function-call.arguments.python, meta.function.parameters.python, constant.other.caps.python | #2dace7 | — |
| support.type.python, entity.name.type.class.python, punctuation.separator.annotation.python, punctuation.separator.annotation.result.python | #DAA520 | — |
| 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 | — |
| punctuation.definition.string.begin.ruby, punctuation.definition.string.end.ruby | #ce9178 | — |
| variable.other.ruby, variable.other.constant.ruby, constant.language.symbol.hashkey.ruby, variable.other.readwrite.instance.ruby punctuation.definition.variable.ruby, constant.language.symbol.hashkey.parameter.function.ruby | #2dace7 | — |
| variable.other.readwrite.instance.ruby | — | italic |
| constant.character.escape.ruby, constant.other.symbol.ruby, constant.language.symbol.ruby, punctuation.definition.constant.ruby | #d7ba7d | — |
| variable.language.self.ruby | #569cd6 | italic |
| constant.other.symbol.hashkey.ruby, 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, string.quoted.double.interpolated.ruby punctuation.section.embedded.begin.ruby, string.quoted.double.interpolated.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 | #DAA520 | — |
| 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, source.ruby punctuation.separator.key-value, constant.language.symbol.hashkey.parameter.function.ruby punctuation.definition.constant.hashkey.ruby | #c586c0 | — |
| string.unquoted.argument.shell.dockerfile, punctuation.separator.namespace.ruby, 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.section.regexp.begin.ruby, punctuation.section.regexp.end.ruby, punctuation.definition.group.ruby, punctuation.definition.character-class.ruby, punctuation.definition.character-class.begin.ruby, punctuation.definition.character-class.end.ruby | #808080 | — |
| keyword.operator.quantifier.ruby, string.regexp.arbitrary-repetition.ruby | #b5cea8 | — |
| meta.section.attributes.plain.haml constant.other.symbol.ruby, meta.embedded.line.erb | #2dace7 | — |
| text.html.erb punctuation.section.embedded.begin.erb, text.html.erb punctuation.section.embedded.end.erb | #DAA520 | — |
| keyword.language.gherkin.feature.step | #c586c0 | — |
| text.gherkin.feature entity.name.type.class.tsx | #DAA520 | — |
| entity.name.type.param.rust punctuation.other.comma.rust, keyword.operator.path.rust | #d4d4d4 | — |
| meta.attribute.rust, comment.line.documentation.rust | #608b4e | — |
| keyword.operator.misc.rust | #911877 | — |
| keyword.operator.sigil.rust | #c586c0 | — |
| storage.modifier.lifetime.rust, entity.name.lifetime.rust, constant.other.placeholder.rust | #2dace7 | — |
| string.quoted.single.rust, string.quoted.double.rust, string.quoted.single.python, string.quoted.double.python, constant.character.rust | #766F57 | — |
| support.constant.core.rust, variable.language.ignored.rust | #569cd6 | — |
| variable.language.rust, variable.language.self.rust | #569cd6 | italic |
| entity.name.type.param.rust punctuation.definition.type.rust | #808080 | — |
| entity.name.type.rust, storage.type.core.rust, storage.class.std.rust, punctuation.separator.type.rust, keyword.operator.return-type.rust, meta.type_params.rust | #5cbd99 | — |
| entity.name.image.dockerfile, support.class.console.js, support.function.console.js, support.type.object.console.js, entity.name.package.go | #d87316 | — |
| support.function.std.rust, support.function.go | #DAA520 | — |
| comment.punctuation.comma.swift | #d4d4d4 | — |
| meta.import.swift, keyword.control.import.swift | #c586c0 | — |
| 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 | #569cd6 | italic |
| meta.embedded.line.swift | #2dace7 | — |
| 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 | #DAA520 | — |
| meta.item.priority.a.todo | #f44747 | — |
| meta.item.priority.b.todo | #d16969 | — |
| meta.item.priority.c.todo | #ce9178 | — |
| meta.item.priority.d.todo | #d7ba7d | — |
| meta.item.priority.e.todo | #dcdcaa | — |
| 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 | #2dace7 | — |
| punctuation.definition.variable.begin.gitignore, punctuation.definition.variable.end.gitignore | #505050 | — |
| support.function.git-rebase | #2dace7 | — |
| constant.sha.git-rebase | #b5cea8 | — |
| comment.line.number-sign.ini, punctuation.definition.entity.ini | #505050 | — |
| keyword.other.definition.ini | #2dace7 | — |
| punctuation.separator.key-value.ini | #c586c0 | — |
| comment.line.number-sign.yaml | #505050 | — |
| constant.other.timestamp.yaml | #b5cea8 | — |
| constant.language.boolean.yaml | #c586c0 | — |
| 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 | #569cd6 | italic |
| 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 | #c586c0 | — |
| keyword.key.toml | #f8e1c0 | — |
| constant.other.datetime-with-timezone.toml | #b5cea8 | — |
| meta.tag.table.toml, punctuation.definition.keyValuePair.toml | #c586c0 | — |
| entity.other.attribute-name.table.array.toml, entity.other.attribute-name.table.toml, constant.other.boolean.toml | #569cd6 | — |
| source.toml, punctuation.definition.table.toml, punctuation.definition.array.toml, punctuation.definition.table.array.toml | #808080 | — |
| storage.type.function-type.lisp, constant.language.lisp | #569cd6 | — |
| keyword.constant.lisp | #2dace7 | — |
| keyword.control.import, keyword.control.import.js, keyword.control.import.ts, keyword.control.export.js, keyword.control.export.ts, keyword.control.require.js, keyword.control.require.ts, keyword.control.lisp, keyword.control.module, keyword.control.from.ts, entity.name.import.go | #c586c0 | — |
| 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 | #505050 | — |
| meta.preprocessor.haskell | #608b4e | — |
| storage.type.haskell, support.other.module.haskell | #DAA520 | — |
| keyword.control.new.dart | #569cd6 | — |
| punctuation.terminator.dart | #d4d4d4 | — |
| punctuation.dot.dart | #c586c0 | — |
| meta.declaration.dart | #2dace7 | — |
| source.nginx constant.character.brace, source.nginx constant.character.paren | #d4d4d4 | — |
| source.nginx constant.character.brace, source.nginx constant.character.end | #808080 | — |
| support.function.built-in.smarty | #c586c0 | — |
| source.smarty punctuation.section.embedded.begin.smarty, source.smarty punctuation.section.embedded.end.smarty | #808080 | — |
| source.smarty | #DAA520 | — |
| punctuation.definition.tag, punctuation.definition.string | #b5afa4 | — |
| entity.other.attribute-name | #D9AB7B | — |
| punctuation.definition.string.begin.html, punctuation.definition.string.end.html, meta.attribute-with-value.id.html punctuation.separator.key-value.html, punctuation.separator.key-value.html, text.html meta.tag.block.any.html | #d7ba7d | — |
| entity.tag, entity.name.tag, entity.name.tag.css, string.interpolated.jade, support.constant.handlebars, keyword.annotation.handlebars, meta.function.block.start.handlebars, meta.function.block.end.handlebars, meta.tag.template.value.twig, punctuation.section.tag.twig | #755139 | — |
| entity.name.tag.template.html, entity.name.tag.script.html, entity.name.tag.style.html | #00AB00 | — |
| 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 | — |
| constant.character.entity.html | #d7ba7d | — |
| meta.attribute.src.html string.quoted.double.html punctuation.definition.string.begin.html, meta.attribute.src.html string.quoted.double.html punctuation.definition.string.end.html, meta.attribute.href.html string.quoted.double.html punctuation.definition.string.begin.html, meta.attribute.href.html string.quoted.double.html punctuation.definition.string.end.html | — | |
| string.quoted.single.html, string.quoted.single.xml, string.quoted.double.html, string.quoted.double.xml, meta.tag.block.any.html | #B3C1CE | |
| text.html, text.xml, source.rust, source.python, source.go | #B3C1CE | |
| meta.attribute.src.html string.quoted.double.html, meta.attribute.href.html string.quoted.double.html | #4ba6f5 | underline |
| invalid.illegal.bad-angle-bracket.html | #d4d4d4 | — |
| expression.embedded.vue, expression.embedded.vue punctuation.definition.generic.begin.html, expression.embedded.vue punctuation.definition.generic.end.html | #911877 | — |
| meta.directive.vue, punctuation.definition.generic.begin.html, punctuation.definition.generic.end.html, punctuation.section.embedded.begin.smarty, punctuation.section.embedded.end.smarty | #A57B18 | — |
| string.interpolated.jade | #DAA520 | — |
| meta.control.flow.jade, meta.first-class.jade, storage.type.function.jade, storage.type.import.include.jade | #c586c0 | — |
| 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 | #DAA520 | — |
| variable.parameter.handlebars | #2dace7 | — |
| keyword.begin.tag.ejs | #DAA520 | — |
| 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 | — |
| 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, punctuation.section.embedded.end.php, punctuation.section.embedded.begin.php | #42b883 | — |
| text.html.vue-html source.directive.vue punctuation.definition.string.begin.html, text.html.vue-html source.directive.vue punctuation.definition.string.end.html | #42b883 | — |
| entity.other.jinja.delimiter.tag | #606060 | — |
| entity.other.jinja.delimiter.variable | #DAA520 | — |
| variable.other.jinja | #2dace7 | — |
| variable.language.jinja | #569cd6 | — |
| punctuation.tag.liquid | #606060 | — |
| punctuation.output.liquid | #DAA520 | — |
| support.variable.liquid, support.class.liquid | #2dace7 | — |
| punctuation.tag.liquid, keyword.operator.liquid, entity.name.tag.liquid | #c586c0 | — |
| 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 | #DAA520 | — |
| keyword.control.anchor.regexp, constant.other.character-class.regexp | #569cd6 | — |
| punctuation.definition.group.regexp, punctuation.definition.character-class.regexp | #909090 | — |
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...
export interface User {
id: string;
name: string;
role: "admin" | "member";
tags: string[];
}
/**
* Fetch user data by ID
* @param id
* @returns User object or null if ID is invalid
*/
export async function fetchUser(id: string): Promise<User | null> {
if (!id) {
return null;
}
const response = await fetch(`/api/users/${id}`, {
method: "GET",
headers: { Accept: "application/json" },
});
if (!response.ok) {
throw new Error(`HTTP ${response.status}`);
}
return (await response.json()) as User;
}
function greet(user: User): string {
// Simple greeting function that uses the user's name
return `Hello, ${user.name}!`;
}
export interface User {
id: string;
name: string;
role: "admin" | "member";
tags: string[];
}
/**
* Fetch user data by ID
* @param id
* @returns User object or null if ID is invalid
*/
export async function fetchUser(id: string): Promise<User | null> {
if (!id) {
return null;
}
const response = await fetch(`/api/users/${id}`, {
method: "GET",
headers: { Accept: "application/json" },
});
if (!response.ok) {
throw new Error(`HTTP ${response.status}`);
}
return (await response.json()) as User;
}
function greet(user: User): string {
// Simple greeting function that uses the user's name
return `Hello, ${user.name}!`;
}