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