Skip to main content
Coding Theme

Color themes

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#1C1C1C
  • editor.foreground#F5F2F2
  • editor.lineHighlightBackground#282828
  • editor.selectionBackground#FCFBF978
  • editorCursor.foreground#D3CFC1
  • editorWhitespace.foreground#D8D9D17A
  • statusBar.background#030303
  • statusBar.debuggingBackground#091414
  • statusBar.foreground#b9b9b9
  • statusBar.noFolderBackground#0f1111
  • statusBarItem.remoteBackground#555555

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
—#F5F2F2—
entity.name.function#DED6C7bold
keyword#DF00FC—
constant.numeric#0064FA bold
constant#F7A131—
string#FF8300
comment#7A7979italic
meta.block#FA5300—
meta.parens, entity, variable.parameter, parameter#FFA200 bold
meta.function, meta.function-call, meta.function-call.ruby#FFB400—
meta.function.body#FFCD00—
meta.function.body.code, support, keyword.control.clojure#94ED05F5—
meta.sexpr#FA5300—
storage, keyword.operator#FA5300 bold
invalid#FFFFFF—
meta.diff.header, meta.separator.diff, meta.diff.index, meta.diff.range——
markup.deleted#F92672 italic
markup.inserted#A6E22E italic
markup.changed#967EFB italic
meta.directive#7515B0 bold
meta.symbol#D244F5—
meta.group#006CFA—
punctuation#F5F3F2—
variable#DB1529 bold
meta.tag#F5F3F2—