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#1E1E1E
  • activityBarBadge.background#028d00
  • badge.background#028d00
  • button.background#028d00
  • button.hoverBackground#03ab00
  • editor.background#1E1E1E
  • editor.lineHighlightBackground#2a2a2a
  • editor.lineHighlightBorder#00000000
  • editorCursor.foreground#F8F8F2
  • editorGroup.border#646464
  • errorForeground#ff5c7c
  • focusBorder#00000000
  • menu.background#1E1E1E
  • panel.border#646464
  • panelTitle.activeBorder#25ff21b5
  • peekView.border#25ff21b5
  • peekViewEditor.background#252525
  • sideBar.background#1E1E1E
  • sideBar.border#646464
  • statusBar.background#1E1E1E
  • statusBar.focusBorder#00000000
  • tab.activeBackground#1E1E1E
  • tab.activeBorder#25ff21b5
  • tab.selectedBackground#1E1E1E
  • textLink.foreground#61afe1
  • titleBar.activeBackground#1E1E1E
  • titleBar.inactiveBackground#1E1E1E
  • widget.border#25ff21b5
  • widget.shadow#25ff2158

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#808080
keyword, keyword.operator.new, storage, entity.name.type.any, entity.other.attribute-name#c88cdc
entity.name.type, storage.type.java, storage.type.generic.java#71bbd2
constant.language, entity.name.function, storage.type.annotation#ffc86e
string, number, constant.numeric, keyword.other.unit, variable.other.import, entity.name.type.package, storage.modifier.package.java, storage.modifier.import.java, keyword.operator.quantifier.regexp#96be78
keyword.operator, storage.type.function.arrow.java, keyword.control.ternary.java#BBBBBB
support.type, entity.name.tag#ff9696
Dark Revenant Theme by egorlepa - VS Code Theme