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#181825
  • editor.background#1E1E2E
  • editor.foreground#D9E0EE
  • editorGroupHeader.tabsBackground#181825
  • list.activeSelectionBackground#313244
  • list.hoverBackground#313244
  • sideBar.background#1E1E2E
  • statusBar.background#181825
  • tab.activeBackground#1E1E2E
  • tab.inactiveBackground#181825
  • titleBar.activeBackground#181825

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6E738D
variable, string constant.other.placeholder#F5E0DC
keyword, storage.type, storage.modifier#89DCEB
entity.name.function, meta.function-call#ABE9B3
string#FAE3B0
constant.numeric#F8BD96
entity.name.type, entity.name.class#DDB6F2
variable.other.property#96CDFB
entity.name.tag#F28FAD
Harmony Dream by gigorgu - VS Code Theme