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#000000
  • editor.foreground#FFFFFF
  • editor.lineHighlightBackground#101010
  • editor.selectionBackground#404040
  • editorCursor.foreground#FFFFFF
  • editorWhitespace.foreground#404040

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
—#FFFFFF—
comment#4A4A4A—
string#E5C07B—
constant.numeric#56B6C2—
constant.language#C678DD—
constant.character, constant.other#C678DD—
variable#3ED33E—
keyword#5E7CE2—
storage#C678DD—
storage.type#5E7CE2—
entity.name.class#E5C07B—
entity.name.function#61AFEF—
variable.parameter#FF5252—
entity.name.tag#5E7CE2—
entity.other.attribute-name#E5C07B—
support.function#61AFEF—
support.constant#C678DD—
support.type, support.class#E5C07B—
support.other.variable#FFFFFF—
invalid#FF5252—
warp-phenomenon-theme by christophergandrud - VS Code Theme