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#000000
  • activityBarBadge.background#a7eb91
  • editor.background#000000
  • editor.foreground#ffffff
  • editor.lineHighlightBackground#4d1e1e
  • editorBracketHighlight.foreground1#ffffff
  • editorBracketHighlight.foreground2#ffffff
  • editorBracketHighlight.foreground3#ffffff
  • editorBracketHighlight.foreground4#ffffff
  • editorBracketHighlight.foreground5#ffffff
  • editorBracketHighlight.foreground6#ffffff
  • editorLineNumber.activeForeground#DDDDDD
  • editorLineNumber.foreground#444444
  • panel.background#000000
  • sideBar.background#000000
  • sideBarTitle.foreground#ffffff
  • statusBar.background#000000
  • tab.activeBackground#000000
  • titleBar.activeBackground#000000
  • titleBar.inactiveBackground#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#449928
entity.name.type, support.class, entity.other#a7eb91
keyword.control, keyword.language, entity.name.function.decorator, storage, constant.language#e65555
constant.numeric#FFFFFF
support.function, entity.name.function#ffffffbold
variable.other.property#f7d259
string#919191
ryanabx-dark by ryanabx - VS Code Theme