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#242424
  • activityBarBadge.background#242424
  • editor.background#242424
  • editor.foreground#f3ffff
  • editor.GroupHeader.tabsBar.background#242424
  • editor.inactiveSelectionBackground#ffffff00
  • editor.selectionBackground#86e3952a
  • editor.selectionHighlightBackground#7400ff6a
  • editor.selectionHighlightBorder#9700ff
  • editorBracketMatch.background#f3ffff00
  • editorBracketMatch.border#ffffff90
  • editorGroupHeader.tabsBackground#242424
  • editorWhitespace.foreground#ffffff00
  • sideBar.background#242424
  • sideBarTitle.foreground#242424
  • statusBar.background#242424
  • tab.activeBackground#7400ff6a
  • tab.activeForeground#fff
  • tab.inactiveBackground#242424
  • tab.inactiveForeground#d5d5d580
  • titleBar.activeBackground#242424

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#3f3f3fitalic
variable, string constant.other.placeholder#a5ffe3
constant.other.color#f0f0f0
invalid, invalid.illegal#ff9be4
keyword, storage.type, storage.modifier#fef1a3
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#ff9be4
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#96cbfd
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#fef1a3
meta.block variable.other#ff7eb3
support.other.variable, string.other.link#ff7eb3
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#fef1a3
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#a5ffe3
text.html.derivative#f3ffff
string.quoted.double.html, meta.attribute.class.html, meta.tag.structure.div.start.html#96cbfd
meta.object-literal.key.js#e6cafd
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#fef1a3
support.type#96cbfd
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#96cbfd
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#FF5370
variable.other.readwrite.alias#e6cafd
variable.language#FF5370italic
entity.name.method.js#82AAFFitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#82AAFF
entity.other.attribute-name#e6cafd
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#fef1a3italic
entity.other.attribute-name.class#a5ffe3
source.sass keyword.control#82AAFF
markup.inserted#C3E88D
markup.deleted#FF5370
markup.changed#e6cafd
string.regexp#96cbfd
constant.character.escape#96cbfd
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#ffffffitalic
source.js constant.other.object.key.js string.unquoted.label.js#ff9be4italic
source.json meta.structure.dictionary.json support.type.property-name.json#e6cafd
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#fef1a3
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#F78C6C
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#FF5370
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#fef1a3
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#82AAFF
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#ff7eb3
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#e6cafd
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#a5ffe3
text.html.markdown, punctuation.definition.list_item.markdown#EEFFFF
text.html.markdown markup.inline.raw.markdown#e6cafd
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#65737E
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#a5ffe3
markup.italic#ff7eb3italic
markup.bold, markup.bold string#ff7eb3bold
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#ff7eb3bold
markup.underline#fef1a3underline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.title.markdown#96cbfd
string.other.link.description.title.markdown#e6cafd
constant.other.reference.link.markdown#fef1a3
markup.raw.block#e6cafd
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#EEFFFF
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#EEFFFF
Corgi-Dark-Pastel by ermeneses - VS Code Theme