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.activeBorder#ff4545
  • activityBar.background#121212
  • activityBar.foreground#ff4545
  • activityBar.inactiveForeground#5e5e5e
  • activityBarBadge.background#ff4545
  • activityBarBadge.foreground#ffffff
  • editor.background#121212
  • editor.selectionBackground#ff454566
  • editorGroupHeader.tabsBackground#121212
  • minimap.selectionHighlight#ff454566
  • sideBar.background#121212
  • sideBarSectionHeader.background#121212
  • statusBar.background#121212
  • tab.activeBackground#ff45451A
  • tab.border#121212
  • tab.inactiveBackground#121212

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
, keyword.operator.type.annotation#878787
text#dbdbdb
comment#858585italic
support.type.primitive, support.type.bulitin, keyword.operator.new, entity.other.attribute-name, entity.name.type, support.type.builtin, meta.type.tuple, constant.language.json, constant.language.json5#be7dffitalic
storage.modifier, meta.function-call, keyword.type, keyword.other.class, keyword.other.namespace#be7dff
storage.type, keyword.control, entity.name, entity.name.type.alias, entity.name.type.interface#be7dffbold
entity.name.type.class, entity.name.function, variable.parameter#ffc369
support.class#ffc369italic
variable.object.property, meta.object-literal.key, support.type.property-name, variable.other.object, string.key.json5#ff4545
string.quoted, string.template, variable.other, variable.language.this, variable.other.property, meta.property-value, constant.numeric.decimal#69afff
NeoCode by theNeoProject - VS Code Theme