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#070B3B
  • activityBar.foreground#FFFFFF
  • editor.background#01072A
  • editor.foreground#F4F4F4
  • editor.lineHighlightBackground#0A0E40
  • editor.selectionBackground#7C5AFF44
  • editorLineNumber.activeForeground#FF40A5
  • editorLineNumber.foreground#555B8D
  • sideBar.background#0A0E40
  • sideBar.foreground#F4F4F4
  • statusBar.background#070B3B
  • statusBar.foreground#F4F4F4
  • tab.activeBackground#101540
  • tab.activeForeground#FFFFFF
  • tab.inactiveBackground#070B3B
  • tab.inactiveForeground#888CA7
  • titleBar.activeBackground#070B3B
  • titleBar.activeForeground#F4F4F4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.type#FF40A5bold
variable, string, constant.language#7C5AFF—
function, entity.name.function#00FFFF—
comment, punctuation.definition.comment#5C6370italic
entity.name.type, support.class#FF8CFF—
invalid, invalid.illegal#01072A—
Wahlix Neon Theme by Wahlix - VS Code Theme