Pop N' Lock Theme by Luxcium β¨
Publisher: LuxciumThemes in package: 3
π² Perfectly balanced TypeScript theme with vivid colours.
π² Perfectly balanced TypeScript theme with vivid colours.
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 |
|---|---|---|
| source.ts storage.type.enum, source.ts storage.type.interface, source.ts storage.type.type | #D25B | bold |
| source.ts meta.interface entity.name.type.interface, entity.name.type.alias | #EDAB | bold |
| source.ts meta.interface meta.definition.property variable.object.property | #ADCB | |
| source.ts meta.interface meta.type.annotation support.type.primitive, source.ts meta.type.declaration support.type.primitive | #FC5D | |
| source.ts meta.interface meta.type.annotation entity.name.type, source.ts meta.type.declaration entity.name.type, source.ts meta.type.declaration meta.type.function.return meta.type.parameters entity.name.type, source.ts meta.function meta.block meta.type.parameters entity.name.type | #FC5D | |
| source.ts meta.type.declaration meta.type.parameters entity.name.type, source.ts meta.function meta.type.parameters entity.name.type | #FC5D | bold |
| source.ts entity.name.type, source.ts meta.parameters entity.name.type, source.ts meta.type.annotation meta.type.parameters entity.name.type, source.ts meta.type.annotation, source.ts meta.type.parameters entity.name.type, source.ts type.annotation | #FC5D | |
| source.ts meta.type.annotation meta.type.parameters support.type.primitive, source.ts support.type.primitive | #FC5D | |
| source.ts entity.name.function, source.ts meta.definition.function.ts entity.name.function, source.ts meta.definition.method, source.ts meta.definition.variable entity.name.function, source.ts meta.field.declaration.ts | #FC5D | |
| source.ts support.function.builtin, source.ts support.function.math | #FC5D | bold italic |
| source.ts support.function.git-rebase, source.ts support.function, source.ts support.function.process, source.ts support.function.dom | #FC5D | bold |
| source.ts entity.other.inherited-class, source.ts new.expr entity.name.type | #FC5D | bold |
| source.ts meta.return.type entity.name.type, source.ts meta.return.type support.type.primitive | #4B9B | bold italic |
| source.ts meta.return.type meta.type.parameters entity.name.type | #FC5D | italic |
| source.ts meta.return.type meta.type.parameters support.type.primitive | #E7BB | italic |
| source.ts meta.return.type meta.type.parameters punctuation.definition.typeparameters, source.ts meta.return.type meta.type.tuple meta.brace.square, source.ts meta.return.type keyword.operator.type | #EDAB | |
| source.ts entity.name.type.class, source.ts entity.name.type.enum, source.ts entity.name.type.instance, source.ts entity.name.type.module | #EDAB | bold |
| source.ts punctuation.definition.template-expression.begin, source.ts punctuation.definition.template-expression.end, source.ts punctuation.definition.parameters.begin, source.ts punctuation.definition.parameters.end, source.ts meta.brace.angle, source.ts meta.brace.round, source.ts meta.brace.square, source.ts punctuation.definition.block, source.ts entity.function, source.ts entity.name, source.ts entity.other.attribute-name.css, source.ts entity.other.attribute-name.directive, source.ts entity.other.attribute-name, source.ts entity.other.inherited-class, source.ts entity.static | #EDAB | |
| source.ts meta.decorator entity.name, source.ts meta.decorator entity.name.function, source.ts meta.decorator meta.function-call entity.name, source.ts meta.decorator variable.other.readwrite | #EDAB | bold |
| source.ts string.regexp constant.other.character-class.set.regexp | #E67B | |
| source.ts meta.var.expr string.regexp | #9C8B | |
| source.ts string.regexp punctuation.definition.character-class.regexp | #FC5D | |
| source support.function.console | #FC5D | bold italic |
| source support.class.console | #4B9B | bold |
| source support.function.promise | #F91B | bold italic |
| source.ts string.regexp punctuation.definition.string.begin, source.ts string.regexp punctuation.definition.string.end | #F91B | bold |
| source.ts variable.other.enummember, source.ts variable.arguments, source.ts variable.class, source.ts variable.language.arguments, source.ts variable.language, source.ts variable.name, source.ts variable.other.constant.object, source.ts variable.other.constant, source.ts variable.other.readwrite.alias, source.ts meta.array-binding-pattern-variable variable.other.constant, source.ts variable.other.readwrite, source.ts variable.other.readwrite, source.ts variable.other.regexp, source.ts variable.other, source.ts variable.parameter, source.ts variable, source.ts meta.array-binding-pattern-variable variable.other.constant, source.ts meta.object-binding-pattern-variable variable.other.constant, meta.body.struct, source meta.body | #ADCB | β |
| source.ts meta.object-binding-pattern-variable variable.other.constant, source.ts meta.object.member meta.object-literal.key, source.ts meta.objectliteral meta.object.member, source.ts meta.var.expr meta.object-literal.key, source.ts variable.object.property, source.ts variable.other.constant.object.property, source.ts variable.other.constant.property, source.ts variable.other.property | #6BFB | β |
| source.ts support.constant.property.math | #6BFB | bold italic |
| source.ts support.variable.property, source.ts support.variable.property.importmeta, source.ts support.variable.property.process, source.ts support.variable.property.target, source.ts support.type.property-name, source.ts support.type.property-name.css, source.ts support.property-value, source.ts support.property-value.scss | #6BFB | bold |
| source.ts constant, source.ts constant.character.escape.backslash.regexp, source.ts constant.character.numeric.regexp, source.ts constant.language, source.ts constant.language.import-export-all, source.ts constant.other.character-class.range.regexp, source.ts constant.other.character-class.regexp, source.ts constant.other.character-class.set.regexp, source.ts constant.rgb-value, source.ts constant.sha.git-rebase, source.ts constant.character.escape, source.ts constant.numeric, source.ts constant.numeric.binary, source.ts constant.numeric.decimal, source.ts constant.numeric.hex, source.ts constant.numeric.octal | #E67B | |
| source.ts string, source.ts string.constant.other.placeholder, source.ts string.entity, source.ts string.escape, source.ts string.quoted.double, source.ts string.quoted.single, source.ts string.regexp, source.ts string.tag, source.ts string.template, source.ts string.value | #CE5B | β |
| source.ts storage.type.function.arrow | β | bold |
| source.ts storage.type.function | β | bold italic |
| source.ts storage.type.function, source.ts storage.type.function.arrow | #7C2B | β |
| source.ts storage.type.class | #FC5D | bold italic |
| source.ts meta.method.declaration.ts storage.type | #D25B | bold italic |
| source.ts meta.class storage.modifier, source.ts meta.method.declaration storage.modifier, source.ts storage.type.property, storage.type.modifier.access.control | #F91B | |
| source.ts keyword.control.new, source.ts keyword.operator.new | #F91B | bold |
| source.ts meta.method.declaration storage.modifier.async, source.ts storage.modifier.async | #F91B | bold italic |
| source.ts variable.language.super | #E1AB | bold italic |
| source.ts variable.language.this | #E67B | bold italic |
| source.ts meta.import variable.other.readwrite.alias, source.ts meta.import variable.other.readwrite | #ADCB | italic |
| source.ts meta.import punctuation.definition.block | #FD0B | bold italic |
| source.ts constant.language.import-export-all | #E67B | bold |
| source.ts meta.import string.quoted.single, source.ts meta.import string.quoted.double | #CE5B | italic |
| source.ts meta.import keyword.control.as, source.ts meta.import keyword.control.default, source.ts meta.import keyword.control.from, source.ts meta.import keyword.control.import | #D25B | bold italic |
| source.ts storage.type.internaldeclaration, source.ts storage.type.namespace, source.ts storage.type, source.ts keyword.control.from, source.ts keyword.control.import, source.ts keyword.control.export, source.ts meta.export.default keyword.control.default | #D25B | bold |
| source.ts keyword.control.as, source.ts keyword.control.default, source.ts keyword.control, source.ts keyword.control.anchor.regexp, source.ts keyword.control.conditional, source.ts keyword.control.less, source.ts keyword.control.loop, source.ts keyword.control.module, source.ts keyword.control.require, source.ts keyword.control.switch, source.ts keyword.control.trycatch, source.ts keyword.control.with, source.ts keyword, source.ts keyword.other, source.ts keyword.generator.asterisk, source.ts meta.block keyword.control.flow, source.ts keyword.operator.logical, source.ts storage.type.numeric.bigint | #D25B | |
| source.ts storage.type | #D25B | bold italic |
| source.ts meta.block meta.var.expr storage.type | #D25B | italic |
| source.ts punctuation.decorator | #D25B | bold |
| source.ts constant.language.boolean.false | #E43B | bold italic |
| source.ts constant.language.boolean.true | #7C2B | bold italic |
| source.ts constant.language.undefined | #A7BB | bold italic |
| source.ts constant.language.null | #E67B | bold italic |
| source.ts support.type.builtin | #E7BB | |
| source.ts constant.language.infinity, source.ts constant.language.nan | #7ADB | bold italic |
| source.ts storage.type.numeric.bigint | #D25B | italic |
| source.ts keyword.operator.arithmetic, source.ts keyword.operator.assignment.compound.bitwise, source.ts keyword.operator.assignment.compound, source.ts keyword.operator.bitwise.shift, source.ts keyword.operator.bitwise, source.ts keyword.operator.decrement, source.ts keyword.operator.increment, source.ts keyword.operator.definiteassignment, source.ts keyword.operator, source.ts keyword.operator.comparison, source.ts keyword.operator.ternary, source.ts punctuation.separator.key-value, source.ts keyword.operator.assignment, source.ts keyword.operator.type.annotation, source.ts keyword.operator.expression.delete, source.ts keyword.operator.expression.import, source.ts keyword.operator.expression.in, source.ts keyword.operator.expression.infer, source.ts keyword.operator.expression.instanceof, source.ts keyword.operator.expression.is, source.ts keyword.operator.expression.keyof, source.ts keyword.operator.expression.of, source.ts keyword.operator.expression.typeof, source.ts keyword.operator.expression.void, source.ts keyword.operator.negation.regexp, source.ts keyword.operator.optional, source.ts keyword.operator.or.regexp, source.ts keyword.operator.quantifier.regexp, source.ts keyword.operator.relational, source.ts keyword.operator.type.modifier, source.ts keyword.operator.type, source punctuation.separator.scope-resolution, source punctuation.separator.namespace.access | #4B9B | |
| source.ts keyword.operator.spread, source.ts keyword.operator.rest | #4B9B | bold |
| source.ts *link*, source.ts *uri*, source.ts *url*, source.ts case-clause.expr , source.ts case-clause.expr, source.ts cast.expr, source.ts header, source.ts keyword.other.back-reference.regexp, source.ts keyword.other.unit, source.ts markup.changed, source.ts markup.deleted, source.ts markup.heading, source.ts markup.inline.raw, source.ts markup.inserted, source.ts markup.punctuation.list.beginning, source.ts markup.punctuation.quote.beginning, source.ts markup.underline, source.ts module.node, source.ts new.expr, source.ts prototype, source.ts punctuation.definition.binding-pattern.array, source.ts punctuation.definition.binding-pattern.object, source.ts source.embedded, source.ts switch-block.expr, source.ts switch-expression.expr, source.ts switch-statement.expr, source.ts variable.other.object, source.ts meta.object.member variable.other.object | #EDAB | |
| source.ts support.class, source.ts support.class.builtin, source.ts support.class.node, source.ts support.class.promise, source.ts support.constant, source.ts support.constant, source.ts support.constant.math, source.ts support.type, source.ts support.type.object.module, source.ts support.variable, source.ts support.variable.object.node, source.ts support.variable.object.process | #EDAB | |
| source.ts emphasis, source.ts markup.bold, source.ts strong | #EDAB | bold |
| source.ts markup.italic | #EDAB | italic |
| source.ts punctuation.quasi, source.ts string.quasi, source.ts invalid, source.ts invalid.illegal, source.ts invalid.illegal.newline | #D25B | |
| source.ts invalid.deprecated | #D25B | underline |
| source.tsx storage.type.enum, source.tsx storage.type.interface, source.tsx storage.type.type | #D25B | bold |
| source.tsx meta.interface entity.name.type.interface, entity.name.type.alias | #EDAB | bold |
| source.tsx meta.interface meta.definition.property variable.object.property | #ADCB | |
| source.tsx meta.interface meta.type.annotation support.type.primitive, source.tsx meta.type.declaration support.type.primitive | #FC5D | |
| source.tsx meta.interface meta.type.annotation entity.name.type, source.tsx meta.type.declaration entity.name.type, source.tsx meta.type.declaration meta.type.function.return meta.type.parameters entity.name.type, source.tsx meta.function meta.block meta.type.parameters entity.name.type | #FC5D | |
| source.tsx meta.type.declaration meta.type.parameters entity.name.type, source.tsx meta.function meta.type.parameters entity.name.type | #FC5D | bold |
| source.tsx entity.name.type, source.tsx meta.parameters entity.name.type, source.tsx meta.type.annotation meta.type.parameters entity.name.type, source.tsx meta.type.annotation, source.tsx meta.type.parameters entity.name.type, source.tsx type.annotation | #FC5D | |
| source.tsx meta.type.annotation meta.type.parameters support.type.primitive, source.tsx support.type.primitive | #FC5D | |
| source.tsx entity.name.function, source.tsx meta.definition.function.tsx entity.name.function, source.tsx meta.definition.method, source.tsx meta.definition.variable entity.name.function, source.tsx meta.field.declaration.tsx | #FC5D | |
| source.tsx support.function.builtin, source.tsx support.function.git-rebase, source.tsx support.function, source.tsx support.function.math, source.tsx support.function.process | #FC5D | bold italic |
| source.tsx entity.other.inherited-class, source.tsx new.expr entity.name.type | #FC5D | bold |
| source.tsx meta.return.type entity.name.type, source.tsx meta.return.type support.type.primitive | #4B9B | bold italic |
| source.tsx meta.return.type meta.type.parameters entity.name.type | #FC5D | italic |
| source.tsx meta.return.type meta.type.parameters support.type.primitive | #E7BB | italic |
| source.tsx meta.return.type meta.type.parameters punctuation.definition.typeparameters, source.tsx meta.return.type meta.type.tuple meta.brace.square, source.tsx meta.return.type keyword.operator.type | #EDAB | |
| source.tsx entity.name.type.class, source.tsx entity.name.type.enum, source.tsx entity.name.type.instance, source.tsx entity.name.type.module | #EDAB | bold |
| source.tsx punctuation.definition.template-expression.begin, source.tsx punctuation.definition.template-expression.end, source.tsx punctuation.definition.parameters.begin, source.tsx punctuation.definition.parameters.end, source.tsx meta.brace.angle, source.tsx meta.brace.round, source.tsx meta.brace.square, source.tsx punctuation.definition.block, source.tsx entity.function, source.tsx entity.name, source.tsx entity.other.attribute-name.css, source.tsx entity.other.attribute-name.directive, source.tsx entity.other.attribute-name, source.tsx entity.other.inherited-class, source.tsx entity.static | #EDAB | |
| source.tsx meta.decorator entity.name, source.tsx meta.decorator entity.name.function, source.tsx meta.decorator meta.function-call entity.name, source.tsx meta.decorator variable.other.readwrite | #EDAB | bold |
| source.tsx string.regexp constant.other.character-class.set.regexp | #E67B | |
| source.tsx meta.var.expr string.regexp | #9C8B | |
| source.tsx string.regexp punctuation.definition.character-class.regexp | #FC5D | |
| source support.function.console | #FC5D | bold italic |
| source support.class.console | #4B9B | bold |
| source support.function.promise | #F91B | bold italic |
| source.tsx string.regexp punctuation.definition.string.begin, source.tsx string.regexp punctuation.definition.string.end | #F91B | bold |
| source.tsx variable.other.enummember, source.tsx variable.arguments, source.tsx variable.class, source.tsx variable.language.arguments, source.tsx variable.language, source.tsx variable.name, source.tsx variable.other.constant.object, source.tsx variable.other.constant, source.tsx variable.other.readwrite.alias, source.tsx meta.array-binding-pattern-variable variable.other.constant, source.tsx variable.other.readwrite, source.tsx variable.other.readwrite, source.tsx variable.other.regexp, source.tsx variable.other, source.tsx variable.parameter, source.tsx variable, source.tsx meta.array-binding-pattern-variable variable.other.constant, source.tsx meta.object-binding-pattern-variable variable.other.constant | #ADCB | β |
| source.tsx meta.object-binding-pattern-variable variable.other.constant, source.tsx meta.object.member meta.object-literal.key, source.tsx meta.objectliteral meta.object.member, source.tsx meta.var.expr meta.object-literal.key, source.tsx variable.object.property, source.tsx variable.other.constant.object.property, source.tsx variable.other.constant.property, source.tsx variable.other.property | #6BFB | β |
| source.tsx support.constant.property.math | #6BFB | bold italic |
| source.tsx support.variable.property, source.tsx support.variable.property.importmeta, source.tsx support.variable.property.process, source.tsx support.variable.property.target, source.tsx support.type.property-name, source.tsx support.type.property-name.css, source.tsx support.property-value, source.tsx support.property-value.scss | #6BFB | bold |
| source.tsx constant, source.tsx constant.character.escape.backslash.regexp, source.tsx constant.character.numeric.regexp, source.tsx constant.language, source.tsx constant.language.import-export-all, source.tsx constant.other.character-class.range.regexp, source.tsx constant.other.character-class.regexp, source.tsx constant.other.character-class.set.regexp, source.tsx constant.rgb-value, source.tsx constant.sha.git-rebase, source.tsx constant.character.escape, source.tsx constant.numeric, source.tsx constant.numeric.binary, source.tsx constant.numeric.decimal, source.tsx constant.numeric.hex, source.tsx constant.numeric.octal | #E67B | |
| source.tsx string, source.tsx string.constant.other.placeholder, source.tsx string.entity, source.tsx string.escape, source.tsx string.quoted.double, source.tsx string.quoted.single, source.tsx string.regexp, source.tsx string.tag, source.tsx string.template, source.tsx string.value | #CE5B | β |
| source.tsx storage.type.function.arrow | β | bold |
| source.tsx storage.type.function | β | bold italic |
| source.tsx storage.type.function, source.tsx storage.type.function.arrow | #7C2B | β |
| source.tsx storage.type.class | #FC5D | bold italic |
| source.tsx meta.method.declaration.tsx storage.type | #D25B | bold italic |
| source.tsx meta.class storage.modifier, source.tsx meta.method.declaration storage.modifier, source.tsx storage.type.property | #F91B | |
| source.tsx keyword.control.new, source.tsx keyword.operator.new | #F91B | bold |
| source.tsx meta.method.declaration storage.modifier.async, source.tsx storage.modifier.async | #F91B | bold italic |
| source.tsx variable.language.super | #E1AB | bold italic |
| source.tsx variable.language.this | #E67B | bold italic |
| source.tsx meta.import variable.other.readwrite.alias, source.tsx meta.import variable.other.readwrite | #ADCB | italic |
| source.tsx meta.import punctuation.definition.block | #FD0B | bold italic |
| source.tsx constant.language.import-export-all | #E67B | bold |
| source.tsx meta.import string.quoted.single, source.tsx meta.import string.quoted.double | #CE5B | italic |
| source.tsx meta.import keyword.control.as, source.tsx meta.import keyword.control.default, source.tsx meta.import keyword.control.from, source.tsx meta.import keyword.control.import | #D25B | bold italic |
| source.tsx storage.type.internaldeclaration, source.tsx storage.type.namespace, source.tsx storage.type, source.tsx keyword.control.from, source.tsx keyword.control.import, source.tsx keyword.control.export, source.tsx meta.export.default keyword.control.default | #D25B | bold |
| source.tsx keyword.control.as, source.tsx keyword.control.default, source.tsx keyword.control, source.tsx keyword.control.anchor.regexp, source.tsx keyword.control.conditional, source.tsx keyword.control.less, source.tsx keyword.control.loop, source.tsx keyword.control.module, source.tsx keyword.control.require, source.tsx keyword.control.switch, source.tsx keyword.control.trycatch, source.tsx keyword.control.with, source.tsx keyword, source.tsx keyword.other, source.tsx keyword.generator.asterisk, source.tsx meta.block keyword.control.flow, source.tsx keyword.operator.logical, source.tsx storage.type.numeric.bigint | #D25B | |
| source.tsx storage.type | #D25B | bold italic |
| source.tsx meta.block meta.var.expr storage.type | #D25B | italic |
| source.tsx punctuation.decorator | #D25B | bold |
| source.tsx constant.language.boolean.false | #E43B | bold italic |
| source.tsx constant.language.boolean.true | #7C2B | bold italic |
| source.tsx constant.language.undefined | #A7BB | bold italic |
| source.tsx constant.language.null | #E67B | bold italic |
| source.tsx support.type.builtin | #E7BB | |
| source.tsx constant.language.infinity, source.tsx constant.language.nan | #7ADB | bold italic |
| source.tsx keyword.operator.arithmetic, source.tsx keyword.operator.assignment.compound.bitwise, source.tsx keyword.operator.assignment.compound, source.tsx keyword.operator.bitwise.shift, source.tsx keyword.operator.bitwise, source.tsx keyword.operator.decrement, source.tsx keyword.operator.increment, source.tsx keyword.operator.definiteassignment, source.tsx keyword.operator, source.tsx keyword.operator.comparison, source.tsx keyword.operator.ternary, source.tsx punctuation.separator.key-value, source.tsx keyword.operator.assignment, source.tsx keyword.operator.type.annotation, source.tsx keyword.operator.expression.delete, source.tsx keyword.operator.expression.import, source.tsx keyword.operator.expression.in, source.tsx keyword.operator.expression.infer, source.tsx keyword.operator.expression.instanceof, source.tsx keyword.operator.expression.is, source.tsx keyword.operator.expression.keyof, source.tsx keyword.operator.expression.of, source.tsx keyword.operator.expression.typeof, source.tsx keyword.operator.expression.void, source.tsx keyword.operator.negation.regexp, source.tsx keyword.operator.optional, source.tsx keyword.operator.or.regexp, source.tsx keyword.operator.quantifier.regexp, source.tsx keyword.operator.relational, source.tsx keyword.operator.type.modifier, source.tsx keyword.operator.type | #4B9B | |
| source.tsx keyword.operator.spread, source.tsx keyword.operator.rest | #4B9B | bold |
| source.tsx *link*, source.tsx *uri*, source.tsx *url*, source.tsx case-clause.expr , source.tsx case-clause.expr, source.tsx cast.expr, source.tsx header, source.tsx keyword.other.back-reference.regexp, source.tsx keyword.other.unit, source.tsx markup.changed, source.tsx markup.deleted, source.tsx markup.heading, source.tsx markup.inline.raw, source.tsx markup.inserted, source.tsx markup.punctuation.list.beginning, source.tsx markup.punctuation.quote.beginning, source.tsx markup.underline, source.tsx module.node, source.tsx new.expr, source.tsx prototype, source.tsx punctuation.definition.binding-pattern.array, source.tsx punctuation.definition.binding-pattern.object, source.tsx source.embedded, source.tsx switch-block.expr, source.tsx switch-expression.expr, source.tsx switch-statement.expr, source.tsx variable.other.object, source.tsx meta.object.member variable.other.object | #EDAB | |
| source.tsx support.class, source.tsx support.class.builtin, source.tsx support.class.node, source.tsx support.class.promise, source.tsx support.constant, source.tsx support.constant, source.tsx support.constant.math, source.tsx support.type, source.tsx support.type.object.module, source.tsx support.variable, source.tsx support.variable.object.node, source.tsx support.variable.object.process | #EDAB | |
| source.tsx emphasis, source.tsx markup.bold, source.tsx strong | #EDAB | bold |
| source.tsx markup.italic | #EDAB | italic |
| source.tsx punctuation.quasi, source.tsx string.quasi, source.tsx invalid, source.tsx invalid.illegal, source.tsx invalid.illegal.newline | #D25B | |
| source.tsx invalid.deprecated | #D25B | underline |
| source.js storage.type.enum, source.js storage.type.interface, source.js storage.type.type | #D25B | bold |
| source.js meta.interface entity.name.type.interface, entity.name.type.alias | #EDAB | bold |
| source.js meta.interface meta.definition.property variable.object.property | #ADCB | |
| source.js meta.interface meta.type.annotation support.type.primitive, source.js meta.type.declaration support.type.primitive | #FC5D | |
| source.js meta.interface meta.type.annotation entity.name.type, source.js meta.type.declaration entity.name.type, source.js meta.type.declaration meta.type.function.return meta.type.parameters entity.name.type, source.js meta.function meta.block meta.type.parameters entity.name.type | #FC5D | |
| source.js meta.type.declaration meta.type.parameters entity.name.type, source.js meta.function meta.type.parameters entity.name.type | #FC5D | bold |
| source.js entity.name.type, source.js meta.parameters entity.name.type, source.js meta.type.annotation meta.type.parameters entity.name.type, source.js meta.type.annotation, source.js meta.type.parameters entity.name.type, source.js type.annotation | #FC5D | |
| source.js meta.type.annotation meta.type.parameters support.type.primitive, source.js support.type.primitive | #FC5D | |
| source.js entity.name.function, source.js meta.definition.function.js entity.name.function, source.js meta.definition.method, source.js meta.definition.variable entity.name.function, source.js meta.field.declaration.js, source.js support.function | #FC5D | |
| source.js support.function.builtin, source.js support.function.math | #FC5D | bold italic |
| source.js support.function.git-rebase, source.js support.function.dom, source.js support.function.process | #FC5D | bold |
| source.js entity.other.inherited-class, source.js new.expr entity.name.type | #FC5D | bold |
| source.js meta.return.type entity.name.type, source.js meta.return.type support.type.primitive | #4B9B | bold italic |
| source.js meta.return.type meta.type.parameters entity.name.type | #FC5D | italic |
| source.js meta.return.type meta.type.parameters support.type.primitive | #E7BB | italic |
| source.js meta.return.type meta.type.parameters punctuation.definition.typeparameters, source.js meta.return.type meta.type.tuple meta.brace.square, source.js meta.return.type keyword.operator.type | #EDAB | |
| source.js entity.name.type.class, source.js entity.name.type.enum, source.js entity.name.type.instance, source.js entity.name.type.module | #EDAB | bold |
| source.js punctuation.definition.template-expression.begin, source.js punctuation.definition.template-expression.end, source.js punctuation.definition.parameters.begin, source.js punctuation.definition.parameters.end, source.js meta.brace.angle, source.js meta.brace.round, source.js meta.brace.square, source.js punctuation.definition.block, source.js entity.function, source.js entity.name, source.js entity.other.attribute-name.css, source.js entity.other.attribute-name.directive, source.js entity.other.attribute-name, source.js entity.other.inherited-class, source.js entity.static | #EDAB | |
| source.js meta.decorator entity.name, source.js meta.decorator entity.name.function, source.js meta.decorator meta.function-call entity.name, source.js meta.decorator variable.other.readwrite | #EDAB | bold |
| source.js string.regexp constant.other.character-class.set.regexp | #E67B | |
| source.js meta.var.expr string.regexp | #9C8B | |
| source.js string.regexp punctuation.definition.character-class.regexp | #FC5D | |
| source support.function.console | #FC5D | bold italic |
| source support.class.console | #4B9B | bold |
| source support.function.promise | #F91B | bold italic |
| source.js string.regexp punctuation.definition.string.begin, source.js string.regexp punctuation.definition.string.end | #F91B | bold |
| source.js variable.other.enummember, source.js variable.arguments, source.js variable.class, source.js variable.language.arguments, source.js variable.language, source.js variable.name, source.js variable.other.constant.object, source.js variable.other.constant, source.js variable.other.readwrite.alias, source.js meta.array-binding-pattern-variable variable.other.constant, source.js variable.other.readwrite, source.js variable.other.readwrite, source.js variable.other.regexp, source.js variable.other, source.js variable.parameter, source.js variable, source.js meta.array-binding-pattern-variable variable.other.constant, source.js meta.object-binding-pattern-variable variable.other.constant | #ADCB | β |
| source.js meta.object-binding-pattern-variable variable.other.constant, source.js meta.object.member meta.object-literal.key, source.js meta.objectliteral meta.object.member, source.js meta.var.expr meta.object-literal.key, source.js variable.object.property, source.js variable.other.constant.object.property, source.js variable.other.constant.property, source.js variable.other.property | #6BFB | β |
| source.js support.constant.property.math | #6BFB | bold italic |
| source.js support.variable.property, source.js support.variable.property.importmeta, source.js support.variable.property.process, source.js support.variable.property.target, source.js support.type.property-name, source.js support.type.property-name.css, source.js support.property-value, source.js support.property-value.scss | #6BFB | bold |
| source.js constant, source.js constant.character.escape.backslash.regexp, source.js constant.character.numeric.regexp, source.js constant.language, source.js constant.language.import-export-all, source.js constant.other.character-class.range.regexp, source.js constant.other.character-class.regexp, source.js constant.other.character-class.set.regexp, source.js constant.rgb-value, source.js constant.sha.git-rebase, source.js constant.character.escape, source.js constant.numeric, source.js constant.numeric.binary, source.js constant.numeric.decimal, source.js constant.numeric.hex, source.js constant.numeric.octal | #E67B | |
| source.js string, source.js string.constant.other.placeholder, source.js string.entity, source.js string.escape, source.js string.quoted.double, source.js string.quoted.single, source.js string.regexp, source.js string.tag, source.js string.template, source.js string.value | #CE5B | β |
| source.js storage.type.function.arrow | β | bold |
| source.js storage.type.function | β | bold italic |
| source.js storage.type.function, source.js storage.type.function.arrow | #7C2B | β |
| source.js storage.type.class | #FC5D | bold italic |
| source.js meta.method.declaration.js storage.type | #D25B | bold italic |
| source.js meta.class storage.modifier, source.js meta.method.declaration storage.modifier, source.js storage.type.property | #F91B | |
| source.js keyword.control.new, source.js keyword.operator.new | #F91B | bold |
| source.js meta.method.declaration storage.modifier.async, source.js storage.modifier.async | #F91B | bold italic |
| source.js variable.language.super | #E1AB | bold italic |
| source.js variable.language.this | #E67B | bold italic |
| source.js meta.import variable.other.readwrite.alias, source.js meta.import variable.other.readwrite | #ADCB | italic |
| source.js meta.import punctuation.definition.block | #FD0B | bold italic |
| source.js constant.language.import-export-all | #E67B | bold |
| source.js meta.import string.quoted.single, source.js meta.import string.quoted.double | #CE5B | italic |
| source.js meta.import keyword.control.as, source.js meta.import keyword.control.default, source.js meta.import keyword.control.from, source.js meta.import keyword.control.import | #D25B | bold italic |
| source.js storage.type.internaldeclaration, source.js storage.type.namespace, source.js storage.type, source.js keyword.control.from, source.js keyword.control.import, source.js keyword.control.export, source.js meta.export.default keyword.control.default | #D25B | bold |
| source.js keyword.control.as, source.js keyword.control.default, source.js keyword.control, source.js keyword.control.anchor.regexp, source.js keyword.control.conditional, source.js keyword.control.less, source.js keyword.control.loop, source.js keyword.control.module, source.js keyword.control.require, source.js keyword.control.switch, source.js keyword.control.trycatch, source.js keyword.control.with, source.js keyword, source.js keyword.other, source.js keyword.generator.asterisk, source.js meta.block keyword.control.flow, source.js keyword.operator.logical, source.js storage.type.numeric.bigint | #D25B | |
| source.js storage.type | #D25B | bold italic |
| source.js meta.block meta.var.expr storage.type | #D25B | italic |
| source.js punctuation.decorator | #D25B | bold |
| source.js constant.language.boolean.false | #E43B | bold italic |
| source.js constant.language.boolean.true | #7C2B | bold italic |
| source.js constant.language.undefined | #A7BB | bold italic |
| source.js constant.language.null | #E67B | bold italic |
| source.js support.type.builtin | #E7BB | |
| source.js constant.language.infinity, source.js constant.language.nan | #7ADB | bold italic |
| source.js storage.type.numeric.bigint | #D25B | italic |
| source.js keyword.operator.arithmetic, source.js keyword.operator.assignment.compound.bitwise, source.js keyword.operator.assignment.compound, source.js keyword.operator.bitwise.shift, source.js keyword.operator.bitwise, source.js keyword.operator.decrement, source.js keyword.operator.increment, source.js keyword.operator.definiteassignment, source.js keyword.operator, source.js keyword.operator.comparison, source.js keyword.operator.ternary, source.js punctuation.separator.key-value, source.js keyword.operator.assignment, source.js keyword.operator.type.annotation, source.js keyword.operator.expression.delete, source.js keyword.operator.expression.import, source.js keyword.operator.expression.in, source.js keyword.operator.expression.infer, source.js keyword.operator.expression.instanceof, source.js keyword.operator.expression.is, source.js keyword.operator.expression.keyof, source.js keyword.operator.expression.of, source.js keyword.operator.expression.typeof, source.js keyword.operator.expression.void, source.js keyword.operator.negation.regexp, source.js keyword.operator.optional, source.js keyword.operator.or.regexp, source.js keyword.operator.quantifier.regexp, source.js keyword.operator.relational, source.js keyword.operator.type.modifier, source.js keyword.operator.type | #4B9B | |
| source.js keyword.operator.spread, source.js keyword.operator.rest | #4B9B | bold |
| source.js *link*, source.js *uri*, source.js *url*, source.js case-clause.expr , source.js case-clause.expr, source.js cast.expr, source.js header, source.js keyword.other.back-reference.regexp, source.js keyword.other.unit, source.js markup.changed, source.js markup.deleted, source.js markup.heading, source.js markup.inline.raw, source.js markup.inserted, source.js markup.punctuation.list.beginning, source.js markup.punctuation.quote.beginning, source.js markup.underline, source.js module.node, source.js new.expr, source.js prototype, source.js punctuation.definition.binding-pattern.array, source.js punctuation.definition.binding-pattern.object, source.js source.embedded, source.js switch-block.expr, source.js switch-expression.expr, source.js switch-statement.expr, source.js variable.other.object, source.js meta.object.member variable.other.object | #EDAB | |
| source.js support.class, source.js support.class.builtin, source.js support.class.node, source.js support.class.promise, source.js support.constant, source.js support.constant, source.js support.constant.math, source.js support.type, source.js support.type.object.module, source.js support.variable, source.js support.variable.object.node, source.js support.variable.object.process | #EDAB | |
| source.js emphasis, source.js markup.bold, source.js strong | #EDAB | bold |
| source.js markup.italic | #EDAB | italic |
| source.js punctuation.quasi, source.js string.quasi, source.js invalid, source.js invalid.illegal, source.js invalid.illegal.newline | #D25B | |
| source.js invalid.deprecated | #D25B | underline |
| source.json punctuation.separator.dictionary.key-value | #BB3B | β |
| source.json constant.numeric | #DDDB | β |
| source.json constant.language | #5BEB | italic bold |
| source.json string.quoted.double | #CE5B | β |
| source.json meta.structure.dictionary.json support.type.property-name | #D89C | β |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name | #FC5C | β |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name | #D89C | β |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name | #9C8B | β |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name | #5BEB | β |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name | #DDDB | β |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name | #FC5C | β |
| source.json string.quasi | #B35B | |
| source.json punctuation.quasi | #E42C3ECC | |
| source.json invalid | #B35B | |
| source.json invalid.deprecated | #B35B | underline |
| source.json invalid.illegal | #B35B | |
| source.json invalid.illegal.newline | #B35B | |
| source.yaml comment.line.number-sign | #2BDB | |
| source.yaml comment.line.number-sign punctuation.definition.comment | #4AEB | |
| source.yaml string.quoted.double, source.yaml string.quoted.single, source.yaml string.unquoted.plain.out | #CE5B | β |
| source.yaml punctuation.definition.block.sequence.item, source.yaml punctuation.separator.key-value.mapping | #EDAB | bold |
| source.yaml string.unquoted.plain.out entity.name.tag | #FC5C | β |
| source.yaml string.unquoted.plain.in entity.name.tag | #D89C | β |
| source.yaml string.unquoted.plain.in, source.yaml constant.language.boolean.yaml | #9C8B | β |
| comment.block.documentation.js punctuation.definition.comment.js, comment.block.documentation.ts punctuation.definition.comment.ts, comment.block.documentation.js, comment.block.documentation.ts | #667B | bold |
| storage.type.class.jsdoc punctuation.definition.block.tag.jsdoc | #E35B | bold |
| storage.type.class.jsdoc | #EDAB | bold |
| constant.other.email.link.underline.jsdoc, variable.other.link.underline.jsdoc | #DB9B | underline |
| punctuation.definition.bracket.angle.begin.jsdoc, punctuation.definition.bracket.angle.end.jsdoc, punctuation.definition.bracket.curly.begin.jsdoc, punctuation.definition.bracket.curly.end.jsdoc, punctuation.definition.bracket.square.begin.jsdoc, punctuation.definition.bracket.square.end.jsdoc, punctuation.definition.optional-value.begin.bracket.square.jsdoc, punctuation.definition.optional-value.end.bracket.square.jsdoc | #EDAB | |
| constant.language.access-type.jsdoc, constant.language.symbol-type.jsdoc, constant.other.description.jsdoc, entity.name.tag.inline.jsdoc, entity.name.type.instance.jsdoc, keyword.operator.assignment.jsdoc, keyword.operator.control.jsdoc, meta.example.jsdoc, punctuation.definition.inline.tag.jsdoc, punctuation.separator.pipe.jsdoc, variable.other.description.jsdoc, variable.other.jsdoc | #667B | bold |
| entity.name.type.instance.jsdoc | #FC5C | |
| comment.block.documentation variable.other.jsdoc | #A3DB | |
| keyword.operator.assignment.jsdoc | #4B9B | bold |
| variable.other.jsdoc source.embedded | #6BFB | |
| emphasis | β | italic |
| strong | β | bold |
| header | #458588AA | β |
| comment, punctuation.definition.comment | #506899 | italic |
| constant, variable.arguments | #d3869bAA | β |
| constant.rgb-value | #ebdbb2AA | β |
| entity.name.selector | #7ec16eAA | β |
| entity.other.attribute-name | #7ec16eAA | β |
| entity.other.attribute-name.css | #fe8019AA | β |
| invalid | #cc241dAA | β |
| markup.underline | β | underline |
| markup.bold | #fe8019AA | bold |
| markup.heading | #fe8019AA | bold |
| markup.italic | β | italic |
| markup.inserted | #b8bb26AA | β |
| markup.deleted | #d65E0eAA | β |
| markup.changed | #fe8019AA | β |
| markup.punctuation.quote.beginning | #98971aAA | β |
| markup.punctuation.list.beginning | #99c6caAA | β |
| markup.inline.raw | #d65E0eAA | β |
| meta.selector | #7ec16eAA | β |
| #d79921AA | β | |
| meta.preprocessor | #fe8019AA | β |
| meta.preprocessor.string | #b8bb26AA | β |
| meta.preprocessor.numeric | #b8bb26AA | β |
| meta.structure.dictionary.key.python | #689E6aAA | β |
| meta.header.diff | #fe8019AA | β |
| storage | #f42c3eAA | β |
| storage.modifier | #fe8019AA | β |
| string | #b8bb26AA | β |
| string.tag | #b8bb26AA | β |
| string.value | #b8bb26AA | β |
| string.regexp | #fe8019AA | β |
| string.escape | #f42c3eAA | β |
| string.quasi | #7ec16eAA | β |
| string.entity | #b8bb26AA | β |
| object | #ebdbb2AA | β |
| module.node | #99c6caAA | β |
| support.type.property-name | #fabE2fAA | β |
| keyword | #f42c3eAA | β |
| keyword.control | #B6BB | β |
| keyword.control.module | #7ec16eAA | β |
| keyword.control.less | #d79921AA | β |
| keyword.operator | #7ec16eAA | β |
| keyword.operator.new | #fe8019AA | β |
| keyword.other.unit | #b8bb26AA | β |
| metatag.php | #fe8019AA | β |
| support.function.git-rebase | #689E6aAA | β |
| constant.sha.git-rebase | #b8bb26AA | β |
| storage.modifier.import.java, storage.modifier.package.java | #ebdbb2AA | β |
| meta.type.name, meta.cast, meta.type.annotation, support.type, storage.type.cs, storage.type.java, variable.class | #fabE2fAA | β |
| variable.this | #d3869bAA | β |
| entity.name, entity.static, entity.name.class.static.function, entity.name.function, entity.name.class, entity.name.type | #fabE2fAA | β |
| storage.type.function, entity.function, entity.name.function.static | #7ec16eAA | β |
| variable.language | #d3869b | italic |
| entity.name.function.function-call | #7ec16eAA | β |
| entity.name.method, entity.name.method.function-call, entity.name.static.function-call | #689E6aAA | β |
| brace | #d5c4a1AA | β |
| meta.parameter.type.variable, variable.parameter, variable, variable.name, variable.other | #99c6caAA | β |
| support.property-value, constant.rgb-value, support.property-value.scss, constant.rgb-value.scss | #d65E0eAA | β |
| prototype | #d3869bAA | β |
| storage.type.class | #f42c3eAA | β |
| entity.name.tag, punctuation.tag | #fabE2fAA | β |
| punctuation | #ebdbb2AA | β |
| punctuation.quasi | #f42c3eAA | β |
| meta.tag meta.jsx.children | #EDAB | β |
| meta.tag keyword.operator.assignment.tsx, meta.tag keyword.operator.assignment.js | #EDAB | bold |
| meta.tag entity.other.attribute-name.tsx, meta.tag entity.other.attribute-name.js, meta.tag meta.tag.attributes.tsx, meta.tag meta.tag.attributes.js | #FC5D | β |
| meta.tag string.quoted.double.tsx, meta.tag string.quoted.double.js, meta.tag string.quoted.single.tsx, meta.tag string.quoted.single.js | #BE5B | β |
| #FC5D | β | |
| meta.tag entity.name.tag.tsx, meta.tag entity.name.tag.js | #ADCB | |
| meta.tag support.class.component.tsx, meta.tag support.class.component.js | #8BDB | bold |
| meta.tag punctuation.definition.tag.begin.tsx, meta.tag punctuation.definition.tag.end.tsx | #6CEB | |
| meta.tag punctuation.definition.tag.begin.js, meta.tag punctuation.definition.tag.end.js | #FC5D | |
| text.html meta.tag punctuation.definition.tag | #FECB | |
| text.html meta.tag entity.name.tag | #FC5D | |
| text.html meta.tag entity.other.attribute-name | #AD3B | |
| text.html meta.tag meta.attribute string.quoted.single, text.html meta.tag meta.attribute string.quoted.double | #EE3B | |
| text.html meta.tag meta.attribute string, text.html.derivative constant.character.entity | #F73B | |
| text.html | #FECB | |
| text.html.derivative comment.block.html | #6DFB | |
| text.html.derivative comment.block punctuation.definition.comment | #FC5D | |
| source.css comment.block punctuation.definition.comment | #FC5D | bold |
| source.css comment.block | #53EB | bold |
| source.css meta.selector entity.name.tag | #5AEB | bold |
| source.css meta.selector entity.other.attribute-name.pseudo-element | #E85B | bold |
| source.css meta.selector entity.other.attribute-name.class punctuation.definition.entity, source.css meta.selector entity.other.attribute-name.class | #FEBB | bold |
| source.css meta.selector entity.other.attribute-name.pseudo-class, source.css meta.property-list meta.property-value meta.function.color.css | #FC5D | bold |
| source.css meta.property-list meta.property-value meta.function.color.css | #FC5D | |
| source.css meta.selector entity.other.attribute-name.id punctuation.definition.entity, source.css meta.selector entity.other.attribute-name.id | #E85B | bold |
| source.css meta.property-list meta.property-name support.type.property-name.css, source.css support.type.property-name.css | #8DCB | |
| source.css meta.at-rule.media.header support.type.property-name.media | #FC5D | bold |
| source.css meta.at-rule.media.header.css | β | bold |
| source.css keyword.control.at-rule.media punctuation.definition.keyword, source.css meta.at-rule.media.header support.constant.media | #FEBB | bold |
| source.css meta.at-rule.media.header keyword.control.at-rule.media | #D4CB | bold italic |
| source.css meta.property-value keyword.other.unit, source.css entity.other.attribute-name.css, source.css meta.at-rule.media.header keyword.other.unit | #CE5B | |
| source.css support.constant.property-value, source.css meta.property-value support.constant.property-value | #D2CB | |
| source.css meta.property-value constant.numeric, source.css meta.at-rule.media.header constant.numeric | #E67B | |
| source.css string.quoted.double.css, source.css string.quoted.single.css | #DF8B | |
| source.css meta.selector entity.other.attribute-name.pseudo-element punctuation.definition.entity, source.css meta.selector entity.other.attribute-name.pseudo-class punctuation.definition.entity | #FEBB | bold |
| source.css meta.property-value keyword.other.important, source.css meta.at-rule.media.header keyword.operator.logical | #F42B | bold |
| source storage.type.enum, source storage.type.interface, source storage.type.type | #D25B | bold |
| source meta.interface entity.name.type.interface, entity.name.type.alias | #EDAB | bold |
| source meta.interface meta.definition.property variable.object.property | #ADCB | |
| source meta.interface meta.type.annotation support.type.primitive, source meta.type.declaration support.type.primitive | #FC5D | |
| source meta.interface meta.type.annotation entity.name.type, source meta.type.declaration entity.name.type, source meta.type.declaration meta.type.function.return meta.type.parameters entity.name.type, source meta.function meta.block meta.type.parameters entity.name.type | #FC5D | |
| source meta.type.declaration meta.type.parameters entity.name.type, source meta.function meta.type.parameters entity.name.type | #FC5D | bold |
| source entity.name.type, source meta.parameters entity.name.type, source meta.type.annotation meta.type.parameters entity.name.type, source meta.type.annotation, source meta.type.parameters entity.name.type, source type.annotation | #FC5D | |
| source meta.type.annotation meta.type.parameters support.type.primitive, source support.type.primitive | #FC5D | |
| source entity.name.function, source meta.definition.function entity.name.function, source meta.definition.method, source meta.definition.variable entity.name.function, source meta.field.declaration | #FC5D | |
| source support.function.builtin, source support.function.git-rebase, source support.function, source support.function.math, source support.function.process | #FC5D | bold italic |
| source entity.other.inherited-class, source new.expr entity.name.type | #FC5D | bold |
| source meta.return.type entity.name.type, source meta.return.type support.type.primitive | #4B9B | bold italic |
| source meta.return.type meta.type.parameters entity.name.type | #FC5D | italic |
| source meta.return.type meta.type.parameters support.type.primitive | #E7BB | italic |
| source meta.return.type meta.type.parameters punctuation.definition.typeparameters, source meta.return.type meta.type.tuple meta.brace.square, source meta.return.type keyword.operator.type | #EDAB | |
| source entity.name.type.class, source entity.name.type.enum, source entity.name.type.instance, source entity.name.type.module, source entity.name.type.record | #EDAB | bold |
| source punctuation.definition.template-expression.begin, source punctuation.definition.template-expression.end, source punctuation.definition.parameters.begin, source punctuation.definition.parameters.end, source meta.brace.angle, source meta.brace.round, source meta.brace.square, source punctuation.definition.block, source entity.function, source entity.name, source entity.other.attribute-name.css, source entity.other.attribute-name.directive, source entity.other.attribute-name, source entity.other.inherited-class, source entity.static | #EDAB | |
| source meta.decorator entity.name, source meta.decorator entity.name.function, source meta.decorator meta.function-call entity.name, source meta.decorator variable.other.readwrite | #EDAB | bold |
| source string.regexp constant.other.character-class.set.regexp | #E67B | |
| source meta.var.expr string.regexp | #9C8B | |
| source string.regexp punctuation.definition.character-class.regexp | #FC5D | |
| source support.function.console | #FC5D | bold italic |
| source support.class.console | #4B9B | bold |
| source support.function.promise | #F91B | bold italic |
| source string.regexp punctuation.definition.string.begin, source string.regexp punctuation.definition.string.end | #F91B | bold |
| source variable.other.enummember, source variable.arguments, source variable.class, source variable.language.arguments, source variable.language, source variable.name, source variable.other.constant.object, source variable.other.constant, source variable.other.readwrite.alias, source meta.array-binding-pattern-variable variable.other.constant, source variable.other.readwrite, source variable.other.readwrite, source variable.other.regexp, source variable.other, source variable.parameter, source variable, source meta.array-binding-pattern-variable variable.other.constant, source meta.object-binding-pattern-variable variable.other.constant | #ADCB | β |
| source meta.object-binding-pattern-variable variable.other.constant, source meta.object.member meta.object-literal.key, source meta.objectliteral meta.object.member, source meta.var.expr meta.object-literal.key, source variable.object.property, source variable.other.constant.object.property, source variable.other.constant.property, source variable.other.property | #6BFB | β |
| source support.constant.property.math | #6BFB | bold italic |
| source support.variable.property, source support.variable.property.importmeta, source support.variable.property.process, source support.variable.property.target, source support.type.property-name, source support.type.property-name.css, source support.property-value, source support.property-value.scss | #6BFB | bold |
| source constant, source constant.character.escape.backslash.regexp, source constant.character.numeric.regexp, source constant.language, source constant.language.import-export-all, source constant.other.character-class.range.regexp, source constant.other.character-class.regexp, source constant.other.character-class.set.regexp, source constant.rgb-value, source constant.sha.git-rebase, source constant.character.escape, source constant.numeric, source constant.numeric.binary, source constant.numeric.decimal, source constant.numeric.hex, source constant.numeric.octal | #E67B | |
| source string, source string.constant.other.placeholder, source string.entity, source string.escape, source string.quoted.double, source string.quoted.single, source string.regexp, source string.tag, source string.template, source string.value | #CE5B | β |
| source storage.type.function.arrow | β | bold |
| source storage.type.function | β | bold italic |
| source storage.type.function, source storage.type.function.arrow | #7C2B | β |
| source storage.type.class | #FC5D | bold italic |
| source meta.method.declaration storage.type | #D25B | bold italic |
| source meta.class storage.modifier, source meta.method.declaration storage.modifier, source storage.type.property | #F91B | |
| source keyword.control.new, source keyword.operator.new | #F91B | bold |
| source meta.method.declaration storage.modifier.async, source storage.modifier.async | #F91B | bold italic |
| source variable.language.super | #E1AB | bold italic |
| source variable.language.this | #E67B | bold italic |
| source meta.import variable.other.readwrite.alias, source meta.import variable.other.readwrite | #ADCB | italic |
| source meta.import punctuation.definition.block | #FD0B | bold italic |
| source constant.language.import-export-all | #E67B | bold |
| source meta.import string.quoted.single, source meta.import string.quoted.double | #CE5B | italic |
| source meta.import keyword.control.as, source meta.import keyword.control.default, source meta.import keyword.control.from, source meta.import keyword.control.import | #D25B | bold italic |
| source storage.type.internaldeclaration, source storage.type.namespace, source storage.type, source keyword.control.from, source keyword.control.import, source keyword.control.export, source meta.export.default keyword.control.default | #D25B | bold |
| source keyword.control.as, source keyword.control.default, source keyword.control, source keyword.control.anchor.regexp, source keyword.control.conditional, source keyword.control.less, source keyword.control.loop, source keyword.control.module, source keyword.control.require, source keyword.control.switch, source keyword.control.trycatch, source keyword.control.with, source keyword, source keyword.other, source keyword.generator.asterisk, source meta.block keyword.control.flow, source keyword.operator.logical, source storage.type.numeric.bigint | #D25B | |
| source storage.type | #D25B | bold italic |
| source meta.block meta.var.expr storage.type | #D25B | italic |
| source punctuation.decorator | #D25B | bold |
| source constant.language.boolean.false | #E43B | bold italic |
| source constant.language.boolean.true | #7C2B | bold italic |
| source constant.language.undefined | #A7BB | bold italic |
| source constant.language.null | #E67B | bold italic |
| source support.type.builtin | #E7BB | |
| source constant.language.infinity, source constant.language.nan | #7ADB | bold italic |
| source keyword.operator.arithmetic, source keyword.operator.assignment.compound.bitwise, source keyword.operator.assignment.compound, source keyword.operator.bitwise.shift, source keyword.operator.bitwise, source keyword.operator.decrement, source keyword.operator.increment, source keyword.operator.definiteassignment, source keyword.operator, source keyword.operator.comparison, source keyword.operator.ternary, source punctuation.separator.key-value, source keyword.operator.assignment, source keyword.operator.type.annotation, source keyword.operator.expression.delete, source keyword.operator.expression.import, source keyword.operator.expression.in, source keyword.operator.expression.infer, source keyword.operator.expression.instanceof, source keyword.operator.expression.is, source keyword.operator.expression.keyof, source keyword.operator.expression.of, source keyword.operator.expression.typeof, source keyword.operator.expression.void, source keyword.operator.negation.regexp, source keyword.operator.optional, source keyword.operator.or.regexp, source keyword.operator.quantifier.regexp, source keyword.operator.relational, source keyword.operator.type.modifier, source keyword.operator.type | #4B9B | |
| source keyword.operator.spread, source keyword.operator.rest | #4B9B | bold |
| source *link*, source *uri*, source *url*, source case-clause.expr , source case-clause.expr, source cast.expr, source header, source keyword.other.back-reference.regexp, source keyword.other.unit, source markup.changed, source markup.deleted, source markup.heading, source markup.inline.raw, source markup.inserted, source markup.punctuation.list.beginning, source markup.punctuation.quote.beginning, source markup.underline, source module.node, source new.expr, source prototype, source punctuation.definition.binding-pattern.array, source punctuation.definition.binding-pattern.object, source source.embedded, source switch-block.expr, source switch-expression.expr, source switch-statement.expr, source variable.other.object, source meta.object.member variable.other.object | #EDAB | |
| source support.class, source support.class.builtin, source support.class.node, source support.class.promise, source support.constant, source support.constant, source support.constant.math, source support.type, source support.type.object.module, source support.variable, source support.variable.object.node, source support.variable.object.process | #EDAB | |
| source emphasis, source markup.bold, source strong | #EDAB | bold |
| source markup.italic | #EDAB | italic |
| source punctuation.quasi, source string.quasi, source invalid, source invalid.illegal, source invalid.illegal.newline | #D25B | |
| source invalid.deprecated | #D25B | underline |
| comment.line.shebang punctuation.definition.comment, source punctuation.definition.comment.shebang | #F15B | bold underline |
| source comment.line.shebang, comment.line.number-sign.shebang, source comment.line.number-sign.shebang | #EDA5 | italic bold underline |
| comment | #667B | |
| comment.line.double-slash | #4DD5 | |
| comment.line.double-slash punctuation.definition.comment | #4CD4 | bold |
| comment.block | #B4D5 | |
| comment.block punctuation.definition.comment | #B4D4 | bold |
| comment.line.triple-slash.directive punctuation.definition.comment | #B985 | |
| comment.line.triple-slash.directive punctuation.definition.tag.directive, comment.line.triple-slash.directive punctuation.definition.tag.directive, comment.line.triple-slash.directive punctuation.definition.string, comment.line.triple-slash.directive keyword.operator.assignment | #B985 | |
| comment.line.triple-slash.directive meta.tag entity.name.tag.directive, comment.line.triple-slash.directive entity.other.attribute-name.directive, comment.line.triple-slash.directive string.quoted | #2BD5 | |
| comment.line.triple-slash.directive string.quoted, comment.line.triple-slash.directive string.quoted.single, comment.line.triple-slash.directive string.quoted.double | #CE5B | |
| meta.tag punctuation.definition.string.begin.js, meta.tag punctuation.definition.string.begin.tsx, meta.tag punctuation.definition.string.end.js, meta.tag punctuation.definition.string.end.tsx, punctuation.accessor.optional, punctuation.accessor, punctuation.decorator.internaldeclaration, punctuation.definition.character-class.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.group.no-capture.regexp, punctuation.definition.group.regexp, punctuation.definition.section.case-statement, punctuation.definition.string, punctuation.definition.string.template, punctuation.definition.tag.directive, punctuation.definition.typeparameters, punctuation.destructuring, punctuation.quoted, punctuation.separator.comma, punctuation.separator.label, punctuation.separator.parameter, punctuation.tag, punctuation.whitespace.comment.leading, source.json punctuation.definition.string, string.quoted.double punctuation.definition.string, string.quoted.single punctuation.definition.string, text.html meta.tag meta.attribute punctuation.definition.string, text.html source punctuation.definition.string, text.html source punctuation.definition.string.template, text.html source string.quoted.double punctuation.definition.string, text.html source string.quoted.single punctuation.definition.string, source.js punctuation.terminator.statement, source.ts punctuation.terminator.statement, punctuation.terminator.statement.ts, punctuation.terminator.statement.js, source.js.jsx punctuation.terminator.statement, source.tsx punctuation.terminator.statement | #EDAB | bold |
| source.ts string.template punctuation.definition.template-expression.begin, source.ts string.template punctuation.definition.template-expression.end | #E8DB | |
| #49FB | bold | |
| keyword.other.debugger | #FC5D | bold underline |
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}!`;
}