Skip to main content
CodingTheme

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#0d1011
  • editor.foreground#f8f8f2
  • editor.inactiveSelectionBackground#49483eee
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#49483e
  • editorCursor.foreground#f8f8f0
  • editorWhitespace.foreground#3b3a32

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source.json meta.structure.dictionary.json string.quoted.double.json#FFFFAA
source.json meta.structure.dictionary.value.json string.quoted.double.json#FFAAFF
source.json meta.structure.dictionary.json meta.structure.dictionary.json string.quoted.double.json#AAFAAA
source.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json string.quoted.double.json#AAAAFA
source.json meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json string.quoted.double.json#FFAAAA
source.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json string.quoted.double.json#AAFFAA
source.json meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json meta.structure.dictionary.json string.quoted.double.json#AAFFFF
source.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json string.quoted.double.json#FFAAFF
string variable#fff
string.regexp#ff0italic
comment#75715E
string#E6DB74
constant.numeric#AE81FF
constant.language#AE81FF
constant.character, constant.other#AE81FF
variable
keyword, variable.other.dollar.only.js#F92672
storage#F92672
storage.type#66D9EFitalic
entity.name.class#A6E22Eunderline
entity.other.inherited-class#A6E22Eitalic underline
entity.name.function#A6E22E
variable.parameter#FD971Fitalic
variable.language#FD971Fitalic
entity.name.tag#F92672
entity.other.attribute-name#A6E22E
support.function#66D9EF
support.constant#66D9EF
support.type, support.class#66D9EFitalic
variable.function#A6E22E
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
sublimelinter.mark.error#D02000
sublimelinter.gutter-mark#FFFFFF
sublimelinter.mark.warning#DDB700
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6
meta.block.hcl#F92672
entity.name.type.terraform#66D9EFitalic
variable.other.enummember.hcl#A6E22E
keyword.other.interpolation.begin.hcl, keyword.other.interpolation.end.hcl#E6DB74
variable.other.readwrite.terraform#9ec2ec
entity.name.type.hcl#FD971F
keyword.operator.accessor.hcl, variable.other.readwrite.hcl, punctuation.section.block.begin.hcl, punctuation.section.block.end.hcl, punctuation.section.parens.begin.hcl, punctuation.section.parens.end.hcl, punctuation.section.braces.begin.hcl, punctuation.section.braces.end.hcl, variable.other.member.hcl#ffffff

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Sublime Monokai Plus by Thu San - VS Code Theme