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#00364b
  • activityBar.foreground#008ab1
  • activityBar.inactiveForeground#005b79
  • activityBarBadge.background#00c3f3
  • activityBarBadge.foreground#001925
  • dropdown.background#00364b
  • dropdown.foreground#00c3f3
  • editor.background#001925
  • editor.foreground#00c3f3
  • editorGroupHeader.tabsBackground#001925
  • input.background#00364b
  • input.border#005b79
  • input.foreground#00c3f3
  • list.activeSelectionBackground#005b79
  • list.activeSelectionForeground#FFFFFF
  • list.hoverBackground#00364b
  • list.inactiveSelectionBackground#00364b
  • panel.background#001925
  • panel.border#005b79
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#008ab1
  • scrollbarSlider.background#00364b
  • scrollbarSlider.hoverBackground#005b79
  • sideBar.background#001925
  • sideBarTitle.foreground#008ab1
  • statusBar.background#00364b
  • tab.activeBackground#00364b
  • tab.activeBorder#00c3f3
  • tab.activeForeground#00c3f3
  • tab.border#005b79
  • tab.inactiveBackground#001925
  • tab.inactiveForeground#008ab1
  • terminal.background#001925
  • terminal.foreground#00c3f3
  • titleBar.activeBackground#001925
  • titleBar.activeForeground#00c3f3
  • titleBar.inactiveBackground#001925
  • titleBar.inactiveForeground#008ab1

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7BA298italic
variable, string constant.other.placeholder#CCCCCC
constant.other.color#F5A25D
invalid, invalid.illegal#FF5370
keyword, storage.type, storage.modifier#F7D87C
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#005b79
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#FF5370
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#DFA0F0
meta.block variable.other#CCCCCC
support.other.variable, string.other.link#7ED6A5
constant.numeric, constant.language, constant.character, constant.escape, variable.parameter, keyword.other.unit#F89C82
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#7ED6A5
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#F7D87C
support.type#CCCCCC
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#CCCCCC
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#CCCCCC
variable.language#FF5370italic
entity.name.method.js#DFA0F0italic
meta.class-method.js entity.name.function.js, variable.function.constructor#DFA0F0
entity.other.attribute-name#F7D87C
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#F7D87Citalic
entity.other.attribute-name.class#F7D87C
source.sass keyword.control#F7D87C
markup.inserted#7ED6A5
markup.deleted#FF5370
markup.changed#005b79
string.regexp#005b79
constant.character.escape#005b79
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#DFA0F0italic
source.js constant.other.object.key.js string.unquoted.label.js#FF5370italic
source.json meta.structure.dictionary.json support.type.property-name.json#7ED6A5
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#CCCCCC
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#7ED6A5
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#CCCCCC
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#7ED6A5
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#CCCCCC
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#7ED6A5
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#CCCCCC
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#7ED6A5
text.html.markdown, punctuation.definition.list_item.markdown#CCCCCC
text.html.markdown markup.inline.raw.markdown#7ED6A5
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#005b79
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#CCCCCC
markup.italic#FF5370italic
markup.bold, markup.bold string#005b79bold
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#FF5370bold
markup.underline#F7D87Cunderline
markup.quote punctuation.definition.blockquote.markdown#005b79
markup.quoteitalic
string.other.link.title.markdown#DFA0F0
string.other.link.description.title.markdown#CCCCCC
constant.other.reference.link.markdown#F5A25D
markup.raw.block#7ED6A5
markup.raw.block.fenced.markdown#005b79
punctuation.definition.fenced.markdown#005b79
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#CCCCCC
variable.language.fenced.markdown#005b79
meta.separator#005b79bold
markup.table#CCCCCC
pccdva Theme by pccdva - VS Code Theme