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#24282c
  • editor.findMatchBorder#ffc72dc9
  • editor.findMatchHighlightBorder#ffc72dc9
  • editor.foreground#eeffff
  • scrollbarSlider.activeBackground#6b7985d0
  • scrollbarSlider.background#6b7985d0
  • scrollbarSlider.hoverBackground#6b7985d0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
, punctuation.definition.string, keyword.type.go, comment, punctuation, meta.brace, storage.modifier, keyword.operator.class.php, keyword.other.rust, support.type.property-name.media.css, keyword.operator.key-value.rust, keyword.operator.namespace.rust, keyword.operator.access.dot.rust, entity.name.tag.localname.cs#6B7985
#a2adb6
entity.other.attribute-name, support.type.property-name, meta.object-literal.key.ts#bec9d0
variable, entity.name.type.delegate, entity.name.variable, constant.other, meta.try.body, source.go, source.python, meta.object-literal.key.js, support.type.property-name.json, meta.paragraph, meta.member, source.ignore, source.sql, source.dart, entity.other.attribute-name.class, entity.other.attribute-name.id, entity.name.tag.yaml, source.rust, meta.function.call.rust, source.dbclient-sql#ccd5da
text.html.derivative, punctuation.definition.entity.html, text.html, text.xml, text.aspnetcorerazor#ffffff
constant, string, support.constant, keyword.other.unit, entity.name.type.namespace, storage.modifier.import, entity.name.module, entity.name.package, punctuation.definition.entity.html, constant.other.color.rgb-value.hex.css, source.dockerfile, comment.block.documentation.cs#9D9E86
entity.name.class, entity.name.type, storage.type, keyword.type, keyword.struct, support.class.dart, entity.name.tag, entity.other.inherited-class.php, support.type.primitive.ts, support.type.builtin.ts, entity.other.inherited-class.ts#37D7B3
entity.name.function, entity.name.method, keyword, meta.function, support.function.go, storage.type.function.arrow, support.function, entity.other.attribute-name.pseudo-class.css, punctuation.separator.question-mark.cs, storage.type.accessor.get.cs, storage.type.accessor.set.cs#3F8BFA
storage.type.enum, storage.type.struct, storage.type.delegate, storage.type.record, storage.type.class, storage.type.interface, storage.type.namespace, keyword.operator.expression.new, keyword.type.go, keyword.struct.go, keyword.interface.go, keyword.function, keyword.control, storage.type.function, keyword.other.new, keyword.other.fn.rust, storage.type.rust, keyword.declaration.dart, storage.type.js, storage.type.var.cs, keyword.other.var.cs, keyword.var.go, storage.type.ts#B08FFB
tommycolor by TommyStore - VS Code Theme