Skip to main content
Coding Theme

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
Dobdark-Reloaded by MuriloFarias - VS Code Theme