A stunning high contrast dark theme with vibrant neon colors for immersive dark mode coding. Reduces eye-strain with carefully balanced cyberpunk aesthetics—perfect for late-night programming sessions.
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, punctuation.definition.comment | #7F6CFF | italic |
| variable, variable.other, variable.parameter, variable.other.property, variable.other.member, variable.other.member.python, variable.other.attribute, meta.attribute.python, meta.object-literal.key, meta.property.object, string constant.other.placeholder | #F3E600 | — |
| constant.numeric, constant.language, constant.character, constant.escape, constant.other.color | #55EAD4 | — |
| invalid, invalid.illegal, invalid.deprecated | #C5003C | bold |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, storage.type, storage.modifier | #FF006E | bold |
| punctuation, punctuation.definition.tag, punctuation.separator, punctuation.terminator, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, meta.brace, meta.delimiter | #C5003C | — |
| entity.name.function, entity.name.function.python, meta.function-call, meta.function-call.python, variable.function, support.function, keyword.other.special-method | #55EAD4 | — |
| string, string.quoted, string.template, constant.other.symbol, constant.other.key | #55EAD4 | — |
| entity.name.class, entity.name.type, entity.name.namespace, support.type, support.class, storage.type.class | #FF006E | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #C5003C | — |
| entity.other.attribute-name, text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #F3E600 | italic |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, source.css entity.name.tag, source.css meta.selector.css entity.name.tag, source.css meta.selector entity.name.tag, source.css meta.selector meta.selector entity.name.tag | #FF006E | — |
| support.type.property-name.css, meta.property-name.css | #F3E600 | — |
| support.constant.property-value.css, meta.property-value.css | #55EAD4 | — |
| support.type.property-name.json, source.json meta.structure.dictionary.json support.type.property-name.json | #FF006E | — |
| source.json string.quoted.double.json | #55EAD4 | — |
| source.json constant.numeric.json | #55EAD4 | — |
| markup.heading, markup.heading.markdown, entity.name.section.markdown | #FF006E | bold |
| markup.bold, markup.bold.markdown | #FF006E | bold |
| markup.italic, markup.italic.markdown | #55EAD4 | italic |
| markup.inline.raw, markup.inline.raw.markdown, markup.fenced_code.block.markdown | #55EAD4 | — |
| markup.underline.link, string.other.link.title.markdown, constant.other.reference.link.markdown | #FF006E | underline |
| markup.quote, markup.quote.markdown | #880425 | italic |
| meta.function.decorator.python, entity.name.function.decorator.python | #FF006E | italic |
| variable.language.special.self.python, variable.language.special.cls.python | #C5003C | italic |
| variable.language.this.js, variable.language.this.ts | #C5003C | italic |
| entity.name.type.ts, entity.name.type.interface.ts, support.type.primitive.ts | #FF006E | — |
| markup.inserted, markup.inserted.git_gutter | #55EAD4 | — |
| markup.deleted, markup.deleted.git_gutter | #C5003C | — |
| markup.changed, markup.changed.git_gutter | #F3E600 | — |
| string.regexp | #FF006E | — |
| constant.character.escape | #C5003C | bold |
| *url*, *link*, *uri* | #FF006E | underline |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison | #C5003C | — |
| support.constant, constant.language.boolean, constant.language.null, constant.language.undefined | #55EAD4 | bold |
| keyword.hard.fun.kotlin, keyword.hard.val.kotlin, keyword.hard.var.kotlin, keyword.hard.class.kotlin, keyword.hard.object.kotlin, keyword.hard.interface.kotlin, keyword.hard.if.kotlin, keyword.hard.else.kotlin, keyword.hard.when.kotlin, keyword.hard.return.kotlin, keyword.hard.for.kotlin, keyword.hard.while.kotlin, keyword.hard.package.kotlin, keyword.hard.import.kotlin, keyword.soft.public.kotlin, keyword.soft.private.kotlin, keyword.soft.protected.kotlin, keyword.soft.internal.kotlin, keyword.soft.override.kotlin, keyword.soft.abstract.kotlin, keyword.soft.open.kotlin, keyword.soft.data.kotlin, keyword.soft.sealed.kotlin, keyword.soft.suspend.kotlin, source.kotlin keyword, source.kotlin storage.modifier, source.kotlin storage.type | #FF006E | bold |
| source.kotlin entity.name.function, source.kotlin support.function | #55EAD4 | — |
| source.kotlin entity.name.type, source.kotlin entity.name.class, source.kotlin support.class | #FF006E | — |
| source.kotlin variable, source.kotlin variable.other, source.kotlin variable.parameter | #F3E600 | — |
| source.kotlin string, source.kotlin string.quoted | #55EAD4 | — |
| source.kotlin comment | #7F6CFF | italic |
| source.kotlin entity.name.type.annotation | #FF006E | italic |
| keyword.hard.this.kotlin, keyword.hard.super.kotlin, source.kotlin variable.language.this, source.kotlin variable.language.super | #C5003C | italic |
| source.kotlin constant.numeric, source.kotlin constant.language | #55EAD4 | — |
| source.kotlin keyword.operator | #C5003C | — |
| source.kotlin punctuation | #C5003C | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, keyword.other.class.php | #C5003C | — |
| keyword.control.php, keyword.other.php, storage.type.php, storage.modifier.php, storage.type.class.php, storage.type.function.php, keyword.control.return.php, keyword.control.if.php, keyword.control.else.php, keyword.control.elseif.php, keyword.control.foreach.php, keyword.control.for.php, keyword.control.while.php, keyword.control.switch.php, keyword.control.case.php, keyword.control.break.php, keyword.control.continue.php, keyword.control.try.php, keyword.control.catch.php, keyword.control.throw.php | #FF006E | bold |
| entity.name.function.php, support.function.php, support.function.construct.php, meta.function-call.php | #55EAD4 | — |
| entity.name.type.class.php, support.class.php, entity.other.inherited-class.php, entity.name.type.interface.php, entity.name.type.trait.php, support.class.builtin.php | #FF006E | — |
| variable.other.php, variable.other.property.php, variable.parameter.php, punctuation.definition.variable.php | #F3E600 | — |
| variable.language.this.php | #C5003C | italic |
| string.quoted.single.php, string.quoted.double.php | #55EAD4 | — |
| constant.numeric.php, constant.language.php, constant.other.php, support.constant.php | #55EAD4 | — |
| keyword.operator.php, keyword.operator.assignment.php, keyword.operator.comparison.php, keyword.operator.logical.php, keyword.operator.string.php, keyword.operator.class.php, keyword.operator.type.php | #C5003C | — |
| support.function.array.php, support.function.construct.output.php | #55EAD4 | — |
| comment.line.double-slash.php, comment.block.php, comment.block.documentation.php | #7F6CFF | italic |
| keyword.other.phpdoc.php, storage.type.class.phpdoc.php | #FF006E | italic |
| entity.name.type.namespace.php, keyword.other.namespace.php, keyword.other.use.php | #FF006E | — |
| support.function.magic.php | #55EAD4 | italic |
| meta.attribute.php, support.attribute.php | #FF006E | italic |
| keyword.control.python, keyword.control.flow.python, keyword.control.import.python, keyword.control.conditional.python, keyword.control.loop.python, keyword.control.exception.python, keyword.operator.logical.python | #FF006E | bold |
| entity.name.function.python, meta.function.python entity.name.function.python | #55EAD4 | bold |
| meta.function-call.python, meta.function-call.generic.python | #55EAD4 | — |
| entity.name.type.class.python, meta.class.python entity.name.type.class.python | #FF006E | bold |
| entity.other.inherited-class.python | #FF006E | italic |
| variable.parameter.function.python, variable.parameter.function.language.python, meta.function.parameters.python variable.parameter.function.python | #F3E600 | italic |
| support.function.builtin.python, support.function.magic.python | #55EAD4 | italic |
| support.type.python, support.type.exception.python | #FF006E | — |
| support.function.magic.python, support.variable.magic.python, variable.other.readwrite.magic.python | #7F6CFF | italic |
| string.interpolated.python, meta.fstring.python, storage.type.string.python | #55EAD4 | — |
| meta.fstring.python meta.embedded.python, source.python meta.fstring.python source.python.embedded.python | #F3E600 | — |
| string.quoted.docstring.python, string.quoted.docstring.multi.python, string.quoted.docstring.raw.python | #7F6CFF | italic |
| meta.function.python meta.function.parameters.python support.type.python, meta.function.python punctuation.separator.annotation.python, meta.function.python punctuation.separator.annotation.result.python, source.python support.type.python | #FF006E | italic |
| constant.language.python, constant.other.caps.python | #55EAD4 | bold |
| keyword.control.import.python, keyword.control.import.from.python | #FF006E | — |
| source.python meta.statement.import.python entity.name.import.python, entity.name.import.python | #55EAD4 | — |
| storage.type.function.lambda.python | #FF006E | italic |
| storage.type.function.async.python, keyword.control.flow.await.python | #FF006E | bold italic |
| keyword.control.exception.python, keyword.control.flow.raise.python, keyword.control.flow.try.python, keyword.control.flow.except.python, keyword.control.flow.finally.python | #C5003C | bold |
| keyword.control.flow.with.python, keyword.control.flow.as.python | #FF006E | — |
| keyword.operator.comparison.python, keyword.operator.logical.python | #C5003C | — |
| keyword.operator.arithmetic.python, keyword.operator.assignment.python | #C5003C | — |
| keyword.control.rust, keyword.other.rust, keyword.control.loop.rust, keyword.control.flow.rust | #FF006E | bold |
| storage.type.rust, storage.modifier.rust, keyword.other.fn.rust, keyword.other.type.rust, keyword.other.struct.rust, keyword.other.enum.rust, keyword.other.trait.rust, keyword.other.impl.rust, keyword.other.mod.rust, keyword.other.use.rust, keyword.other.pub.rust, keyword.other.crate.rust | #FF006E | bold |
| entity.name.function.rust, meta.function.definition.rust entity.name.function.rust | #55EAD4 | bold |
| meta.function.call.rust, support.function.rust | #55EAD4 | — |
| entity.name.type.rust, entity.name.type.struct.rust, entity.name.type.enum.rust, entity.name.type.trait.rust, entity.name.type.module.rust, support.type.primitive.rust | #FF006E | — |
| entity.name.type.trait.rust, entity.name.impl.rust | #FF006E | italic |
| storage.modifier.lifetime.rust, entity.name.type.lifetime.rust, punctuation.definition.lifetime.rust | #7F6CFF | italic |
| entity.name.function.macro.rust, meta.macro.rust, support.macro.rust | #55EAD4 | bold italic |
| meta.attribute.rust, punctuation.definition.attribute.rust, punctuation.brackets.attribute.rust | #F3E600 | italic |
| variable.language.self.rust, variable.language.super.rust, keyword.other.crate.rust | #C5003C | italic |
| keyword.other.unsafe.rust | #C5003C | bold |
| keyword.control.async.rust, keyword.control.await.rust | #FF006E | bold italic |
| entity.name.type.option.rust, entity.name.type.result.rust, support.type.rust | #FF006E | — |
| keyword.control.go, keyword.function.go, keyword.package.go, keyword.import.go, keyword.type.go, keyword.struct.go, keyword.interface.go, keyword.map.go, keyword.chan.go, keyword.const.go, keyword.var.go | #FF006E | bold |
| storage.type.go, keyword.function.go, keyword.var.go, keyword.const.go, keyword.type.go | #FF006E | bold |
| entity.name.function.go, meta.function.declaration.go entity.name.function.go | #55EAD4 | bold |
| meta.function.call.go, support.function.go, support.function.builtin.go | #55EAD4 | — |
| entity.name.type.go, support.type.go, support.type.builtin.go | #FF006E | — |
| entity.name.package.go, entity.name.import.go | #55EAD4 | — |
| variable.other.property.go, variable.other.member.go | #F3E600 | — |
| constant.other.placeholder.go | #C5003C | — |
| support.type.error.go | #C5003C | bold |
| keyword.control.go.go, keyword.control.defer.go | #FF006E | bold italic |
| keyword.operator.channel.go, keyword.chan.go | #7F6CFF | — |
| keyword.control.c, keyword.control.cpp, keyword.control.loop.c, keyword.control.loop.cpp, keyword.control.conditional.c, keyword.control.conditional.cpp | #FF006E | bold |
| storage.type.c, storage.type.cpp, storage.type.built-in.c, storage.type.built-in.cpp, storage.type.built-in.primitive.c, storage.type.built-in.primitive.cpp, storage.modifier.c, storage.modifier.cpp | #FF006E | bold |
| entity.name.function.c, entity.name.function.cpp, entity.name.function.definition.c, entity.name.function.definition.cpp, meta.function.definition.cpp entity.name.function.cpp | #55EAD4 | bold |
| meta.function-call.c, meta.function-call.cpp, entity.name.function.call.c, entity.name.function.call.cpp | #55EAD4 | — |
| entity.name.type.class.cpp, entity.name.type.struct.c, entity.name.type.struct.cpp, entity.name.type.enum.c, entity.name.type.enum.cpp, entity.name.type.union.c, entity.name.type.union.cpp | #FF006E | — |
| entity.name.namespace.cpp, entity.name.scope-resolution.cpp | #FF006E | italic |
| entity.name.type.template.cpp, storage.type.template.cpp, storage.type.template.argument.cpp | #7F6CFF | italic |
| meta.preprocessor.c, meta.preprocessor.cpp, keyword.control.directive.c, keyword.control.directive.cpp, keyword.control.directive.include.c, keyword.control.directive.include.cpp, keyword.control.directive.define.c, keyword.control.directive.define.cpp, keyword.control.directive.conditional.c, keyword.control.directive.conditional.cpp, punctuation.definition.directive.c, punctuation.definition.directive.cpp | #7F6CFF | — |
| string.quoted.include.c, string.quoted.include.cpp, string.quoted.other.lt-gt.include.c, string.quoted.other.lt-gt.include.cpp | #55EAD4 | — |
| entity.name.function.preprocessor.c, entity.name.function.preprocessor.cpp, meta.preprocessor.macro.c, meta.preprocessor.macro.cpp | #F3E600 | bold |
| storage.modifier.pointer.c, storage.modifier.pointer.cpp, storage.modifier.reference.cpp, punctuation.definition.pointer.c, punctuation.definition.pointer.cpp | #C5003C | — |
| storage.modifier.specifier.access.cpp, storage.type.modifier.access.cpp | #FF006E | italic |
| storage.modifier.virtual.cpp, storage.modifier.override.cpp, storage.modifier.final.cpp | #FF006E | italic |
| meta.lambda.cpp, punctuation.definition.lambda.cpp, punctuation.definition.capture.cpp | #7F6CFF | — |
| variable.language.this.cpp | #C5003C | italic |
| entity.name.type.unique_ptr.cpp, entity.name.type.shared_ptr.cpp, entity.name.type.weak_ptr.cpp | #FF006E | — |
| keyword.control.js, keyword.control.ts, keyword.control.flow.js, keyword.control.flow.ts, keyword.control.loop.js, keyword.control.loop.ts, keyword.control.conditional.js, keyword.control.conditional.ts, keyword.control.trycatch.js, keyword.control.trycatch.ts | #FF006E | bold |
| storage.type.js, storage.type.ts, storage.type.function.js, storage.type.function.ts, storage.type.class.js, storage.type.class.ts, storage.modifier.js, storage.modifier.ts | #FF006E | bold |
| storage.type.const.js, storage.type.const.ts, storage.type.let.js, storage.type.let.ts, storage.type.var.js, storage.type.var.ts | #FF006E | bold |
| entity.name.function.js, entity.name.function.ts, meta.function.js entity.name.function.js, meta.function.ts entity.name.function.ts, meta.definition.function.js entity.name.function.js, meta.definition.function.ts entity.name.function.ts | #55EAD4 | bold |
| meta.function-call.js, meta.function-call.ts, entity.name.function.call.js, entity.name.function.call.ts | #55EAD4 | — |
| storage.type.function.arrow.js, storage.type.function.arrow.ts, meta.arrow.js, meta.arrow.ts | #FF006E | — |
| storage.modifier.async.js, storage.modifier.async.ts, keyword.control.flow.await.js, keyword.control.flow.await.ts | #FF006E | bold italic |
| entity.name.type.class.js, entity.name.type.class.ts, support.class.js, support.class.ts | #FF006E | bold |
| entity.name.type.interface.ts, entity.name.type.type.ts, entity.name.type.alias.ts | #FF006E | italic |
| meta.type.annotation.ts, support.type.primitive.ts, support.type.builtin.ts | #FF006E | — |
| meta.type.parameters.ts, entity.name.type.parameter.ts | #7F6CFF | italic |
| meta.decorator.js, meta.decorator.ts, punctuation.decorator.js, punctuation.decorator.ts | #F3E600 | italic |
| keyword.control.import.js, keyword.control.import.ts, keyword.control.export.js, keyword.control.export.ts, keyword.control.from.js, keyword.control.from.ts, keyword.control.default.js, keyword.control.default.ts | #FF006E | — |
| string.quoted.module.js, string.quoted.module.ts, meta.import.js string.quoted, meta.import.ts string.quoted | #55EAD4 | — |
| meta.object-literal.key.js, meta.object-literal.key.ts, variable.object.property.js, variable.object.property.ts | #F3E600 | — |
| string.template.js, string.template.ts, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.js, punctuation.definition.template-expression.end.ts | #55EAD4 | — |
| meta.template.expression.js, meta.template.expression.ts | #F3E600 | — |
| support.class.promise.js, support.class.promise.ts, support.class.console.js, support.class.console.ts, support.function.console.js, support.function.console.ts | #55EAD4 | — |
| support.class.dom.js, support.class.dom.ts, support.constant.dom.js, support.constant.dom.ts | #55EAD4 | — |
| entity.name.tag.jsx, entity.name.tag.tsx, support.class.component.jsx, support.class.component.tsx | #C5003C | — |
| support.class.component.jsx, support.class.component.tsx, entity.name.tag.component.jsx, entity.name.tag.component.tsx | #FF006E | bold |
| entity.other.attribute-name.jsx, entity.other.attribute-name.tsx, meta.tag.attributes.jsx entity.other.attribute-name, meta.tag.attributes.tsx entity.other.attribute-name | #F3E600 | italic |
| punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx | #FF006E | — |
| string.quoted.jsx, string.quoted.tsx, meta.jsx.children.js, meta.jsx.children.tsx | #55EAD4 | — |
| entity.name.tag.template.html.vue, entity.name.tag.script.html.vue, entity.name.tag.style.html.vue | #FF006E | bold |
| entity.other.attribute-name.directive.vue, keyword.control.directive.vue, entity.other.attribute-name.v-bind.vue, entity.other.attribute-name.v-on.vue, entity.other.attribute-name.v-if.vue, entity.other.attribute-name.v-for.vue, entity.other.attribute-name.v-model.vue | #7F6CFF | italic |
| punctuation.definition.interpolation.vue, expression.embedded.vue | #F3E600 | — |
| entity.name.tag.component.vue, support.class.component.vue | #FF006E | bold |
| keyword.control.java, keyword.control.flow.java, keyword.control.loop.java, keyword.control.conditional.java, keyword.control.exception.java | #FF006E | bold |
| storage.type.java, storage.modifier.java, storage.type.primitive.java, storage.type.object.java, storage.type.generic.java | #FF006E | bold |
| entity.name.function.java, meta.function.java entity.name.function.java, meta.method.java entity.name.function.java | #55EAD4 | bold |
| meta.function-call.java, meta.method-call.java | #55EAD4 | — |
| entity.name.type.class.java, support.class.java | #FF006E | bold |
| entity.name.type.interface.java, storage.type.interface.java | #FF006E | italic |
| entity.name.type.enum.java, storage.type.enum.java | #FF006E | — |
| meta.declaration.annotation.java, storage.type.annotation.java, punctuation.definition.annotation.java | #F3E600 | italic |
| storage.type.generic.java, punctuation.bracket.angle.java | #7F6CFF | italic |
| keyword.other.package.java, keyword.other.import.java, storage.modifier.import.java | #FF006E | — |
| variable.language.this.java, variable.language.super.java | #C5003C | italic |
| storage.modifier.static.java | #FF006E | italic |
| keyword.control.ruby, keyword.control.flow.ruby, keyword.control.class.ruby, keyword.control.module.ruby, keyword.control.def.ruby, keyword.control.loop.ruby, keyword.control.conditional.ruby | #FF006E | bold |
| entity.name.function.ruby, meta.function.ruby entity.name.function.ruby | #55EAD4 | bold |
| entity.name.type.class.ruby, support.class.ruby | #FF006E | bold |
| entity.name.type.module.ruby, support.class.module.ruby | #FF006E | italic |
| constant.other.symbol.ruby, punctuation.definition.constant.ruby | #7F6CFF | — |
| variable.other.readwrite.instance.ruby, punctuation.definition.variable.ruby | #F3E600 | — |
| variable.other.readwrite.class.ruby | #F3E600 | bold |
| variable.other.readwrite.global.ruby | #C5003C | — |
| keyword.control.start-block.ruby, punctuation.section.function.ruby, punctuation.section.block.ruby | #FF006E | — |
| punctuation.section.embedded.ruby, source.ruby.embedded | #F3E600 | — |
| string.regexp.ruby, punctuation.definition.string.ruby | #7F6CFF | — |
| variable.language.self.ruby | #C5003C | italic |
| support.function.attribute.ruby | #FF006E | italic |
| keyword.control.shell, keyword.control.bash, keyword.control.flow.shell, keyword.control.flow.bash | #FF006E | bold |
| keyword.control.conditional.shell, keyword.control.conditional.bash | #FF006E | bold |
| entity.name.function.shell, entity.name.function.bash, support.function.builtin.shell, support.function.builtin.bash | #55EAD4 | bold |
| support.function.shell, support.function.bash, meta.function-call.shell, meta.function-call.bash | #55EAD4 | — |
| variable.other.shell, variable.other.bash, variable.other.normal.shell, variable.other.normal.bash, punctuation.definition.variable.shell, punctuation.definition.variable.bash | #F3E600 | — |
| variable.other.special.shell, variable.other.special.bash, variable.other.positional.shell, variable.other.positional.bash | #C5003C | — |
| comment.line.shebang.shell, comment.line.shebang.bash, punctuation.definition.comment.shebang.shell | #7F6CFF | bold |
| punctuation.definition.evaluation.shell, punctuation.definition.evaluation.bash, string.interpolated.backtick.shell, string.interpolated.backtick.bash | #55EAD4 | — |
| keyword.operator.pipe.shell, keyword.operator.pipe.bash, keyword.operator.redirect.shell, keyword.operator.redirect.bash | #C5003C | bold |
| keyword.operator.logical.shell, keyword.operator.logical.bash | #FF006E | — |
| string.unquoted.argument.shell, punctuation.definition.arguments.shell | #F3E600 | italic |
| entity.name.tag.yaml, support.type.property-name.yaml | #FF006E | — |
| string.unquoted.plain.yaml, string.quoted.single.yaml, string.quoted.double.yaml | #55EAD4 | — |
| entity.name.type.anchor.yaml, variable.other.alias.yaml, punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml | #7F6CFF | italic |
| storage.type.tag-handle.yaml, constant.language.yaml | #F3E600 | — |
| punctuation.definition.block.sequence.item.yaml, punctuation.separator.key-value.yaml | #C5003C | — |
| constant.numeric.yaml, constant.language.boolean.yaml, constant.language.null.yaml | #55EAD4 | bold |
| keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql, keyword.other.DML.II.sql, keyword.other.authorization.sql, keyword.other.data-integrity.sql | #FF006E | bold |
| keyword.other.DML.sql, keyword.other.select.sql, keyword.other.insert.sql, keyword.other.update.sql, keyword.other.delete.sql | #FF006E | bold |
| support.function.sql, support.function.aggregate.sql, support.function.scalar.sql, support.function.string.sql | #55EAD4 | — |
| storage.type.sql, support.type.sql | #FF006E | — |
| entity.name.function.sql, entity.other.alias.sql | #F3E600 | — |
| string.quoted.single.sql, string.quoted.double.sql | #55EAD4 | — |
| keyword.operator.sql, keyword.operator.comparison.sql, keyword.operator.logical.sql, keyword.operator.star.sql | #C5003C | — |
| constant.numeric.sql, constant.language.sql, constant.other.placeholder.sql | #55EAD4 | — |
| variable.scss, variable.sass, variable.parameter.scss, variable.parameter.sass | #F3E600 | — |
| entity.name.function.scss, entity.name.function.sass, keyword.control.at-rule.mixin.scss, keyword.control.at-rule.mixin.sass | #55EAD4 | bold |
| keyword.control.at-rule.include.scss, keyword.control.at-rule.include.sass | #FF006E | — |
| keyword.control.at-rule.extend.scss, keyword.control.at-rule.extend.sass | #FF006E | italic |
| variable.interpolation.scss, variable.interpolation.sass, punctuation.definition.interpolation.scss | #F3E600 | — |
| keyword.control.if.scss, keyword.control.else.scss, keyword.control.for.scss, keyword.control.each.scss, keyword.control.while.scss | #FF006E | bold |
| entity.other.attribute-name.parent-selector.scss, entity.other.attribute-name.parent-selector.sass | #C5003C | — |
| entity.other.attribute-name.placeholder.scss, entity.other.attribute-name.placeholder.sass | #7F6CFF | italic |
| support.function.scss, support.function.sass, support.function.misc.scss | #55EAD4 | — |
| keyword.other.dockerfile, keyword.control.dockerfile, keyword.other.special-method.dockerfile | #FF006E | bold |
| keyword.other.dockerfile.from, entity.name.image.dockerfile | #FF006E | bold |
| entity.name.image.dockerfile, constant.other.image.dockerfile | #55EAD4 | — |
| variable.other.dockerfile, variable.other.bracket.dockerfile | #F3E600 | — |
| keyword.other.dockerfile.arg, keyword.other.dockerfile.env | #FF006E | — |
| string.quoted.dockerfile, string.quoted.double.dockerfile, string.quoted.single.dockerfile | #55EAD4 | — |
| comment.line.dockerfile, comment.line.number-sign.dockerfile | #7F6CFF | italic |
| constant.numeric.dockerfile | #55EAD4 | — |
| keyword.graphql, keyword.operation.graphql, keyword.type.graphql, keyword.fragment.graphql | #FF006E | bold |
| entity.name.type.graphql, support.type.graphql, entity.scalar.graphql | #FF006E | — |
| entity.name.field.graphql, variable.graphql, variable.other.graphql | #55EAD4 | — |
| variable.argument.graphql, variable.parameter.graphql, meta.arguments.graphql | #F3E600 | italic |
| entity.name.directive.graphql, keyword.directive.graphql | #7F6CFF | italic |
| constant.enum.graphql, constant.character.enum.graphql | #55EAD4 | bold |
| string.quoted.graphql, string.quoted.double.graphql, string.block.graphql | #55EAD4 | — |
| keyword.operation.query.graphql, keyword.operation.mutation.graphql, keyword.operation.subscription.graphql | #FF006E | bold |
| keyword.fragment.graphql, entity.name.fragment.graphql | #7F6CFF | — |
| keyword.input.graphql, entity.name.type.input.graphql | #FF006E | italic |
| entity.name.type.terraform, keyword.other.terraform, storage.type.terraform | #FF006E | bold |
| entity.name.resource.terraform, entity.name.data.terraform, entity.name.type.resource.terraform | #55EAD4 | — |
| entity.name.label.terraform, entity.name.resource.label.terraform | #F3E600 | — |
| variable.terraform, variable.other.terraform, variable.other.readwrite.terraform | #F3E600 | — |
| punctuation.section.interpolation.terraform, meta.interpolation.terraform, variable.other.member.terraform | #F3E600 | — |
| support.function.terraform, support.function.builtin.terraform | #55EAD4 | — |
| entity.other.attribute-name.terraform, variable.declaration.terraform | #55EAD4 | — |
| string.quoted.double.terraform, string.terraform | #55EAD4 | — |
| constant.numeric.terraform, constant.language.terraform | #55EAD4 | bold |
| keyword.control.terraform, keyword.terraform | #FF006E | — |
| entity.name.provisioner.terraform, keyword.provisioner.terraform | #7F6CFF | — |
| string.quoted.terraform.module, entity.name.module.terraform | #55EAD4 | italic |
| meta.decorator.ts, punctuation.decorator.ts | #F3E600 | italic |
| entity.other.attribute-name.template.html, punctuation.definition.template-expression.angular | #7F6CFF | — |
| punctuation.definition.interpolation.begin.html, punctuation.definition.interpolation.end.html, meta.interpolation.html | #F3E600 | — |
| entity.other.attribute-name.event.html, punctuation.definition.event.html | #FF006E | — |
| entity.other.attribute-name.property.html, punctuation.definition.property.html | #55EAD4 | — |
| entity.other.attribute-name.structural.html, punctuation.definition.structural.html | #7F6CFF | bold |
| entity.name.function.pipe.html, keyword.operator.pipe.html | #55EAD4 | italic |
| entity.name.type.module.ts, support.type.object.module.ts | #FF006E | bold |
| keyword.control.swift, keyword.control.flow.swift, keyword.control.loop.swift, keyword.control.conditional.swift, keyword.control.exception.swift | #FF006E | bold |
| storage.type.swift, storage.modifier.swift, keyword.other.declaration-specifier.swift | #FF006E | bold |
| entity.name.function.swift, meta.function.swift entity.name.function.swift | #55EAD4 | bold |
| entity.name.type.class.swift, entity.name.type.struct.swift, entity.name.type.enum.swift, support.class.swift | #FF006E | bold |
| entity.name.type.protocol.swift, entity.other.inherited-class.swift | #FF006E | italic |
| entity.name.type.extension.swift | #7F6CFF | italic |
| keyword.operator.optional.swift, keyword.operator.type.optional.swift | #C5003C | — |
| meta.attribute.swift, storage.modifier.attribute.swift | #F3E600 | italic |
| variable.language.self.swift | #C5003C | italic |
| variable.language.generic.swift, meta.generic-where-clause.swift | #7F6CFF | italic |
| keyword.control.guard.swift, keyword.control.defer.swift | #FF006E | bold italic |
| keyword.control.dart, keyword.control.flow.dart, keyword.control.loop.dart, keyword.control.conditional.dart, keyword.control.exception.dart | #FF006E | bold |
| storage.type.dart, storage.modifier.dart, storage.type.primitive.dart | #FF006E | bold |
| entity.name.function.dart, meta.function.dart entity.name.function.dart | #55EAD4 | bold |
| entity.name.type.class.dart, support.class.dart | #FF006E | bold |
| meta.declaration.annotation.dart, storage.type.annotation.dart | #F3E600 | italic |
| keyword.control.async.dart, keyword.control.await.dart, storage.modifier.async.dart | #FF006E | bold italic |
| variable.language.this.dart | #C5003C | italic |
| entity.name.function.constructor.dart | #55EAD4 | bold |
| variable.parameter.dart, entity.name.parameter.dart | #F3E600 | italic |
| variable.parameter.template.dart, punctuation.definition.template-expression.dart | #F3E600 | — |
| keyword.operator.null-aware.dart, keyword.operator.ternary.dart | #C5003C | — |
| support.class.widget.dart, entity.name.type.widget.dart | #FF006E | bold |
| entity.name.tag.svelte, meta.tag.svelte | #C5003C | — |
| support.class.component.svelte, entity.name.tag.component.svelte | #FF006E | bold |
| entity.other.attribute-name.directive.svelte, keyword.control.svelte, keyword.control.conditional.svelte, keyword.control.loop.svelte | #7F6CFF | italic |
| keyword.control.block.svelte, punctuation.definition.block.svelte | #FF006E | bold |
| punctuation.definition.keyword.svelte, keyword.control.reactive.svelte | #FF006E | bold |
| entity.other.attribute-name.svelte | #F3E600 | italic |
| keyword.other.binding.svelte, entity.other.attribute-name.bind.svelte | #55EAD4 | — |
| entity.other.attribute-name.event.svelte, keyword.other.event.svelte | #FF006E | — |
| punctuation.section.embedded.svelte, meta.embedded.expression.svelte | #F3E600 | — |
| support.class.special.svelte, entity.name.tag.special.svelte | #7F6CFF | bold |
| keyword.control.powershell, keyword.control.flow.powershell, keyword.control.conditional.powershell, keyword.control.loop.powershell | #FF006E | bold |
| entity.name.function.powershell, support.function.powershell | #55EAD4 | bold |
| support.function.powershell, entity.name.command.powershell | #55EAD4 | — |
| variable.other.powershell, variable.other.readwrite.powershell, punctuation.definition.variable.powershell | #F3E600 | — |
| variable.language.powershell, support.variable.automatic.powershell | #C5003C | italic |
| variable.parameter.powershell, meta.parameter.powershell | #F3E600 | italic |
| keyword.operator.powershell, keyword.operator.comparison.powershell, keyword.operator.logical.powershell | #C5003C | — |
| keyword.operator.splatting.powershell | #7F6CFF | — |
| support.type.attribute.powershell, meta.attribute.powershell | #F3E600 | italic |
| storage.type.powershell, support.type.powershell | #FF006E | — |
| meta.hashtable.powershell, punctuation.definition.hashtable.powershell | #55EAD4 | — |
| keyword.operator.pipeline.powershell | #C5003C | bold |
| entity.name.section.toml, support.type.property-name.table.toml | #FF006E | bold |
| entity.name.section.array.toml, support.type.property-name.array.toml | #FF006E | bold |
| entity.name.tag.toml, support.type.property-name.toml | #55EAD4 | — |
| string.quoted.single.toml, string.quoted.double.toml, string.quoted.single.basic.toml, string.quoted.double.basic.toml | #55EAD4 | — |
| constant.numeric.toml, constant.language.boolean.toml, constant.numeric.integer.toml, constant.numeric.float.toml | #55EAD4 | bold |
| constant.other.date.toml, constant.other.datetime.toml, constant.other.time.toml | #7F6CFF | — |
| punctuation.definition.table.toml, punctuation.separator.key-value.toml, punctuation.definition.array.toml | #C5003C | — |
| keyword.control.lua, keyword.control.loop.lua, keyword.control.conditional.lua | #FF006E | bold |
| entity.name.function.lua, support.function.lua, support.function.library.lua | #55EAD4 | bold |
| keyword.control.function.lua, storage.type.function.lua | #FF006E | bold |
| storage.modifier.local.lua | #FF006E | — |
| variable.language.self.lua | #C5003C | italic |
| meta.table.lua, punctuation.definition.table.lua | #F3E600 | — |
| entity.name.tag.metamethod.lua, support.function.metamethod.lua | #7F6CFF | italic |
| support.function.require.lua | #FF006E | — |
| keyword.operator.lua, keyword.operator.concatenation.lua | #C5003C | — |
| constant.language.lua, constant.numeric.lua | #55EAD4 | — |
| keyword.control.r, keyword.control.flow.r, keyword.control.conditional.r, keyword.control.loop.r | #FF006E | bold |
| entity.name.function.r, support.function.r | #55EAD4 | bold |
| keyword.other.function.r, storage.type.function.r | #FF006E | bold |
| variable.other.r, variable.parameter.r | #F3E600 | — |
| keyword.operator.assignment.r, punctuation.separator.assignment.r | #C5003C | — |
| keyword.operator.r, keyword.operator.arithmetic.r, keyword.operator.comparison.r, keyword.operator.logical.r | #C5003C | — |
| keyword.operator.pipe.r | #FF006E | bold |
| entity.name.namespace.r, keyword.operator.namespace.r | #7F6CFF | — |
| constant.language.r, constant.numeric.r, constant.language.na.r, constant.language.null.r | #55EAD4 | — |
| string.quoted.single.r, string.quoted.double.r | #55EAD4 | — |
| keyword.operator.tilde.r | #FF006E | — |
| keyword.control.scala, keyword.control.flow.scala, keyword.control.loop.scala, keyword.control.conditional.scala | #FF006E | bold |
| storage.type.scala, storage.modifier.scala, keyword.declaration.scala | #FF006E | bold |
| entity.name.function.scala, entity.name.function.definition.scala | #55EAD4 | bold |
| entity.name.class.scala, entity.name.object.scala, entity.name.trait.scala | #FF006E | bold |
| entity.name.trait.scala, entity.other.inherited-class.scala | #FF006E | italic |
| entity.name.type.parameter.scala, meta.type.parameters.scala | #7F6CFF | italic |
| meta.annotation.scala, entity.name.annotation.scala | #F3E600 | italic |
| variable.language.this.scala, variable.language.super.scala | #C5003C | italic |
| keyword.control.match.scala, keyword.control.case.scala | #FF006E | bold |
| storage.modifier.implicit.scala, keyword.other.implicit.scala | #7F6CFF | italic |
| keyword.operator.arrow.scala | #FF006E | — |
| string.quoted.interpolated.scala, punctuation.definition.template-expression.scala | #55EAD4 | — |
| keyword.control.elixir, keyword.control.flow.elixir, keyword.control.conditional.elixir, keyword.control.loop.elixir | #FF006E | bold |
| keyword.control.define.elixir, keyword.control.module.elixir, punctuation.section.function.elixir | #FF006E | bold |
| entity.name.function.elixir, entity.name.function.definition.elixir | #55EAD4 | bold |
| entity.name.type.module.elixir, entity.name.class.elixir | #FF006E | bold |
| constant.other.symbol.elixir, punctuation.definition.constant.elixir | #7F6CFF | — |
| variable.other.readwrite.module.elixir, punctuation.definition.variable.elixir | #F3E600 | italic |
| string.quoted.other.sigil.elixir, punctuation.definition.sigil.elixir | #55EAD4 | — |
| keyword.operator.pipe.elixir | #FF006E | bold |
| keyword.operator.match.elixir | #C5003C | — |
| keyword.control.guard.elixir | #FF006E | italic |
| source.elixir.embedded, punctuation.section.embedded.elixir | #F3E600 | — |
| comment.documentation.elixir, string.quoted.triple.elixir | #7F6CFF | italic |
| keyword.operator.capture.elixir | #C5003C | — |
| keyword.control.fn.elixir, punctuation.definition.parameters.elixir | #FF006E | — |
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}!`;
}