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.

  • activityBarBadge.background#8b0faa
  • editor.background#241B2E
  • editor.foreground#eeffff
  • sideBarTitle.foreground#bbbbbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
string.quoted.double.html#56eb11
punctuation.definition.string.begin.html, punctuation.definition.string.end.html#dc12ee
punctuation.definition.string.begin.js, punctuation.definition.string.end.js, punctuation.definition.string.template.begin.js, punctuation.definition.string.template.end.js, meta.brace.round.js, meta.brace.square.js#ffd900
punctuation.definition.block.js#ffd900
text.html.derivative, meta.tag.metadata.link.void.html#a745ed
comment.block.html#7c7777
support.class.builtin.js#c2c2c2
constant.numeric.decimal.js#ab43df
string.quoted.single.js, string.quoted.double.js#89c581
variable.language.this.js, keyword.operator.expression.delete.js#FF424Fbold
punctuation.separator.key-value.js, keyword.control.flow.js#e0f717
keyword.control.import.js, keyword.control.from.js, keyword.control.export.js, keyword.control.default.js, keyword.operator.expression.in.js, keyword.control.switch.js#eb11ce
storage.modifier.async.js, constant.language.null.js#eb11ceitalic bold
keyword.control.conditional.js, constant.language.boolean.true.js, constant.language.boolean.false.js, keyword.operator.logical.js, keyword.operator.comparison.js, keyword.operator.relational.js#eb8d11italic bold
keyword.operator.assignment.js#eb8d11bold
entity.name.function.js#11caeb
meta.var.expr.js, support.variable.property.js#d04fca
variable.other.constant.js, variable.other.readwrite.js, meta.import.js#4f74d0
variable.other.property.js, variable.other.object.property.js#00ffd0
variable.other.object.js#f02112
meta.object-literal.key.js#00ffd0
entity.name.tag, support.class.component.html#fad500
punctuation.definition.generic.begin.html, punctuation.definition.generic.end.html, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js#00ffe5
entity.name.tag.pug#0cd54f
text.pug#0cd54f
entity.other.attribute-name.tag.pug, entity.other.attribute-name.html, punctuation.separator.key-value.html#00ffd0
constant.name.attribute.tag.pug, attribute_value#e0f717
string.quoted.pug#eb8d11
Stargazer Dark by Stargazer - VS Code Theme