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#161B22
  • activityBar.foreground#58A6FF
  • activityBarBadge.background#1F6FEB
  • activityBarBadge.foreground#FFFFFF
  • button.background#238636
  • button.foreground#FFFFFF
  • button.hoverBackground#2EA043
  • editor.background#0D1117
  • editor.foreground#E6EDF3
  • editorCursor.foreground#58A6FF
  • editorLineNumber.activeForeground#58A6FF
  • editorLineNumber.foreground#8B949E
  • editorWidget.background#161B22
  • input.background#161B22
  • input.border#30363D
  • input.foreground#C9D1D9
  • sideBar.background#0D1117
  • sideBar.foreground#C9D1D9
  • sideBarTitle.foreground#58A6FF
  • statusBar.background#1F6FEB
  • statusBar.foreground#FFFFFF
  • tab.activeBackground#161B22
  • tab.activeForeground#58A6FF
  • tab.inactiveBackground#0D1117
  • tab.inactiveForeground#8B949E
  • titleBar.activeBackground#161B22
  • titleBar.activeForeground#C9D1D9

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8B949E
string, string.template#A5D6FF
constant.numeric, constant.language#79C0FF
keyword, storage.type, storage.modifier#FF7B72
entity.name.function, support.function#D2A8FF
variable, support.variable#FFA657
entity.name.type, support.type#7EE787
markup.heading#58A6FFbold
markup.inline.raw#79C0FF

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Neo Aurora 2025 Theme - Coding Theme