Skip to main content
Coding Theme

vs-code-that-dark

Publisher: byspeedsterThemes in package: 1

The visual studio default dark theme with a little customization

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

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

vs-code-that-dark - Coding Theme