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#545454
  • activityBar.foreground#F0EFD0
  • editor.background#404040
  • editor.foreground#F0EFD0
  • sideBar.background#2C2C2C
  • statusBar.background#545454
  • tab.activeBackground#2C2C2C
  • tab.activeForeground#FFFFE4
  • tab.inactiveBackground#545454
  • tab.inactiveForeground#DCDBBC
  • titleBar.activeBackground#404040
  • titleBar.activeForeground#DCDBBC

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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