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#414A4D
  • activityBar.foreground#F0EFD0
  • editor.background#2D3639
  • editor.foreground#F0EFD0
  • sideBar.background#192225
  • statusBar.background#414A4D
  • tab.activeBackground#192225
  • tab.activeForeground#FFFFE4
  • tab.inactiveBackground#414A4D
  • tab.inactiveForeground#DCDBBC
  • titleBar.activeBackground#2D3639
  • titleBar.activeForeground#DCDBBC

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#AEAEAE
comment.block.preprocessor#2D3639
comment.documentation, comment.block.documentation#2D3639
invalid.deprecated#FF8C00
invalid.illegal#FF8C00
keyword.other, keyword.control, punctuation.section.group, punctuation.section.braces#A38474
storage.type#A38474
constant.language, support.constant, variable.language#A19A83
variable, support.variable, punctuation.definition.variable#A19A83
entity.other.attribute-name, variable.parameter, keyword.operator, meta#F0EFD0
entity.name.function#B9A185
support.function#DFBE95
entity.name.tag, entity.name.type, entity.other.inherited-class, support.class#A38474
entity.name.exception#FF0000
entity.name.section
constant.numeric, constant#B9A185
constant.character, constant.other#A38474
string#CC9393
constant.character.escape#CC9393
string.regexp#CC9393
constant.other.symbol#CC9393
marzme VSCode Themes by marzme - VS Code Theme