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#0d0d15
  • activityBar.foreground#7fff7f
  • activityBarBadge.background#7fff7f
  • activityBarBadge.foreground#000000
  • button.background#1a0a2e
  • button.foreground#7fff7f
  • editor.background#0a0a0f
  • editor.foreground#e0e0e0
  • editor.lineHighlightBackground#1a0a2e55
  • editor.selectionBackground#2a0a4e
  • editor.wordHighlightBackground#1a0a3e
  • editorCursor.foreground#7fff7f
  • editorLineNumber.activeForeground#7fff7f
  • editorLineNumber.foreground#333355
  • focusBorder#7fff7f
  • sideBar.background#0f0f1a
  • sideBar.foreground#cccccc
  • statusBar.background#1a0a2e
  • statusBar.foreground#7fff7f
  • tab.activeBackground#1a0a2e
  • tab.activeForeground#7fff7f
  • tab.inactiveBackground#0f0f1a
  • tab.inactiveForeground#666666
  • titleBar.activeBackground#0d0d15
  • titleBar.activeForeground#7fff7f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.type, storage.modifier#ff79c6bold
string#f1fa8c
constant.numeric#bd93f9
entity.name.function, support.function#7fff7fbold
variable#8be9fd
comment#3a3a5aitalic
entity.name.type, entity.name.class#ffb86cbold
variable.parameter#ff79c6
keyword.operator#ff79c6
entity.name.tag#ff5555
dino by luisdaniel - VS Code Theme