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#152e22
  • activityBar.foreground#5ec793
  • activityBarBadge.background#25b867
  • badge.background#25b867
  • breadcrumb.background#1b7c408a
  • button.background#1bbe72
  • checkbox.background#1bbe72
  • dropdown.background#176641
  • dropdown.listBackground#176641
  • editor.background#19362667
  • editor.foreground#14c2e0
  • editor.lineHighlightBackground#3E3D32
  • editor.selectionBackground#25b86791
  • editor.selectionHighlightBackground#25b86791
  • editorCursor.foreground#c9c92c
  • editorGroup.dropBackground#25b86759
  • editorGroupHeader.tabsBackground#152e22
  • editorWhitespace.foreground#3B3A32
  • editorWidget.background#124e2d
  • focusBorder#1bbe72
  • input.background#205c40
  • inputValidation.errorBackground#d43535
  • inputValidation.errorBorder#d43535
  • list.activeSelectionBackground#1a683d
  • list.focusBackground#25b867
  • list.hoverBackground#185734
  • list.inactiveFocusBackground#3b916293
  • list.inactiveSelectionBackground#3b916293
  • menu.background#25b867
  • menu.selectionBackground#2f915b
  • menu.separatorBackground#ffffff
  • notifications.background#25b867
  • notifications.foreground#f3f3f3
  • panel.background#213829
  • progressBar.background#25b867
  • selection.background#189e54
  • sideBar.background#213829
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#176641
  • statusBar.background#25b867
  • statusBar.debuggingBackground#287049
  • tab.activeBackground#117e47
  • tab.activeBorder#25b867
  • tab.inactiveBackground#152e22
  • terminal.background#213829
  • titleBar.activeBackground#152e22
  • titleBar.inactiveBackground#12221a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#4b92a7italic
string#9ed670
constant.numeric#a475bd
constant.language#a475bd
constant.character, constant.other#a475bd
variable
keyword#ee88cc
meta.tag, declaration.tag#ee88cc
storage#d472b4
storage.type#07cc95italic
entity.name.class#50fa7bunderline
entity.other.inherited-class#50fa7bitalic
entity.name.function#1ec55ebold
variable.parameter#f48d8ditalic
entity.name.tag#ee88cc
entity.other.attribute-name#50fa7b
support.function#07cc95
support.constant#6bc3d4
support.type, support.class#8abbe7italic bold
support.other.variable
invalid#F8F8F0
invalid.deprecated#F8F8F0
meta.structure.dictionary.json string.quoted.double.json#CFCFC2
meta.diff, meta.diff.header#6272a4
markup.deleted#ee88cc
markup.inserted#50fa7b
markup.changed#E6DB74
constant.numeric.line-number.find-in-files - match#a475bd
entity.name.filename#E6DB74
message.error#F83333
Senku by FxOmAr - VS Code Theme