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.

  • editor.background#263046
  • editor.foreground#F8F8F2
  • editor.lineHighlightBackground#44475A
  • editor.selectionBackground#264F78
  • editorBracketMatch.background#44475A
  • editorBracketMatch.border#FF79C6
  • editorCursor.foreground#F8F8F0
  • editorError.foreground#FF5555
  • editorGutter.background#282A36
  • editorHint.foreground#8BE9FD
  • editorIndentGuide.activeBackground1#5B5A32
  • editorIndentGuide.background1#3B3A32
  • editorLineNumber.activeForeground#F8F8F2
  • editorLineNumber.foreground#6272A4
  • editorWarning.foreground#FFB86C
  • editorWhitespace.foreground#3B3A32

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7B87C5italic
string, constant.other.symbol, constant.character.escape#F1FA8C
constant.numeric#BD93F9
variable, identifier#F8F8F2
keyword, storage.type, storage.modifier#FF79C6
storage, entity.name.function, support.function, support.constant#50FA7B
entity.name.class, support.type#8BE9FD
entity.name.tag, meta.tag, punctuation.definition.tag#A6E1FA
entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.jsx#FFA7C4
constant.language, meta.preprocessor#FFB86C
invalid, invalid.deprecated#FF5555underline
markup.heading, entity.name.section#50FA7Bbold
Darcula Theme - NetBeans Inspired by JomCode - VS Code Theme