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#cccccc
  • activityBar.foreground#000000
  • editor.background#EEEEEEEB
  • editor.foreground#000000
  • editor.lineHighlightBackground#0000001A
  • editor.selectionBackground#BAD6FD
  • editorCursor.foreground#000000
  • editorWhitespace.foreground#B3B3B3F4
  • statusBar.background#bbbbbb
  • statusBar.debuggingBackground#ffeeee
  • statusBar.foreground#000000
  • statusBar.noFolderForeground#ffffff
  • tab.activeBackground#ccccee
  • terminal.background#fcfcec

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
—#000000—
string#009933—
constant.numeric#0066FF—
string.regexp#FF0080—
keyword#0000FF—
constant.language#9700CC—
support.class.exception#990000—
entity.name.function#FF8000—
entity.name.type—bold underline
variable.parameter—italic
comment#0066FFitalic
invalid#FF0000—
invalid.deprecated.trailing-whitespace——
text source, meta.embedded#000000—
meta.tag, declaration.tag#0033CC—
constant, support.constant#6782D3—
support#3333FFbold
storage—bold
entity.name.section—bold underline
entity.name.function.frame#000000bold
meta.tag.metadata.processing.xml#333333—
entity.other.attribute-name#3366CCitalic
entity.name.tag—bold
iPlastic VSCode improved by xschen - VS Code Theme