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.

  • editor.background#222222
  • editor.foreground#D7D7D7
  • editor.lineHighlightBackground#00000031
  • editor.selectionBackground#494949
  • editorBracketMatch.background#ffc40060
  • editorBracketMatch.border#ffc40060
  • editorCursor.background#222222
  • editorCursor.foreground#A5A5A5
  • editorGutter.background#222222
  • editorIndentGuide.activeBackground#445b7a
  • editorIndentGuide.background#2d3e4b
  • editorLineNumber.activeForeground#A1A1A1
  • editorLineNumber.foreground#616161
  • editorWhitespace.foreground#15151582
  • statusBar.background#5d00aa
  • statusBar.debuggingBackground#CF6A4C
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.foreground#FFFFFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
warning#FAFAFA—
emphasis, markup.italic—italic
strong, markup.bold—bold
markup.underline—underline
comment, punctuation.definition.comment, string.quoted.docstring#666666—
constant#00CCFF—
entity#EAEAEA
keyword#FB8713
keyword.operator, punctuation.separator, puctuation, source.js keyword.operator, source.js keyword.operator.module#BEBEBE—
source.python keyword.operator#BA41AE—
source.python entity.name.function.decorator#777—
storage#CE58E7
string, meta.structure.dictionary.json, string.quoted.double.json#00CC33
constant.numeric, support.constant#00CCFF—
constant.language.boolean#00CCFF—
constant.language.null#5af78e—
constant.language.undefined#5af78e—
support#9C67D8
variable#5886D1—
invalid.deprecated#D2A8A1italic underline
entity.other.inherited-class#D480FFitalic
string source#D7D7D7—
string.regexp#E9C062
string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition#CF7D34—
support.function#02C48E
support.constant#CF6A4C
meta.preprocessor.c#8996A8—
meta.preprocessor.c keyword#AFC4DB—
meta.tag.sgml.doctype, meta.tag.sgml.doctype entity, meta.tag.sgml.doctype string, meta.tag.preprocessor.xml, meta.tag.preprocessor.xml entity, meta.tag.preprocessor.xml string#7D7D7D—
declaration.tag.inline, declaration.tag.inline entity, entity.name.tag, entity.other.attribute-name, meta.tag.inline, meta.tag.inline entity#9C67D8—
punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.begin.xml, punctuation.definition.tag.end.xml, meta.tag.structure.any.xml, meta.tag.structure.any.html, meta.tag.block.any.html#D7D7D7—
entity.other.attribute-name#fd8b19—
entity.other.attribute-name.id, punctuation.definition.entity#1290bf—
entity.name.tag.css, entity.name.tag.haml, meta.property-list.css entity.name.tag.reference.css, source.scss entity.name.tag.reference.css#FB9933—
source.css, source.scss, meta.property-list.scss#808080—
meta.selector.css entity.other.attribute-name.tag.pseudo-class#8F9D6A—
entity.other.attribute-name.id, entity.name.tag.id.haml#FDDA71—
keyword.other.unit.css, support.function.misc.css, meta.property-value.constant.numeric.css#008C23—
entity.other.attribute-name.class, entity.other.attribute-name.pseudo-class.css, entity.name.tag.class.haml#FC6D49—
support.type.property-name.css, meta.property-name.css#FFFFFF—
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css, entity.other.attribute-name.attribute.css#F9EE98—
meta.preprocessor.at-rule keyword.control.at-rule, keyword.control.at-rule#FFAC00—
meta.property-value support.constant.named-color.css, meta.property-value constant, meta.property-value.constant.named-color.css.keyword.other.unit.css#00CC33—
meta.constructor.argument.css#8F9D6A—
meta.diff, meta.diff.header, meta.separator#F8F8F8italic
markup.deleted#F8F8F8—
markup.changed#F8F8F8—
markup.inserted#F8F8F8—
markup.list, markup.underline.link#F9EE98—
markup.heading#CF6A4C—
markup.italic#FFFF75italic
markup.quote—italic
meta.link.inline.textile#008C23—
entity.name.type.textile#6992CC—
markup.bold#FFFF75bold
source.sass, meta.variable-usage.sass, meta.variable-declaration.sass#999999—
source.scss keyword.control.at-rule#5886D1—
markup.deleted.git_gutter#F92672—
markup.inserted.git_gutter#A6E22E—
markup.changed.git_gutter#967EFB—