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#000000
  • activityBar.foreground#cdd6f4
  • activityBarBadge.background#ff5555
  • activityBarBadge.foreground#ffffff
  • editor.background#000000
  • editor.foreground#cdd6f4
  • editor.lineHighlightBackground#140000
  • editor.selectionBackground#ff555577
  • editor.selectionHighlightBackground#ff555599
  • editorBracketMatch.background#1a0000
  • editorBracketMatch.border#ff5555
  • editorCursor.foreground#ff5555
  • editorGutter.background#000000
  • editorIndentGuide.activeBackground#ff555533
  • editorIndentGuide.background#111111
  • editorLineNumber.foreground#666666
  • sideBar.background#000000
  • sideBar.foreground#cdd6f4
  • statusBar.background#000000
  • statusBar.debuggingBackground#ff5555
  • statusBar.foreground#cdd6f4
  • tab.activeBackground#000000
  • tab.activeForeground#cdd6f4
  • tab.inactiveBackground#111111
  • tab.inactiveForeground#888888

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.type, storage.modifier, constant.language#ff5555
entity.name.function, support.function#00aaffbold
variable, identifier, support.constant, meta.definition.variable#00aaff
entity.name.type, entity.name.class, support.class, support.type#ff8888
string, constant.numeric, constant.character, constant.other#ddd500
comment#666666italic
Neon Void Red Night by AkashRamesh - VS Code Theme