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#272233
  • activityBarBadge.background#05798d
  • editor.background#24202e
  • editor.foreground#ccd0dd
  • sideBarTitle.foreground#bbbbbb
  • tab.activeBackground#333357
  • tab.activeForeground#bcb6d8
  • tab.inactiveBackground#33303d
  • tab.inactiveForeground#909fa8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#55525citalic
invalid, invalid.illegal#FF5370—
keyword.operator, constant.other.color, punctuation#b1b5d8—
keyword, keyword.control, storage#7cb3abbold
storage.type, support.type, storage.modifier#73c3dbbold
constant.language, support.constant, variable.language#4a89adbold
variable.other#bea7d3italic
variable, support.variable#f7f1fd—
variable.parameter.import#749e7e—
entity.name.function, support.function, meta.function-call, variable.function, keyword.other.special-method#a2aed1italic
entity.name.type, entity.other.inherited-class, support.type, support.class#96b5cabold
entity.name.exception#dd4545—
entity.name.section—bold
constant.numeric, constant.character, constant#cf9d9d—
string#bcc99a—
constant.character.escape#8b8f81—
string.regexp#3c6294—