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#3B4252
  • activityBar.foreground#D8DEE9
  • activityBarBadge.background#B0C9D8
  • activityBarBadge.foreground#2E3440
  • editor.background#2E3440
  • editor.foreground#D8DEE9
  • editorCursor.foreground#D8DEE9
  • editorLineNumber.activeForeground#D8DEE9
  • editorLineNumber.foreground#8F9BB3
  • menu.background#3B4252
  • menu.foreground#D8DEE9
  • menu.selectionBackground#B0C9D8
  • menu.selectionForeground#2E3440
  • sideBar.background#2E3440
  • sideBar.foreground#D8DEE9
  • statusBar.background#3B4252
  • statusBar.foreground#D8DEE9
  • tab.activeBackground#3B4252
  • tab.activeForeground#D8DEE9
  • tab.inactiveBackground#2E3440
  • tab.inactiveForeground#8F9BB3
  • terminal.background#2E3440
  • terminal.foreground#D8DEE9
  • titleBar.activeBackground#3B4252
  • titleBar.activeForeground#D8DEE9
  • titleBar.inactiveBackground#434C5E
  • titleBar.inactiveForeground#8F9BB3
  • window.activeBorder#B0C9D8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment, string.comment#A3B1C2
constant, entity.name.constant, variable.other.constant, variable.language#D6999F
entity.name.function, meta.function-call, variable.function#8FAEC9
variable.parameter#C1BFA7
variable, entity.name.variable#8FAEC9
keyword, storage.type, storage.modifier#D99694
storage.type.class, entity.name.type.class, entity.name.class#A3BE8C
string, constant.other.symbol, constant.character.escape#B0C4A7
support.function, support.constant#8FAEC9
entity.name.type.enum, entity.name.enum#D6999F
Nord Pastel by andrea - VS Code Theme