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.

  • activityBarBadge.background#416279
  • editor.background#1b1b1b
  • editor.foreground#eeffff
  • sideBarTitle.foreground#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#556B2F
string, string.quoted.single.php, string.quoted.double.php, string.quoted.single.html, string.quoted.double.html, string.quoted.single.js, string.quoted.double.js#54a0a5
constant.numeric#c581ffff
constant.language#c581ffff
constant.character, constant.other#c581ffff
variable#ffa400ff
keyword#ff0068ff
storage#ff0068ff
storage.type#94a4ffitalic
entity.name.class#bfff00ffunderline
entity.other.inherited-class#bfff00ffitalic underline
entity.name.function#bcdb5d
variable.parameter#ffa200ffitalic
entity.name.tag#ff0068ff
entity.other.attribute-name#bfff00ff
support.function#4dffffff
support.constant#4dffffff
support.type, support.class#4dffffffitalic
support.other.variable#ffff19ff
invalid#ffffffff
invalid.deprecated#ffffffff
meta.function-call, support.function.name, meta.function-call punctuation.definition.parameters, meta.function-call variable.function, meta.function-call entity.name.function.js, support.function.source.rust, meta.function-call meta.function-call.generic, support.function.any-method#ffeb3b italic
punctuation.section.embedded#6573C3 bold
Ruwer's Theme by Leoruwer - VS Code Theme