Skip to main content
Coding Theme

Color themes

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#101010
  • activityBarBadge.background#007acc
  • breadcrumb.foreground#909090
  • editor.background#060606
  • editor.findMatchHighlightBackground#66d9ff40
  • editor.findMatchHighlightBorder#66d9ff90
  • editor.foreground#c6c6c6
  • editor.lineHighlightBackground#252525
  • editor.lineHighlightBorder#9fced11f
  • editor.selectionBackground#444
  • editor.selectionForeground#d0d0d0
  • editor.selectionHighlightBorder#66d9ff90
  • editorGroupHeader.tabsBackground#131313
  • editorGutter.background#101010
  • editorRuler.foreground#333
  • menu.background#131313
  • panel.background#181717
  • panel.border#ffffff
  • sash.hoverBorder#ffffff9a
  • selection.background#007acc
  • sideBar.background#080808
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#3f5255af
  • statusBar.debuggingBackground#880a0a
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#131313
  • tab.activeForeground#c6c6c6
  • tab.border#131313
  • tab.inactiveBackground#1b1b1b
  • tab.lastPinnedBorder#ffffff
  • terminal.background#070707

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
text, source, meta.interpolation#FFFFFF—
git_changes_change#A29F46—
git_changes_add#1f9a12—
git_changes_del-#A72822—
comment#708090—
string source, string#DEB887—
punctuation.definition.string, string punctuation.definition.string source#FF6347—
string.quoted.docstring, string.quoted.docstring punctuation.definition.string#00FF7F—
string.quoted.docstring string#00FF7F—
string.quoted.docstring storage#00FFFF—
constant.numeric#1E90FF—
constant.language#1E90FF—
constant.character, constant.other, variable.other.constant#AB9DF2—
variable#FFFFFF
punctuation.separator.key-value.ini#1E90FF—
keyword#FF0000—
comment.line.note, string.quoted.docstring.note#b14a58—
storage, storage.type.function.async#FF0000
storage.type#00FFFFitalic
meta.function-call.generic#00FFFF—
entity.name.class#A6E22E—
entity.other.inherited-class, entity.name.type.class, entity.name.type.module#00BFFFunderline
entity.name.function#00FA00
variable.parameter#FF8C00italic
entity.name.tag.namespace#76263a
entity.name.tag, keyword.doctype.xml#ff0066
entity.other.attribute-name#00FFFF
support.function#A6E22E
support.constant#00FFFF
support.type#C71585italic
support.type.exception#00FFFF—
support.class, support.other, support.variable#00BFFF—
support.other.variable—
invalid#7C3636
invalid.deprecated#99732b—
meta.structure.dictionary.json string.quoted.double.json#FFFFFF—
meta.diff, meta.diff.header#75715E—
markup.deleted#FF0000—
markup.inserted#A6E22E—
markup.changed#E6DB74—
variable.language, variable.parameter.function.language.special#FF00F2—
entity.name.type#00BFFF—
punctuation.accessor, punctuation.definition.template-expression, punctuation.separator, punctuation.section.function, punctuation.terminator, punctuation.definition.section, punctuation.definition.decorator, punctuation.destructuring, punctuation.definition.interpolation, punctuation.definition.block.tag, punctuation.comma#FF0000—
storage.type.function.arrow#FF0000—
meta.indexed-name#66CDAA
meta.object-literal.key#66CDAA—
punctuation.definition.group#66CDAA—
punctuation.definition.tag#939293—
entity.name.function.operator#FF0000—
punctuation.definition.string.template#FF0000—
case-clause keyword.control#569CD6—
variable.other.env#66CDAA—
comment.typehint#888A84—
comment.typehint.ignore#7E6461—
comment.typehint.type#44727B—