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