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#1d1d1d
  • activityBar.border#1e1e1e
  • activityBar.foreground#7176b5
  • auxiliaryBar.background#181818
  • breadcrumb.foreground#7176b5
  • button.background#767b91
  • button.hoverBackground#656a80
  • editor.background#222222
  • editor.foreground#5F65B5
  • editor.selectionBackground#5F65B577
  • editor.selectionHighlightBackground#5F65B544
  • editorWidget.background#181818
  • focusBorder#767b91
  • foreground#7176b5
  • gitDecoration.deletedResourceForeground#4A4F8F
  • gitDecoration.ignoredResourceForeground#444763
  • gitDecoration.modifiedResourceForeground#8E94D1
  • gitDecoration.untrackedResourceForeground#7176B5
  • input.background#151515
  • input.border#333333
  • input.foreground#ffffff
  • list.activeSelectionBackground#5F65B544
  • list.activeSelectionForeground#ffffff
  • list.highlightForeground#7176b5
  • list.hoverBackground#1e1e1e
  • list.inactiveSelectionBackground#5F65B522
  • panel.background#222222
  • panel.border#333333
  • panelTitle.activeForeground#7176b5
  • quickInput.background#181818
  • sideBar.background#1e1e1e
  • sideBar.border#333333
  • sideBar.foreground#7176b5
  • sideBarSectionHeader.foreground#7176b5
  • terminal.ansiBlue#5F65B5
  • terminal.ansiBrightBlue#7176b5
  • terminal.background#181818
  • terminal.foreground#5F65B5
  • terminalCursor.foreground#5F65B5
  • textLink.activeForeground#7176b5
  • textLink.foreground#88888f
  • titleBar.activeBackground#1d1d1d
  • titleBar.activeForeground#5f65b5
  • widget.border#767b91

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.type, storage.modifier, keyword.control.import.python#9DA3FBbold
string, string.quoted, constant.character.escape#CE9178
variable, variable.other, variable.parameter#767B91
entity.name.function, meta.function-call, meta.function-call.python, support.function, entity.name.type.class, support.class, entity.name.function.member, variable.function, source.python meta.function-call.generic.python#9DA3FBbold
comment, punctuation.definition.comment#6A9955italic
variable.other.property, variable.other.object.property, support.variable.magic.python, meta.attribute.python, entity.name.variable.property#b6c5fc
Charc BlurpleSIDDH Contrast by Shrav Siddhpura - VS Code Theme