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#244454
  • activityBar.foreground#D0D0D0
  • editor.background#103040
  • editor.foreground#D0D0D0
  • sideBar.background#001C2C
  • statusBar.background#244454
  • tab.activeBackground#001C2C
  • tab.activeForeground#E4E4E4
  • tab.inactiveBackground#244454
  • tab.inactiveForeground#BCBCBC
  • titleBar.activeBackground#103040
  • titleBar.activeForeground#BCBCBC

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#80A0B0
comment.block.preprocessor#103040
comment.documentation, comment.block.documentation#103040
invalid.deprecated#FF8C00
invalid.illegal#FF8C00
keyword.other, keyword.control, punctuation.section.group, punctuation.section.braces#AC96F8
storage.type#AC96F8
constant.language, support.constant, variable.language#79ABFF
variable, support.variable, punctuation.definition.variable#79ABFF
entity.other.attribute-name, variable.parameter, keyword.operator, meta#D0D0D0
entity.name.function#00FFFF
support.function#80A0B0
entity.name.tag, entity.name.type, entity.other.inherited-class, support.class#AC96F8
entity.name.exception#FF0000
entity.name.section
constant.numeric, constant#00FFFF
constant.character, constant.other#AC96F8
string#00E5EE
constant.character.escape#00E5EE
string.regexp#00E5EE
constant.other.symbol#00E5EE
marzme VSCode Themes by marzme - VS Code Theme