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.

  • activityBar.background#F2F2F2
  • activityBar.foreground#222222
  • editor.background#FFFFFF
  • editor.foreground#333333
  • editorCursor.foreground#0077CC
  • editorGroup.border#DDDDDD
  • editorGroupHeader.tabsBackground#F7F7F7
  • editorIndentGuide.activeBackground1#D8D8D8
  • editorIndentGuide.background1#E6E6E6
  • editorLineNumber.foreground#BBBBBB
  • editorWhitespace.foreground#E6E6E6
  • panel.background#FAFAFA
  • panel.border#E4E4E4
  • scrollbarSlider.activeBackground#CFCFCFCC
  • scrollbarSlider.background#CFCFCF55
  • scrollbarSlider.hoverBackground#CFCFCF88
  • sideBar.background#F7F7F7
  • sideBar.foreground#333333
  • statusBar.background#F7F7F7
  • statusBar.border#DADADA
  • statusBar.foreground#333333
  • statusBar.noFolderBackground#FFFFFF
  • statusBar.noFolderForeground#666666
  • statusBarItem.activeBackground#0077CC22
  • statusBarItem.hoverBackground#E0E0E0
  • statusBarItem.prominentBackground#0077CC
  • statusBarItem.prominentHoverBackground#2299FF
  • tab.activeBackground#FFFFFF
  • tab.activeForeground#222222
  • tab.inactiveBackground#EDEDED
  • tab.inactiveForeground#777777
  • titleBar.activeBackground#FFFFFF
  • titleBar.activeForeground#222222
  • titleBar.inactiveBackground#F0F0F0
  • titleBar.inactiveForeground#777777

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, keyword.control, keyword.operator, keyword.other, storage.type, storage.modifier#B06040
string, constant.numeric, constant.language, constant.language.boolean, constant.language.null, constant, constant.other#22863A
entity.name.function, meta.function.declaration, meta.var.expr entity.name, support.function, entity.name.function.member, meta.function-call#0077CC
entity.name.class, entity.name.type, entity.other.inherited-class, support.class, support.type#0077CC
variable.parameter, meta.parameters variable, variable.other.property, variable.other.object.property, meta.property-name#555555
variable.other.readwrite, variable.other#444444
comment.line, comment.block, comment.block.documentation#888888
comment.todo, comment.fixme, comment.note#B8860B
string.regexp, source.regexp#22863A
punctuation#666666
invalid, invalid.illegal#CC0000underline
Focus Theme by SeptWong - VS Code Theme