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#000000
  • activityBarBadge.background#007acc
  • button.background#ffffff
  • button.foreground#000000
  • editor.background#000000
  • editor.foreground#00ffff
  • editorCursor.background#00ffff
  • editorCursor.foreground#000000
  • editorGroupHeader.tabsBackground#7f7f7f
  • editorLineNumber.activeForeground#ffff00
  • editorLineNumber.foreground#ffff00
  • sideBar.background#000000
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#000000
  • sideBarSectionHeader.foreground#ffffff
  • sideBarTitle.foreground#00ffff
  • statusBar.background#7f7f7f
  • statusBar.foreground#ffffff
  • statusBarItem.remoteBackground#7f7f7f
  • statusBarItem.remoteForeground#ffffff
  • tab.inactiveBackground#7f7f7f
  • tab.inactiveForeground#ffffff
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#ffffff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
constant, string#FF0000
comment#80a0ff
keyword.control#ffffff
entity.name.function#ffffff
entity.name.type, entity.name.class, entity.name.variable, entity.name.tag, entity.name.section, entity.name.filename, entity.name.package, entity.name.type.class, entity.name.type.enum, entity.name.type.interface, entity.name.type.module, entity.name.type.namespace, entity.name.type.struct, entity.name.type.union, entity.name.type.variable, entity.name.type.alias, entity.name.type.template, entity.name.type.literal, entity.name.type.enum-member, entity.name.type.parameter, entity.name.type.template-parameter, entity.name.type.function, entity.name.type.property, entity.name.type.typedef, entity.name.type.variable, entity.name.type.enum, entity.name.type.macro, entity.name.type.primitive, entity.name.type.annotation, entity.name.type.mixin, entity.name.type.template, entity.name.type.import, entity.name.type.module#40ffff
meta.type#60ff60
entity.name.function.search#ffff00
meta.todo#ffff00
vscode-elflord by dylan-brackett - VS Code Theme