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#13141f
  • activityBar.foreground#7aa2f7
  • activityBarBadge.background#7aa2f7
  • activityBarBadge.foreground#ffffff
  • editor.background#1a1b26
  • editor.foreground#d4d4d4
  • sideBar.background#16161e
  • sideBar.foreground#a9b1d6
  • sideBarTitle.foreground#7aa2f7
  • statusBar.background#13141f
  • statusBar.foreground#7aa2f7
  • tab.activeBackground#1a1b26
  • tab.activeForeground#7aa2f7
  • tab.inactiveBackground#16161e
  • tab.inactiveForeground#787c99
  • titleBar.activeBackground#13141f
  • titleBar.activeForeground#7aa2f7

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.type, storage.modifier#9d7cd8—
string, string.quoted#9ece6a—
entity.name.function, support.function#7aa2f7—
variable, variable.other#bb9af7—
constant, variable.other.constant#ff9e64—
entity.name.type.class, entity.other.inherited-class#e0af68—
comment, punctuation.definition.comment#565f89italic
keyword.operator#89ddff—
Cosmic Horizon by Shellomo - VS Code Theme