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#1C1E22
  • activityBar.foreground#97a8aaff
  • activityBarBadge.background#1C1E22
  • activityBarBadge.foreground#97a8aaff
  • editor.background#1C1E22
  • editor.foreground#97a8aaff
  • editor.lineHighlightBackground#3D3B3A00
  • editor.selectionBackground#3D3B3A
  • editorCursor.foreground#97a8aaff
  • editorWhitespace.foreground#3D3B3A
  • sideBar.background#1C1E22
  • sideBar.foreground#97a8aaff
  • sideBarSectionHeader.background#1C1E22
  • sideBarSectionHeader.border#1C1E22
  • sideBarSectionHeader.foreground#97a8aaff
  • sideBarTitle.foreground#97a8aaff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#97a8aaff
comment#5C5754
string#AD8E44C4
constant.numeric#7590A0
constant.language#44AD95B8
constant.character, constant.other#44AD95B8
variable#97a8aaff
keyword#AD5944F5
storage#97a8aaff
storage.type#857B60
entity.name.class#97a8aaff
entity.other.inherited-class#97a8aaff
entity.name.function#7590A0
variable.parameter#97a8aaff
entity.name.tag#97a8aaff
entity.other.attribute-name#97a8aaff
support.function#7590A0
support.constant#97A8AA
support.type, support.class#97A8AA
support.other.variable#97A8AA
invalid#97a8aaff
invalid.deprecated#97a8aaff
Red Mint Theme by The Datamen Foundation - VS Code Theme