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#F8F8FF
  • editor.foreground#000000
  • editor.lineHighlightBackground#00000012
  • editor.selectionBackground#BCD5FA
  • editorCursor.foreground#000000
  • editorWhitespace.foreground#BFBFBF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#000000
source
comment#999988italic
keyword, storage#000000bold
keyword.operator.assignment#000000
keyword.other.special-method
entity.name.function, keyword.other.name-of-parameter.objc#990000bold
entity.name#445588bold
constant.numeric#009999
variable.language, variable.other#108888
constant.language#000000bold
variable.other.constant.ruby#0F8787
constant.language#000000bold
string#DD1144
entity.other.inherited-class#0F8787
punctuation.separator.inheritance#000000bold
punctuation.separator.variable#000000bold
punctuation.section.array#000000bold
punctuation.separator.key-value#000000bold
punctuation.section.function#000000
punctuation.section.scope#000000
keyword.other.special-method.rubybold
constant.other.symbol#AA2C8C
support.class.ruby#008080
string.regexp#009926
string.quoted source#000000
meta.tag.sgml.html#999999bold
entity.name.tag.doctype#999999bold
string.quoted.double.doctype#999999bold
punctuation.definition.tag#121289
entity.name.tag#121289
entity.other.attribute-name#0A8585
entity.other.attribute-name#0A8585
punctuation.section.embedded.ruby#999999bold
source.ruby.embedded.source punctuation.section.embedded.ruby#CF1040
punctuation.section.property-list.css
support.type.property-name.cssbold
punctuation.separator.key-value.css#000000
meta.property-value, constant.other.color#009999
punctuation.terminator.rule.css#000000
support.constant.font-name#000000
keyword.other.unit#009999
entity.other.attribute-name.pseudo-class#000000
support.constant.property-value#000000bold
entity.other.attribute-name.class#445588bold
entity.other.attribute-name.id#990000bold
meta.diff.header.from-file#000000
meta.diff.header.to-file#000000
markup.inserted.diff
markup.deleted.diff#000000

Shiki preview

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

Loading...

GitHub 2019 by Emanuele Bartolesi - VS Code Theme