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.italicitalic
strong, markup.boldbold
markup.underlineunderline
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.quoteitalic
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
ThemeDatabase All Themes by enes ozturk - VS Code Theme