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.typebold underline
variable.parameteritalic
comment#0066FFitalic
invalid#FF0000
invalid.deprecated.trailing-whitespace
text source, meta.embedded#000000
meta.tag, declaration.tag#0033CC
constant, support.constant#6782D3
support#3333FFbold
storagebold
entity.name.sectionbold underline
entity.name.function.frame#000000bold
meta.tag.metadata.processing.xml#333333
entity.other.attribute-name#3366CCitalic
entity.name.tagbold
iPlastic VSCode improved by xschen - VS Code Theme