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.

  • activityBar.background#171b28
  • activityBar.foreground#839496
  • editor.background#171b28
  • editor.foreground#839496
  • sideBar.background#12151f
  • statusBar.background#202A2D
  • tab.activeBackground#171b28
  • tab.activeForeground#ECECEC
  • tab.inactiveBackground#313843
  • tab.inactiveForeground#ABABAB
  • titleBar.activeBackground#0C1619
  • titleBar.activeForeground#839496

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#45494d
comment.block.preprocessor#282828
comment.documentation, comment.block.documentation#282828
invalid.deprecated#660000
invalid.illegal#660000
keyword.other, keyword.control, punctuation.section.group, punctuation.section.braces#B8860B
storage.type#C678D2
constant.language, support.constant, variable.language#268BD2
variable, support.variable, punctuation.definition.variable#268BD2
entity.other.attribute-name#DEB887
variable.parameter#DEB887
keyword.operator#DEB887
meta#DEB887
entity.name.function#FFFFFF
support.function#E06C75
entity.name.tag, entity.name.type, entity.other.inherited-class, support.class#D2C812
entity.name.exception#660000
entity.name.section
constant.numeric, constant#2E8B57
constant.character, constant.other#f300ef
string#50BCAA
constant.character.escape#50BCAA
string.regexp#50BCAA
constant.other.symbol#50BCAA
marzme VSCode Themes by marzme - VS Code Theme