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.

  • activityBarBadge.background#ff7edb
  • editor.background#1a1b26
  • editor.foreground#d4d4d4
  • editor.lineHighlightBackground#28293d
  • editor.selectionBackground#515c7e
  • editorCursor.foreground#ff7edb
  • list.activeSelectionBackground#313244
  • list.hoverBackground#292e42
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#1a1b26
  • statusBar.debuggingBackground#ff7edb
  • statusBar.noFolderBackground#1a1b26
  • terminal.background#1a1b26
  • terminal.foreground#d4d4d4
  • titleBar.activeBackground#1a1b26

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#636b6f
string, string.quoted.double.json#7ee787
keyword, storage.type, storage.modifier#ff7edb
entity.name.function, support.function#82aaff
variable, variable.other.object#ffd700
entity.name.type, entity.other.inherited-class#ff9e64
constant.numeric#ff9e64
constant.language, constant.character#bb9af7
entity.name.tag, punctuation.definition.tag#7aa2f7
entity.other.attribute-name#ff7edb
Neon Sunset Theme by Shellomo - VS Code Theme