Skip to main content
CodingTheme

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#F3F3F3
  • activityBar.foreground#141404
  • activityBar.inactiveForeground#666666
  • sideBar.background#F3F3F3
  • sideBarSectionHeader.background#F3F3F3
  • sideBarSectionHeader.foreground#141404
  • sideBarTitle.foreground#141404

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#141404
comment, string.quoted.docstring#3647D9
string#1F8C35
constant.numeric#141404
constant.language#141404
constant.character, constant.other#141404
variable#141404
keyword#141404
storage#141404
storage.type#141404
entity.name.class, entity.name.type, meta.class.python, storage.type.scala#ED8F23
meta.class.inheritance.python#141404
entity.name.function#ED8F23
variable.parameter#141404
entity.name.tag#141404
entity.other.attribute-name#141404
support.function#141404
support.constant#141404
support.type, support.class#141404
support.other.variable
invalid#E60909
invalid.deprecated#E01BD0
punctuation.whitespace#3B3A32

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Plain Light Theme by Mikel Ward - VS Code Theme