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#3d3b3b
  • activityBarBadge.background#e5cf79
  • editor.background#211f1d
  • editor.foreground#eedece
  • sideBar.background#3d3b3b
  • sideBarTitle.foreground#eedece
  • statusBar.background#211f1d
  • statusBar.foreground#eedece
  • tab.activeBackground#211f1d
  • tab.inactiveBackground#3d3b3b
  • titleBar.activeBackground#211f1d
  • titleBar.activeForeground#eedece

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.type, storage.modifier#e5cf79
comment, punctuation.definition.comment#6a5a4citalic
entity.name.class, entity.name.function, entity.name.type#99bfc7
entity.name.function#99bfc7
keyword.operator, punctuation.separator#526fa1
entity.name.type, entity.name.class, entity.name.struct#eedece
string#e5cf79
constant.numeric#bea14d
markup.heading, entity.name.section#e5cf79bold
markup.list.unnumbered, markup.list.numbered, punctuation.definition.list#99bfc7
markup.italic, markup.bold#eedeceitalic bold
markup.quote, punctuation.definition.quote#526fa1italic
markup.underline.link, string.other.link#99bfc7underline
markup.inline.raw, markup.fenced_code, markup.raw.block#bea14d
support.type.property-name.json#e5cf79
entity.name.tag.yaml#e5cf79
entity.name.tag.html, entity.name.tag.xml#99bfc7
entity.other.attribute-name.html, entity.other.attribute-name.xml#e5cf79
punctuation, meta.brace, meta.delimiter#8a7b6d
meta.bracket, punctuation.definition.bracket#bea14d
keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison#c7a899
keyword.control.directive.include, punctuation.definition.directive#e5cf79
string.quoted.other.lt-gt.include#c799bf
Bocchi The Rock Theme by Nijika-jia - VS Code Theme