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#2E2E2E
  • editor.foreground#F8F8F2
  • editor.lineHighlightBackground#1F2020
  • editor.selectionBackground#565657
  • editorCursor.foreground#D8D8D8
  • editorWhitespace.foreground#3B3A32

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
—#f8f8f2ff—
comment#75715E—
string#E6DB74—
punctuation.definition.template-expression, punctuation.section.embedded.coffee#F92672—
meta.template.expression#F8F8F2—
constant.numeric#AE81FF—
constant.language#AE81FF—
constant.character, constant.other#AE81FF—
variable#F8F8F2
keyword#F92672—
storage#F92672
storage.type#66D9EFitalic
entity.name.type.class, entity.name.class#FFEEA4—
entity.other.inherited-class#A6E22Eitalic underline
entity.name.function#A6E22E
variable.parameter#FD971Fitalic
entity.name.tag#F92672
entity.other.attribute-name#A6E22E
support.function#F5BE6A
support.constant#66D9EF
support.type, support.class#66D9EFitalic
support.other.variable—
invalid#F8F8F0
invalid.deprecated#F8F8F0—
meta.structure.dictionary.json string.quoted.double.json#CFCFC2—
meta.diff, meta.diff.header#75715E—
markup.deleted#F92672—
markup.inserted#A6E22E—
markup.changed#E6DB74—
constant.numeric.line-number.find-in-files - match#AE81FFA0—
entity.name.filename.find-in-files#E6DB74—
markup.quote#F92672—
markup.list#E6DB74—
markup.bold, markup.italic#66D9EF—
markup.inline.raw#FD971F
markup.heading#A6E22E—
markup.heading.setext#A6E22E
token.info-token#6796e6—
token.warn-token#cd9731—
token.error-token#f44747—
token.debug-token#b267e6—
variable.language#FD971F—
comment#FFFFFF—
string#B3C97C—
keyword#37BFB6—
constant.numeric#70E0B2—
entity.name.type#D5FFA6none
entity.name.function#F5BE6A—
variable#b7f7f7—
support.variable.property#C49CDB—
storage.type.function.arrow#FFFFFF—
punctuation.definition.string#B3C97C—
punctuation.definition.binding-pattern.object#FFF69Abold
meta.field.declaration variable.object#C49CDB—
entity.other.inherited-class#FFEEA4none
storage.modifier#37BFB6—
support.class.component#FFC66Dnone
variable.language.this#37BFB6—
variable.other.property#C49CDB—
punctuation.section.embedded#FFF69Abold
keyword.operator.assignment#FFFFFF—
entity.other.attribute-name#DE935Fnone
entity.name.tag#FFC66D—
support.type.primitive#37BFB6none
storage.type#37BFB6none
meta.object-literal.key#C49CDB—
constant.language.boolean#70E0B2—
variable.parameter#FF804Anone
punctuation#FFFFFFbold
meta.brace.round#FFF69Abold
meta.brace.square#FFFFFFbold
punctuation.definition.block#FFF69Abold
It's a Syntax Theme by Jeremiah Rhoads Hall - VS Code Theme