Skip to main content
Coding Theme

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#36324b
  • activityBar.border#2a244d
  • activityBar.foreground#EBF5FF
  • activityBar.inactiveForeground#7e90d0
  • activityBarBadge.background#ff79c6
  • editor.background#1c1a2a
  • editor.foreground#EBF5FF
  • sideBar.background#18142ec6
  • sideBar.border#4a4476
  • sideBar.foreground#EBF5FF
  • sideBarTitle.foreground#FFB2F7
  • statusBar.background#1c1a2a
  • statusBar.border#2a244d
  • statusBar.foreground#EBF5FF
  • tab.activeBackground#1c1a2a
  • tab.activeBorderTop#88A2FF
  • tab.activeForeground#FFFFFF
  • tab.activeModifiedBorder#FFB2F7
  • tab.border#494661
  • tab.inactiveBackground#2a244d
  • tab.inactiveForeground#FFB2F7
  • tab.unfocusedActiveBorder#7e90d0
  • titleBar.activeBackground#1c1a2a
  • titleBar.activeForeground#EBF5FF
  • titleBar.inactiveBackground#18142ec6
  • titleBar.inactiveForeground#7e90d0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#88A2FFitalic
variable, string constant.other.placeholder#FFB2F7
variable.other.constant, constant.other#F4F9FF
constant.other.color#ffffff
invalid, invalid.illegal#FFB2F7
keyword, storage.type, storage.modifier#AB9DFF
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#e4e9f9
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#EEC643
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#F4F9FF
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#F4F9FF
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter#AB9DFF
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#88A2FF
entity.other.attribute-name#FFB2F7
markup.inserted#EEC643
markup.deleted#FFB2F7
markup.changed#AB9DFF
string.regexp#88A2FF
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#EEC643
markup.italic#F4F9FFitalic
markup.bold, markup.bold string#FFB2F7bold
Space Jam by CarolinaNav - VS Code Theme