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#0D1117
  • activityBar.foreground#7F9CFF
  • activityBarBadge.background#1E90FF
  • activityBarBadge.foreground#E6E6E6
  • editor.background#0D1117
  • editor.foreground#D4D4D4
  • editor.selectionBackground#2F3B4D
  • editor.selectionHighlightBackground#2F3B4D33
  • editorCursor.foreground#7F9CFF
  • editorGutter.addedBackground#28A745
  • editorGutter.background#0D1117
  • editorGutter.deletedBackground#EA4A5A
  • editorGutter.modifiedBackground#DBAB79
  • editorLineNumber.activeForeground#7F9CFF
  • editorLineNumber.foreground#4B5362
  • sideBar.background#0D1117
  • sideBar.foreground#7F9CFF
  • sideBarTitle.foreground#7F9CFF
  • statusBar.background#0D1117
  • statusBar.foreground#7F9CFF
  • tab.activeBackground#1A2029
  • tab.activeForeground#D4D4D4
  • tab.inactiveBackground#0D1117

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#4B5362italic
variable, string constant.other.placeholder#D4D4D4
constant.other.color#F5F5F5
invalid, invalid.illegal#FF5555
keyword, storage.type, storage.modifier#7F9CFF
keyword.control, 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#4EC9B0
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#FF79C6
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#61AFEF
meta.block variable.other#FF79C6
support.other.variable, string.other.link#FF79C6
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#FFB86C
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#98C379
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#E5C07B
support.type#A3BFFA
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#A3BFFA
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#FF5555
variable.language#FF5555italic
entity.name.method.js#61AFEFitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#61AFEF
entity.other.attribute-name#7F9CFF
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#E5C07Bitalic
entity.other.attribute-name.class#E5C07B
source.sass keyword.control#61AFEF
markup.inserted#98C379
markup.deleted#FF5555
markup.changed#7F9CFF
string.regexp#4EC9B0
constant.character.escape#4EC9B0
*url*, *link*, *uri*#61AFEFunderline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#61AFEFitalic
source.js constant.other.object.key.js string.unquoted.label.js#FF5555italic
source.json meta.structure.dictionary.json support.type.property-name.json#7F9CFF
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#FFB86C
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#FF5555
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#FF79C6
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#61AFEF
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#FF79C6
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#7F9CFF
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#98C379
text.html.markdown, punctuation.definition.list_item.markdown#D4D4D4
text.html.markdown markup.inline.raw.markdown#7F9CFF
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#4B5362
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#98C379
markup.italic#FF79C6italic
markup.bold, markup.bold string#FF79C6bold
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#FF79C6bold italic
markup.underline#FFB86Cunderline
markup.quote punctuation.definition.blockquote.markdown#4B5362
markup.quote#98C379italic
string.other.link.title.markdown#61AFEF
string.other.link.description.title.markdown#7F9CFF
constant.other.reference.link.markdown#E5C07B
markup.raw.block#7F9CFF
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#D4D4D4
variable.language.fenced.markdown#4B5362
meta.separator#4B5362bold
markup.table#D4D4D4
CraftZoro by _30Block_ - VS Code Theme