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#171616
  • activityBar.foreground#87c2ec
  • activityBarBadge.background#c85074
  • button.background#c74a67
  • editor.background#252424
  • editor.foreground#FCFCFA
  • editor.lineHighlightBackground#322d2e
  • editor.selectionBackground#9a3f55
  • editorCursor.foreground#FFFFFF
  • editorGroupHeader.tabsBackground#161515
  • editorWhitespace.foreground#3B3A32
  • editorWidget.background#424242
  • focusBorder#ba5c88
  • input.background#201e1e
  • input.border#ba5c88
  • list.activeSelectionBackground#9a3f55
  • list.focusAndSelectionOutline#00000000
  • list.hoverBackground#322d2e66
  • list.inactiveSelectionBackground#322d2e
  • menu.background#2b2929
  • menu.selectionBackground#98455abd
  • menu.separatorBackground#ffffff2a
  • sideBar.background#221e1e
  • sideBar.foreground#949697
  • sideBarSectionHeader.background#262323
  • statusBar.background#cb5573
  • statusBar.debuggingBackground#317693
  • statusBar.noFolderBackground#cb5573
  • tab.activeBackground#3b3c3c
  • tab.inactiveBackground#161515
  • textLink.foreground#76e5eb
  • titleBar.activeBackground#171616
  • titleBar.activeForeground#a9a9a9
  • welcomePage.background#252324

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#FCFCFA
entity.name.namespace, entity.name.type.namespace#6bddefa2
entity.name.type, entity.name.class, entity.other.inherited-class, storage.type.ts#6BDDEF
entity.name.type.struct#5bd78b
variable.parameter.ts, variable.other.readwrite.ts, entity.name.variable.local.cs, variable.other.rust#b4b4b4
punctuation#b4b4b4
constant.language#ef6b6b
comment, punctuation.definition#617374
entity.name.tag.localname.cs#8fa5a1
string#FFA366
constant.numeric, constant.language, constant.character, constant.other#ff9cc9
keyword, storage#FF86BB
storage.type#66D9EFitalic
variable.language.this#adaaa2
entity.name.function#e4d17d
variable.parameter#FD971Fitalic
entity.name.tag#FF86BB
entity.other.attribute-name#A6E22E
support.function#66D9EF
support.constant#66D9EF
support.type, support.class#66D9EFitalic
support.other.variable
invalid#f8f0f0
invalid.deprecated#F8F8F0
Vera by TTOOWA - VS Code Theme