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.

  • activityBarBadge.background#007acc
  • editor.background#1c1c1c
  • editor.foreground#eeffff
  • sideBar.background#1c1c1c
  • sideBar.border#535353
  • sideBarTitle.foreground#bbbbbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
support.type.property-name#9CDCFE—
string.quoted.double#d28160—
constant.numeric#B5CEA8—
variable.other.property#c6dcba—
support.type#36ba99—
constant.language#36a4ff—
storage.modifier#36a4ff—
entity.name.function#36ba99—
variable.other.object.property#FFC66D—
variable.other.object#FFC66D—
variable.parameter#FFC66D—
string#d28160—
keyword.control#36a4ff—
variable.other.readwrite.alias.ts, meta.block.ts, meta.import.ts, source.ts, punctuation.accessor.optional,support.variable.property,keyword.operator.expression,keyword.operator#D4D4D4—
variable.other.property,variable.other.readwrite,variable.other.constant#D4D4D4—
comment.block.documentation#6A9955—
storage.type#36a4ff—
variable.language, keyword.other#36a4ff—
entity.name.type,support.type.object.module#36BA99—
variable.other.enummember#5dc1e5—
entity.name.tag#769ede—
entity.other.attribute-name#9CDCFE—
string.quoted.double#d28160—
variable.other.object#FFC66D—
comment.line.number-sign,comment.line.double-slash#65af80—
keyword.other.definition.ini#FFC66D—