Skip to main content
Coding Theme

Color themes

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