Skip to main content
CodingTheme

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#1f1f1f
  • editor.background#000000
  • editor.foreground#d4e8ff
  • editor.selectionBackground#77438b
  • editorCursor.foreground#c0d6f0
  • editorLineNumber.foreground#d2a5d6
  • sideBar.background#1f1f1f
  • sideBar.foreground#96fff3
  • sideBarTitle.foreground#96fff3
  • statusBar.background#7d7d7d
  • statusBar.foreground#212121

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.object.key.json, meta.array.key.json#C678DD
meta.object.value.json, meta.array.value.json, string.quoted.double.json, constant.numeric.json, constant.language.json, constant.language.null.json#E06C75
comment#6A9955italic
keyword#C678DD
string#E06C75
entity.name.function#61AFEF
variable#D19A66
entity.name.class#E5C07B
entity.name.method#61AFEF
variable.other#D19A66
constant#D19A66
constant.numeric#D19A66
constant.language#56B6C2
constant.language.null#E5C07B
keyword.operator#C678DD
entity.name.type#D19A66
entity.name.namespace#61AFEF
entity.other.attribute-name#D19A66
entity.name.tag#E06C75
meta.decorator#C678DD
meta.import#61AFEF
meta.function-call#61AFEF
variable.parameter#D19A66
interpolation#D19A66

Shiki preview

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

Loading...

Dark+ by IChuk - VS Code Theme