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#BF4040
  • editor.background#1A1A1A
  • editor.foreground#FFFFFF
  • sideBarTitle.foreground#CCCCCC

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#606060italic
variable, string constant.other.placeholder#FFFFFF
constant.other.color#FFFFFF
invalid, invalid.illegal#80BF40
keyword, storage.type, storage.modifier#80AF50
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#9C5916
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#809F60
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#E61919
meta.block variable.other#809F60
support.other.variable, string.other.link#809F60
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other
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#DFDF9F
entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#407FBF
support.type#BF4040
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#80BF40
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#80BF40
variable.language#80BF40italic
entity.name.method.js#E61919italic
meta.class-method.js entity.name.function.js, variable.function.constructor#E61919
entity.other.attribute-name#80AF50
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#407FBFitalic
entity.other.attribute-name.class#407FBF
source.sass keyword.control#E61919
markup.inserted#DFDF9F
markup.deleted#80BF40
markup.changed#80AF50
string.regexp#9C5916
constant.character.escape#9C5916
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#E61919italic
source.js constant.other.object.key.js string.unquoted.label.js#80BF40italic
source.json meta.structure.dictionary.json support.type.property-name.json#80AF50
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#407FBF
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
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#80BF40
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#BF4040
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#E61919
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#809F60
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#80AF50
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#DFDF9F
text.html.markdown, punctuation.definition.list_item.markdown#FFFFFF
text.html.markdown markup.inline.raw.markdown#80AF50
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#809F60
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#DFDF9F
markup.italic#809F60italic
markup.bold, markup.bold string#809F60bold
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#809F60bold
markup.underlineunderline
markup.quote punctuation.definition.blockquote.markdown#809F60
markup.quoteitalic
string.other.link.title.markdown#E61919
string.other.link.description.title.markdown#80AF50
constant.other.reference.link.markdown#407FBF
markup.raw.block#80AF50
markup.raw.block.fenced.markdown#FFFFFF
punctuation.definition.fenced.markdown#FFFFFF
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#FFFFFF
variable.language.fenced.markdown#809F60
meta.separator#809F60bold
markup.table#FFFFFF
ThemeDatabase All Themes by enes ozturk - VS Code Theme