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#21252B
  • editor.background#21252B
  • editor.foreground#AAAAAA
  • editor.selectionBackground#45494d82
  • editorGroupHeader.tabsBackground#171B21
  • gitDecoration.modifiedResourceForeground#5AC6B4
  • sideBar.background#171B21
  • statusBar.background#171B21
  • tab.activeBackground#21252B
  • tab.inactiveBackground#35393F
  • titleBar.activeBackground#0D1117

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#45494D
comment.block.preprocessor#45494D
comment.documentation, comment.block.documentation#45494D
invalid.deprecated#660000
invalid.illegal#660000
keyword.other, keyword.control, punctuation.section.group, punctuation.section.braces#CC9A1F
storage.type#E06C75
constant.language, support.constant, variable.language#1C81C8
variable, support.variable, punctuation.definition.variable#1C81C8
variable.other.member#46B2A0
entity.other.attribute-name, support, variable.parameter#46B2A0
keyword.operator.logical, keyword.operator.comparison#F2B86C
keyword.operator, punctuation.section.bracket, meta#AAAAAA
support.type.property-name, entity.name.function#E5B456
support.function#947ACD
entity.name.tag, entity.name.type, entity.other.inherited-class, support.class#CC9A1F
entity.name.exception#660000
entity.name.section
constant.numeric, constant#DCDCDC
constant.character, constant.other#AAAAAA
string, constant.character.escape, constant.other.symbol#75AF65