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
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#848484
  • activityBarBadge.background#4a88c7
  • activityBarBadge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#ffffff
  • breadcrumb.background#070709
  • breadcrumb.foreground#848484
  • dropdown.background#121212
  • editor.background#070709
  • editor.foreground#c2c2c2
  • editor.lineHighlightBackground#121212
  • editor.selectionBackground#264e77
  • editorCursor.foreground#adaeac
  • editorGroupHeader.tabsBackground#000000
  • editorLineNumber.activeForeground#c2c2c2
  • editorLineNumber.foreground#848484
  • input.background#121212
  • input.border#212224
  • list.activeSelectionBackground#264e77
  • list.hoverBackground#121212
  • menu.background#121212
  • menu.border#212224
  • sideBar.background#000000
  • sideBar.foreground#c2c2c2
  • sideBarSectionHeader.background#000000
  • sideBarTitle.foreground#ffffff
  • statusBar.background#000000
  • statusBar.foreground#ffffff
  • tab.activeBackground#070709
  • tab.activeBorder#4a88c7
  • tab.activeForeground#ffffff
  • tab.inactiveBackground#000000
  • tab.inactiveForeground#848484
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#ffffff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#699856
string, punctuation.definition.string#cd9069
constant.numeric#b4cda8
keyword, storage.type, storage.modifier#499cd5
entity.name.function, support.function, meta.function-call#dcdcaa
entity.name.type, entity.name.class, support.class, entity.name.type.class#39c8b0
entity.name.type.interface#3d8f7f
variable, meta.definition.variable#c2c2c2
variable.parameter, variable.other.readwrite, variable.other.property#9cdcfe
constant.language#499cd5
punctuation, meta.brace, punctuation.definition.parameters, punctuation.definition.block#c2c2c2
support.type#39c8b0
entity.other.attribute-name, variable.other.member#9cdcfe
entity.name.tag#569cd6
meta.tag.attributes#9cdcfe
markup.heading#499cd5bold
markup.boldbold
markup.italicitalic
Nocturna Vs Code by SrPatoS - VS Code Theme