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#1C1B19
  • activityBar.foreground#FCE8C3
  • editor.background#1C1B19
  • editor.foreground#FCE8C3
  • editor.lineHighlightBackground#2D2B28
  • editor.selectionBackground#519F5066
  • editorLineNumber.activeForeground#98BC37
  • sideBar.background#2D2B28
  • sideBar.foreground#FCE8C3
  • sideBarTitle.foreground#FCE8C3
  • statusBar.background#2D2B28
  • statusBar.noFolderBackground#2D2B28

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#918175italic
variable, entity.name.variable.local.cs, string constant.other.placeholder#5573A3
constant.other.color#FCE8C3
storage.modifier.import.java, keyword.operator.module.js, entity.name.type.namespace.cs#E02C6D
invalid, invalid.illegal#FF3128
keyword, storage.modifier, storage.type.js, storage.type.class.js, storage.type.extends.js, keyword.other.new.cs, keyword.operator.logical.python, keyword.other.substitution#FF3128
storage.type#FBB829
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#918175
keyword.operator#FCE8C3
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#FBB829
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#FBB829
meta.block variable.other#5573A3
support.other.variable, string.other.link#0AAEB3
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#E02C6D
variable.parameter, entity.name.variable.parameter.cs#FCE8C3
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter#0AAEB3
meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#519F50
support.type#FBB829
entity.name, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#FBB829bold underline
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#FBB829
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#FBB829
variable.language#FBB829italic
entity.name.method.js#FBB829italic
meta.class-method.js entity.name.function.js, variable.function.constructor#FBB829
entity.other.attribute-name#519F50
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#519F50italic
entity.other.attribute-name.class#FBB829bold
source.sass keyword.control#FED06Ebold
markup.inserted#98BC37
markup.deleted#F75341
markup.changed#FBB829
string.regexp#53FDE9
constant.character.escape#53FDE9
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#FCE8C3italic
source.js constant.other.object.key.js string.unquoted.label.js#FCE8C3
source.json meta.structure.dictionary.json support.type.property-name.json#519F50
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#519F50
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#519F50
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#519F50
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#519F50
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#519F50
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#519F50
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#519F50
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#519F50
text.html.markdown, punctuation.definition.list_item.markdown#FCE8C3
text.html.markdown markup.inline.raw.markdown#FCE8C3
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#FCE8C3
text.html.markdown meta.dummy.line-break#FCE8C3
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#0AAEB3
markup.italic#8EB2F7italic
markup.bold, markup.bold string#98BC37bold
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#53FDE9italic bold
markup.underline#8EB2F7underline
markup.strike#E35682italic underline
markup.quote punctuation.definition.blockquote.markdown#918175
markup.quote#918175italic
string.other.link.title.markdown#0AAEB3underline
string.other.link.description.title.markdown#53FDE9
constant.other.reference.link.markdown#8EB2F7
markup.raw.block#FCE8C3
markup.raw.block.fenced.markdown#918175
punctuation.definition.fenced.markdown#918175
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#918175
variable.language.fenced.markdown#E35682
meta.separator#2D2B28bold
markup.table#FCE8C3
token.info-token#8EB2F7
token.warn-token#FED06E
token.error-token#F75341
token.debug-token#E02C6D