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#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
Chameleon by ifiht - VS Code Theme