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#000
  • activityBar.foreground#ccc
  • activityBar.inactiveForeground#666
  • breadcrumb.background#222
  • breadcrumb.foreground#999
  • editor.background#222
  • editor.foreground#fff
  • editor.selectionBackground#555a
  • editor.selectionHighlightBackground#444a
  • editor.wordHighlightBackground#0000
  • editor.wordHighlightStrongBackground#0000
  • editorGroupHeader.tabsBackground#000
  • editorInlayHint.background#0000
  • editorInlayHint.foreground#9999
  • editorInlayHint.parameterBackground#0000
  • editorInlayHint.parameterForeground#9999
  • editorInlayHint.typeBackground#0000
  • editorInlayHint.typeForeground#9999
  • editorUnnecessaryCode.opacity#000
  • statusBar.background#000
  • statusBar.debuggingBackground#000
  • statusBar.debuggingForeground#999
  • statusBar.foreground#999
  • tab.activeBackground#222
  • tab.activeForeground#fff
  • tab.border#000
  • tab.hoverBackground#444
  • tab.inactiveBackground#000
  • tab.inactiveForeground#999

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
constant.character, constant.language, constant.numeric, constant.regexp, constant.rgb-value, string#f66
comment.char.underscore, meta.function-call.arguments, string.other, support.type.property-name, variable.parameter, variable.other, keyword.operator#fff
keyword, keyword.control, keyword.other, storage.modifier, storage.type, variable.language#cf6
entity.name.function, entity.name.method, meta.function-call.generic, support.function#ff6
constant.other, entity.name.class, entity.name.tag, entity.name.type, entity.name.type.primitive, support.class, variable.other.generic-type#fc6
comment, string.quoted.docstring, punctuation.definition.comment#aaa
Caveman by Kafji - VS Code Theme