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#f3f3f3
  • activityBar.foreground#111111
  • activityBarBadge.background#800953
  • editor.background#fbfbfb
  • editor.foreground#111111
  • editorLineNumber.foreground#aaaaaa
  • list.activeSelectionIconForeground#fff
  • sideBar.background#f3f3f3
  • statusBar.background#f3f3f3
  • statusBar.foreground#333333
  • statusBarItem.activeBackground#dddddd
  • statusBarItem.hoverBackground#dddddd

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword#800953bold
storage#800953bold
variable.language#800953bold
constant.language#800953bold
entity.name.tag#800953bold
variable#643A3A
string#2D0BF2
constant.numeric#000000
entity.name.function#000000
entity.name.function.macro#000000
entity.name.type#000000
constant#000000bold italic
support.type.property-name#0701B4
entity.name.type.lifetime#2D0BF2italic
punctuation.definition.lifetime#2D0BF2italic
keyword.operator#000000
markup.heading#2D0BF2
markup.quote#643A3A
markup.fenced_code#0701B4
markup.inline.raw#2D0BF2
comment#b9b9b9italic

Shiki preview

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

Loading...

Eclipse Light Theme - Coding Theme