Skip to main content
Coding Theme

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • editor.background#2B2B2B
  • editor.foreground#A9B7C6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
entity.name.section.markdown, meta.function-call.arguments.python, meta.use.rust, source, variable.other.object.property.ts, storage.modifier.import, storage.modifier.package, variable.parameter.ts, keyword.operator.assignment.ts, string.template.ts meta.template.expression.ts meta.embedded.line.ts punctuation.accessor.ts, string.template.ts meta.template.expression.ts meta.embedded.line.ts variable.other.object.ts, string.template.ts meta.template.expression.ts meta.embedded.line.ts variable.other.property.ts, string.template.ts meta.template.expression.ts meta.embedded.line.ts variable.other.readwrite.ts, variable.other.object.ts, text.xml, string.other.link.title.markdown #A9B7C6
punctuation.definition.comment, comment.line#808080
constant.character.escape, entity.name.function, entity.name.module, entity.name.section.markdown, meta.definition.function.ts entity.name.function.ts, meta.function.definition entity.name.function, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, support.function.macro, variable.other.constant.clojure, variable.language.documentroot, entity.name.tag, punctuation.definition.annotation, source.yml entity.name, meta.scope.logical-expression.shell#FFC66D
keyword.operator, constant.language, keyword, keyword.local, keyword.operator, meta.bracket.julia, punctuation, storage.type, storage.modifier, constant.language.boolean.false.ts#CC7832
entity.name.tag.yaml#e67d7d
meta.tag.sgml.doctype, string.quoted, punctuation.definition.string, string.unquoted, string, string.template.ts#629755
constant.numeric#6897BB
string.other.link.title.markdown.foam, entity.name.function.ts meta.function-call.ts, meta.import.ts meta.block.ts, meta.import.ts variable.other.readwrite.alias.ts, entity.name.function.ts, entity.name.function.ahk, entity.name.function.clojure, entity.name.function.mermaid, support.function.any-method.nim, support.function.julia, support.function.powershell, meta.link.inline.markdown markup.underline.link.markdown, meta.function-call, meta.symbol.namespace, entity.name.function.member, support.function.builtin.python, meta.function-call.python#82AAFF
support.type, meta.type, entity.other.attribute-name, storage.type.concrete, storage.type.primitive, storage.type.built-in, entity.other.inherited-class, entity.name.type.class, meta.group storage.type, source.json meta.structure support.type, storage.type.annotation, punctuation.definition.typeparameters.begin.ts meta.type.parameters.ts#D1DDE9
#FF0000
fenced_code.block.language, constant.character.entity, punctuation.separator.key-value.ts, meta.object-literal.key, meta.objectliteral.ts punctuation.definition.block.ts, support.function.magic, support.variable.automatic, support.variable.automatic punctuation.definition.variable#9876AA
markup.italic.markdown, storage.type.annotation, entity.name.function.macro, support.function.macro, markup.list.unnumbered.markdown, punctuation.definition.annotationitalic
fenced_code.block.language, meta.object-literal.key.ts, meta.objectliteral.ts punctuation.definition.block.tsunderline
support.type, meta.type, storage.type.concrete, storage.type.primitive, storage.type.built-in, entity.other.inherited-class, entity.name.type.class, meta.group storage.type, string.other.link.title.markdown italic bold
string.template.ts meta.template.expression.ts meta.embedded.line.ts variable.other.readwrite.ts, string.template.ts meta.template.expression.ts meta.embedded.line.ts punctuation.accessor.ts, string.template.ts meta.template.expression.ts meta.embedded.line.ts variable.other.object.ts, string.template.ts meta.template.expression.ts meta.embedded.line.ts variable.other.property.tsunderline
markup.bold.markdown, heading.1.markdownbold
Jewel by canelhasmateus - VS Code Theme