Skip to main content
Coding Theme

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#795771
  • activityBarBadge.background#007acc
  • banner.background#795771
  • editor.background#523a4c
  • editor.foreground#eeffff
  • editorGroupHeader.tabsBackground#795771
  • menu.background#795771
  • panel.background#66435e
  • sideBar.background#795771
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#583c52
  • tab.hoverBackground#9e7294
  • tab.inactiveBackground#795771
  • titleBar.activeBackground#795771

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
variable, variable.language, support.variable, support.type, meta.function-call.arguments#ffdcef
entity.name.class, storage.type.class, entity.name.type.struct#d199d8bold
support.type.property-name#d0fdfd
comment, comment.block, comment.line#b3b3b3
entity.name.function, entity.name.function, punctuation.definition.tag, support.function.magic.python, support.function, meta.function-call.python#d8f8c9
storage.type, keyword.control, storage.modifier.async, entity.other.attribute-name#d0fdfd
variable.language#b675bebold
entity.name.type.class#feffdd
constant.numeric, constant.language, entity.name.type.primitive#fae2d1
string.quoted, string, entity.other.attribute-name.class, entity.other.attribute-name.pseudo-class#ffccff
punctuation.definition.template-expression#d6ffc3
keyword.operator, entity.name.tag, punctuation.separator.key-value, keyword.other#a993ff
Lina's cutie theme by Zochi - VS Code Theme