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.

  • activityBarBadge.background#24787e
  • button.background#10474a
  • editor.lineHighlightBackground#13536039
  • editor.selectionBackground#1353607f
  • editorCodeLens.foreground#46adad
  • focusBorder#24787e
  • inputOption.activeBackground#24787e
  • list.activeSelectionBackground#10474a
  • list.highlightForeground#46adad
  • menu.selectionBackground#10474a
  • notificationsInfoIcon.foreground#46adad
  • pickerGroup.foreground#46adad
  • progressBar.background#24787e
  • selection.background#24787e
  • statusBar.background#10474a
  • statusBar.debuggingBackground#d79232
  • statusBar.noFolderBackground#7c356e
  • statusBarItem.remoteBackground#f1e6c0
  • statusBarItem.remoteForeground#1E1E1E
  • textLink.activeForeground#46adad
  • textLink.foreground#46adad

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
storage.type, storage.modifier, keyword.control, keyword.operator.new, keyword.operator.logical.python#ff533c
entity.name.function, entity.name.method#ff8239
entity.name.type#e8b66a
variable, support.type.property-name#f1e6c0
variable.other.constants#f1e6c0bold
comment#717171italic
constant.numeric, constant.language, storage.type.format#d68899
string, string.quoted.docstring.multi.python#8cb7bc
constant.character#a2c9cebold
entity.name.namespace#2e909fbold
keyword.codetag.notation#7cc18citalic underline
invalid, invalid.illegal#ff0000strikethrough
Ceramics by Evan Arlian - VS Code Theme