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#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—
Last Theme by Shizeng Zhou - VS Code Theme