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.

  • editor.background#1c1c24
  • editor.foreground#f2c79c
  • editor.lineHighlightBackground#1c1c24
  • editor.selectionBackground#2430f0
  • editorCursor.foreground#ddbb88
  • editorLineNumber.activeForeground#d8ddfc
  • editorLineNumber.foreground#6688cc
  • editorWhitespace.foreground#1c1c24
  • panel.border#1c1c24
  • sideBar.background#1c1c24
  • sideBar.border#1c1c24
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.border#b2413f
  • terminal.border#1c1c24

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#1c9c82
comment#6688cc
string#f7d7bc
constant.numeric#ff9e9c
constant.language#f280d0
constant.character, constant.other#f280d0
variable#a8efe0
keyword#F2C79C
storage#F2C79C
storage.type#f280d0
entity.name.type.class, support.class, entity.name.class#82F0DDbold
entity.other.inherited-class#ddbb88italic underline
entity.name.function#2be1b7
variable.parameter#ffdedditalic
variable.language#fce6f3italic
entity.name.tag#2be1b7
entity.other.attribute-name#ddbb88
support.function#2be1b7
support.constant#e12bb0
support.type, support.class#a8efe0italic
support.other.variable
invalid#F8F8F0
invalid.deprecated#F8F8F0strikethrough
Manifest Theme by Manifest.build - VS Code Theme