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#292d35
  • editor.foreground#999e9f
  • editor.lineHighlightBackground#171717
  • editor.selectionBackground#171717
  • editorCursor.foreground#925a62
  • editorWhitespace.foreground#4B4E55

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#999e9f
comment, meta.tag#6a6a6a
keyword, storage, constant, support.constant, meta.property-value, entity.name.tag, keyword.other.unit.css#7e6f94
variable, entity.other.attribute-name, support.other.namespace, support.class, support.type.property-name, meta.property-name, meta.instance.constructor#7587a6
variable.other.property, meta.property.object#7587a6
keyword.operator, punctuation.separator, punctuation.section.array.begin.php, punctuation.section.array.end.php, punctuation.definition.arguments.begin.bracket.round.php, punctuation.definition.arguments.end.bracket.round.php, meta.group.braces.round.function.arguments#999e9f
meta.separator, invalid#999e9f
entity.other.attribute-name.class, entity.name.tag.css, keyword.other, string.quoted.double, string.quoted.single, punctuation.definition.string, entity.other.attribute-name.id#b0686f
variable.function, entity.name.function, meta.function-call#869c78
support.function, support.function.aggregate.sql#869c78italic
Capo-Dark-v2 by andreislim - VS Code Theme