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#263341
  • activityBarBadge.background#5ca9b5
  • editor.background#1d2938
  • editorGroupHeader.noTabsBackground#263341
  • editorGroupHeader.tabsBackground#263341
  • gitDecoration.modifiedResourceForeground#65dfe7
  • gitDecoration.untrackedResourceForeground#3f8d92
  • list.activeSelectionBackground#0F5E78
  • list.hoverBackground#152232
  • list.inactiveSelectionBackground#0A4355
  • sideBar.background#263341
  • sideBarSectionHeader.background#121f30
  • statusBar.background#121f30
  • tab.inactiveBackground#263341
  • titleBar.activeBackground#263341

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#fafaff
comment#5b727f
string#ffaaaa
constant.numeric#74b8f9
constant.language#7fc0fa
constant.character, constant.other#8ac7fa
variable#1fc6ab
keyword#ff624a
storage#ff6d54
storage.type#66D9EFitalic
entity.name.class#73e286underline
entity.other.inherited-class#7ee691italic underline
entity.name.function#1dbfa2
variable.parameter#fcc048italic
entity.name.tag#ff785f
entity.other.attribute-name#89e99c
support.function#66D9EF
support.constant#66D9EF
support.type, support.class#66D9EFitalic
support.other.variable#ffffff
invalid#F8F8F0
invalid.deprecated#F8F8F0
meta.property-list.css meta.property-value.css variable.other.less, meta.property-list.scss variable.scss, meta.property-list.sass variable.sass, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.bitwise, keyword.operator.increment, keyword.operator.ternary, keyword.operator.comparison, keyword.operator.assignment, keyword.operator.operator, keyword.operator.or.regexp, keyword.operator.expression.in, keyword.operator.type, punctuation.definintion.string, punctuationnormal