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#dddddd
  • activityBar.foreground#000000
  • activityBar.inactiveForeground#383838
  • activityBarBadge.background#007d17
  • editor.background#ffffff
  • editor.foreground#000000
  • editor.lineHighlightBackground#fffae3
  • editor.selectionBackground#5974ab55
  • editor.selectionForeground#fffae3
  • editorError.foreground#ff0000
  • editorGutter.background#ffffff
  • editorIndentGuide.background1#c0c0c0
  • editorLineNumber.activeForeground#5500ff
  • editorLineNumber.foreground#004200
  • editorWarning.foreground#9b6900
  • editorWhitespace.foreground#c0c0c0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#8c8c8citalic
constant.character.escape#ff0000
constant.language#1750ebitalic bold
constant.numeric#1750eb
constant.numeric.octal#800080
entity.name.function#00627a
entity.name.type.class#008080bold
entity.name.type#065cf0bold
invalid.illegal#ff0000
keyword#0033b3bold
keyword.control#0033b3bold
keyword.type#065cf0bold
keyword.operator#c10000bold
keyword.preprocessor#1f542ebold
punctuation.terminator#c10000bold
string#007d17bold
storage.type#065cf0bold
storage.modifier#0033b3bold
variable#400080
variable.language#ff0000italic
variable.other#660e7a