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

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Last Theme - Coding Theme