Skip to main content
CodingTheme

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#0C0C0C
  • activityBar.foreground#ffffff
  • activityBarBadge.background#FF009D
  • editor.background#0C0C0C
  • editor.foreground#00CCFF
  • sideBar.background#141414
  • statusBar.background#0069ff
  • tab.activeBackground#0C0C0C
  • tab.border#0C0C0C
  • tab.inactiveBackground#141414

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#00CCFF
meta.function-call#FF009D
punctuation.section.embedded#D80056
comment#BB00FF
string#BEDBE0
constant.numeric#FF009D
constant.language#FF009D
constant.character, constant.other#FF009D
variable#FFF600
keyword#00CCFF
storage#00CCFF
storage.type#00CCFFitalic
entity.name.class, entity.name.type#ffeebbunderline
entity.other.inherited-class#ddbb88italic underline
entity.name.function#28D367
variable.parameter#F2B42Eitalic
entity.name.tag#E500FF
entity.other.attribute-name#26C5FF
support.function#FF009D
support.constant#FF009D
support.type, support.class#FF009Ditalic
invalid#FF0000
meta.diff, meta.diff.header#E0EDDDitalic
markup.deleted#dc322f
markup.changed#cb4b16
markup.inserted#219186
markup.quote#88CC00
markup.bold, markup.italic#88CC00
markup.inline.raw#FF009D
markup.heading.setext#ddbb88

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Birdybird by Christian Vogel - VS Code Theme