Skip to main content
Coding Theme

Color themes

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.

  • activityBarBadge.background#60a633
  • editor.background#1d1f21
  • editor.foreground#c5c8c6
  • editor.lineHighlightBackground#3a3a3a
  • editor.selectionBackground#444444
  • editorCursor.foreground#a5a2a2
  • editorIndentGuide.background#474747
  • editorWhitespace.foreground#c5c8c6
  • statusBar.background#3382c7

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
—#c5c8c6ff—
invisible#c5c8c6—
comment#7C7C7C—
entity#FFD2A7—
entity.name.type#FFFFB6underline
entity.other.inherited-class#9B5C2E—
keyword#96CBFE—
keyword.control#96CBFE—
keyword.operator#EDEDED—
storage#CFCB90—
storage.modifier#96CBFE—
constant#99CC99—
constant.numeric#FF73FD—
variable#C6C5FE—
invalid.deprecated#FD5FF1underline
invalid.illegal#FD5FF1—
invalid.illegal#FD5FF1—
source string source, source string meta.embedded.line#EDEDED—
source string punctuation.section.embedded#00A0A0—
source string punctuation.section.embedded source#00A0A0—
string#A8FF60—
string constant#00A0A0—
string.regexp#E9C062—
string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition#FF8000—
string.regexp.group#C6A24F—
string.regexp.character-class#B18A3D—
string variable#8A9A95—
support#FFFFB6—
support.function#DAD085—
support.constant#FFD2A7—
support.type.property-name.css#EDEDED—
source .entity.name.tag, source .entity.other.attribute-name, meta.tag.inline, meta.tag.inline .entity#96CBFE—
entity.other.attribute-name#FFD7B1—
entity.name.tag.namespace, entity.other.attribute-name.namespace#E18964—
meta.preprocessor.c#8996A8—
meta.preprocessor.c keyword#AFC4DB—
meta.cast#676767—
meta.sgml.html meta.doctype, .meta.sgml.html meta.doctype entity, meta.sgml.html meta.doctype string, meta.xml-processing, meta.xml-processing entity, meta.xml-processing string#494949—
meta.tag, meta.tag .entity#96CBFE—
meta.selector.css entity.name.tag#96CBFEunderline
meta.selector.css entity.other.attribute-name.pseudo-class#8F9D6A—
meta.selector.css entity.other.attribute-name.id#8B98AB—
meta.selector.css entity.other.attribute-name.class#62B1FE—
meta.selector.css entity.other.attribute-name punctuation#FFD2A7—
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#F9EE98—
meta.preprocessor.at-rule keyword.control.at-rule#8693A5—
meta.property-value support.constant.color.css, meta.property-value constant#87C38A—
meta.constructor.argument.css#8F9D6A—
meta.diff, meta.diff.header#F8F8F8—
meta.separator#60A633—
token.info-token#6796e6—
token.warn-token#cd9731—
token.error-token#f44747—
token.debug-token#b267e6—