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#0a192b
  • editor.background#0b1228
  • editor.findMatchBackground#65b6ff77
  • editor.findMatchHighlightBackground#4aa3e540
  • editor.foreground#cbd6f7
  • editor.inactiveSelectionBackground#3e4567
  • editor.lineHighlightBackground#1a2142
  • editor.selectionBackground#5aa8de66
  • editor.selectionHighlightBackground#67a1ff40
  • editor.wordHighlightBackground#7f96d633
  • editorCursor.foreground#79e3f7
  • sideBar.background#111c36
  • sideBar.foreground#cbd6f7
  • sideBarSectionHeader.background#1a2142
  • statusBar.background#0a192b
  • statusBar.foreground#79e3f7
  • terminal.ansiBlue#67a1ff
  • terminal.ansiCyan#79e3f7
  • terminal.ansiGreen#8aff80
  • terminal.ansiMagenta#ca80ff
  • terminal.ansiRed#ff6a6a
  • terminal.ansiYellow#ffd56b
  • terminal.foreground#97d3ff
  • titleBar.activeBackground#111c36
  • titleBar.activeForeground#cbd6f7

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#526077
constant, entity.name.constant, variable.language#ffb454
variable, entity.name.variable#ff6a6a
keyword#79e3f7
storage.type, storage.modifier#ca80ff
entity.name.function, meta.function-call#8aff80
string#ffd56b
entity.name.type#67a1ff
entity.other.attribute-name#ff80bf
Aurora Pulse by Ady Rahmansyah - VS Code Theme