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#253849
  • activityBar.foreground#FFFFFF
  • editor.background#112435
  • editor.foreground#FFFFFF
  • sideBar.background#001021
  • statusBar.background#253849
  • tab.activeBackground#001021
  • tab.activeForeground#FFFFFF
  • tab.inactiveBackground#253849
  • tab.inactiveForeground#EBEBEB
  • titleBar.activeBackground#112435
  • titleBar.activeForeground#EBEBEB

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#3A8BDA
comment.block.preprocessor#112435
comment.documentation, comment.block.documentation#112435
invalid.deprecated#FF8C00
invalid.illegal#FF8C00
keyword.other, keyword.control, punctuation.section.group, punctuation.section.braces#FFCC66
storage.type#FFCC66
constant.language, support.constant, variable.language#CC99FF
variable, support.variable, punctuation.definition.variable#CC99FF
entity.other.attribute-name, variable.parameter, keyword.operator, meta#FFFFFF
entity.name.function#FF99CC
support.function#EBEBFF
entity.name.tag, entity.name.type, entity.other.inherited-class, support.class#FFCC66
entity.name.exception#FF0000
entity.name.section
constant.numeric, constant#FF99CC
constant.character, constant.other#FFCC66
string#FF9999
constant.character.escape#FF9999
string.regexp#FF9999
constant.other.symbol#FF9999
marzme VSCode Themes by marzme - VS Code Theme