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.

  • activityBar.background#0c1011
  • editor.background#0a0e0f
  • editor.lineHighlightBorder#0c1011
  • menu.background#0c1011
  • sideBar.background#111516
  • statusBar.background#111516
  • tab.activeBackground#0c1011
  • tab.inactiveBackground#0c1011
  • terminal.ansiBlack#000
  • terminal.ansiBlue#025ee7
  • terminal.ansiBrightBlack#696868
  • terminal.ansiBrightBlue#025ee7
  • terminal.ansiBrightCyan#0ff
  • terminal.ansiBrightGreen#05F605
  • terminal.ansiBrightMagenta#ce03ce
  • terminal.ansiBrightRed#ff0000
  • terminal.ansiBrightWhite#a3a3a3
  • terminal.ansiBrightYellow#ff0
  • terminal.ansiCyan#0ff
  • terminal.ansiGreen#05F605
  • terminal.ansiMagenta#ce03ce
  • terminal.ansiRed#ff0000
  • terminal.ansiWhite#fff
  • terminal.ansiYellow#ff0
  • terminal.background#000
  • terminal.foreground#fff
  • titleBar.activeBackground#0c1011

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#555454italic
variable, string constant.other.placeholder#c6dce0
constant.other.color#0e8504
invalid, invalid.illegal#f73757
keyword, storage.type, storage.modifier#07a34d
constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.template, keyword.other.substitution#04c0eb
keyword.control#f301a2
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#04c0eb
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#bff803
meta.block variable.other#c6dce0
support.other.variable, string.other.link#f5077e
constant.language, support.constant, keyword.other.unit, keyword.other, constant.character, constant.escape#f8fc02
constant.numeric, variable.parameter#04c0eb
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#05ee11
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#f7034c
support.type#f7ab06
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#f7047e
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#e00245
variable.language#e00245italic
entity.name.method.js#e00245italic
meta.class-method.js entity.name.function.js, variable.function.constructor#e00245
entity.other.attribute-name#fc06aa
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#fc06aaitalic
entity.other.attribute-name.class#eef103
source.sass keyword.control#f7047e
markup.inserted#C3E88D
markup.deleted#FF5370
markup.changed#C792EA
string.regexp#03bcf5
constant.character.escape#adadad
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#82AAFFitalic
source.js constant.other.object.key.js string.unquoted.label.js#FF5370italic
source.json meta.structure.dictionary.json support.type.property-name.json#e90477
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#e90477
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#e90477
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#e90477
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#e90477
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#e90477
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#e90477
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#e90477
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#e90477
text.html.markdown, punctuation.definition.list_item.markdown#eeffffcc
text.html.markdown markup.inline.raw.markdown#9504f5
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#0cf504
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#eafa04
markup.italic#e9205citalic
markup.bold, markup.bold string#a204cabold
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#a204cabold
markup.underline#f8fc05underline
markup.quote punctuation.definition.blockquote.markdown#496c72
markup.quoteitalic
string.other.link.title.markdown#0bf503
string.other.link.description.title.markdown#8a03e4
constant.other.reference.link.markdown#ffcb6b
markup.raw.block#c372fa
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#01c2e4
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#EEFFFF