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#007acc
  • editor.background#3b041a18
  • editor.foreground#df7474
  • editor.inactiveSelectionBackground#cd4adb95
  • editor.lineHighlightBackground#23252b
  • editor.selectionBackground#3e4452
  • editorCursor.foreground#d4bfff
  • editorWhitespace.foreground#3b3f4c
  • panel.background#1a1b1e
  • sideBar.background#5c061528
  • sideBarSectionHeader.background#25272e
  • sideBarSectionHeader.foreground#f74f7f
  • sideBarTitle.foreground#c82e85
  • statusBar.background#202226
  • statusBar.foreground#b8bfcc
  • terminal.background#3c060f16
  • terminal.foreground#d4307182
  • titleBar.activeBackground#370223
  • titleBar.activeForeground#ffffff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6a737ditalic
variable, string constant.other.placeholder#b4bac5
constant.other.color#e0e0e0
invalid, invalid.illegal#fc3737
keyword, storage.type, storage.modifier#c792ea
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution#56b6c2
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#e06c75
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#d19a66
meta.block variable.other#e06c75
support.other.variable, string.other.link#e06c75
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#ffffff
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#fcb5b9
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#ff2f82
support.type#b4bac5
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#f55aa2
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#e06c75
variable.language#e06c75italic
entity.name.method.js#56b6c2italic
meta.class-method.js entity.name.function.js, variable.function.constructor#56b6c2
entity.other.attribute-name#c792ea
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#f1b846italic
entity.other.attribute-name.class#e5c07b
source.sass keyword.control#56b6c2
markup.inserted#9ec47a
markup.deleted#e06c75
markup.changed#c792ea
string.regexp#56b6c2
constant.character.escape#56b6c2
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#56b6c2italic
source.js constant.other.object.key.js string.unquoted.label.js#e06c75italic
source.json meta.structure.dictionary.json support.type.property-name.json#c792ea
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#e5c07b
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#d19a66
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#e06c75
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#b4bac5
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#56b6c2
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#e06c75
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#c792ea
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#9ec47a
text.html.markdown, punctuation.definition.list_item.markdown#c9cdd4
text.html.markdown markup.inline.raw.markdown#c792ea
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#6a737d
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#9ec47a
markup.italic#e06c75italic
markup.bold, markup.bold string#e06c75bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#e06c75bold
markup.underline#d19a66underline
markup.quote punctuation.definition.blockquote.markdown#5b6678
markup.quoteitalic
string.other.link.title.markdown#56b6c2
string.other.link.description.title.markdown#c792ea
constant.other.reference.link.markdown#e5c07b
markup.raw.block#c792ea
markup.raw.block.fenced.markdown#2a2c33
punctuation.definition.fenced.markdown#2a2c33
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#c9cdd4
variable.language.fenced.markdown#5b6678
meta.separator#5b6678bold
markup.table#c9cdd4
RedTalwar by phppoint - VS Code Theme