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#0d1117
  • activityBar.border#ffffff15
  • breadcrumb.background#0d1117
  • editor.background#0d1117
  • editor.foreground#aab2bf
  • editor.lineHighlightBackground#ffffff08
  • editor.selectionBackground#61b0ef33
  • editorCursor.foreground#ffffff
  • editorGroupHeader.tabsBackground#0d1117
  • list.activeSelectionBackground#ffffff1a
  • list.hoverBackground#ffffff10
  • sideBar.background#0d1117
  • sideBar.border#ffffff15
  • tab.activeBackground#161b22
  • tab.activeBorderTop#c376da
  • tab.activeForeground#ffffff
  • tab.border#ffffff15
  • tab.inactiveBackground#0d1117
  • tab.inactiveForeground#5c6370
  • titleBar.activeBackground#0d1117
  • titleBar.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
support.type.property-name.css#61b0ef
entity.name.function, support.function, meta.function-call, entity.name.function.member#61b0ef
support.class.console, support.variable.dom#61b0ef
support.function.console#d19966
keyword, storage.type, storage.modifier, keyword.control#c376dabold
variable, variable.other.readwrite, variable.parameter#aab2bf
string#8bb170
support.constant.property-value.css#d19966
entity.name.tag#c376da
Cyber Void by Thnoxs - VS Code Theme