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#f9f9f9
  • activityBar.foreground#2d2b55
  • editor.background#ffffff
  • editor.foreground#2d2b55
  • sideBar.background#f3f3f3
  • sideBar.foreground#2d2b55
  • statusBar.background#218c4d
  • statusBar.foreground#ffffff
  • tab.activeBackground#ffffff
  • tab.activeForeground#2d2b55
  • tab.inactiveBackground#f3f3f3
  • titleBar.activeBackground#218c4d
  • titleBar.activeForeground#ffffff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a0a1a7—
string, string.quoted, string.template, string.interpolated#16a085—
keyword, storage.type, storage.modifier#8e44ad—
entity.name.function, support.function#2980b9—
variable, variable.other#c0392b—
constant, variable.other.constant#e67e22—
entity.name.type, entity.other.inherited-class#218c4d—
punctuation, meta.brace#34495e—
Better Light Theme by Monarch - VS Code Theme