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#24323e
  • editor.background#24323e
  • editor.foreground#dbe2e8
  • editor.lineHighlightBackground#344655
  • editor.selectionBackground#344655
  • editorCursor.foreground#02b3e4
  • editorGroupHeader.tabsBackground#1c262f
  • editorIndentGuide.activeBackground#dbe2e8
  • editorIndentGuide.background#434f58
  • editorSuggestWidget.background#24323e
  • editorWidget.background#24323e
  • list.activeSelectionBackground#455c70
  • list.focusBackground#455c70
  • list.hoverBackground#34465500
  • list.inactiveFocusBackground#455c70
  • list.inactiveSelectionBackground#30414e
  • scrollbar.shadow#fff0
  • sideBar.background#24323e
  • tab.inactiveBackground#1c262f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#dbe2e8
entity.name.tag#d38bff
punctuation.definition.tag#d38bff
meta.tag.sgml.doctype.html#d38bff
entity.other.attribute-name#9fca56
entity.name.class, entity.name.type#d38bff
entity.other.inherited-class#d38bff
entity.name.function#d38bff
variable#dbe2e8
variable.parameter#d38bff
variable.language#e6cd69
variable.function#3193c6
constant#ff7d7d
storage#e6cd69
support#02ccba
support.constant.property-value.css#ff7d7d
keyword#e6cd69
keyword.operator#9fca56
string#d38bff
string.quoted.double.css, string.quoted.js#d38bff
comment#7d97ad
invalid#dbe2e8
invalid.deprecated#dbe2e8
markup.heading#d38bffbold
markup.inline.raw#d38bff