Skip to main content
CodingTheme

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#e0dad3
  • activityBar.foreground#2a120a
  • activityBarBadge.background#c16161
  • activityBarBadge.foreground#f8f6f1
  • editor.background#f8f6f1
  • editor.foreground#2b3f6a
  • editor.lineHighlightBackground#f5f0e5
  • editor.selectionBackground#e4dcc8
  • editorGroupHeader.tabsBackground#ebe8df
  • editorGutter.background#e0dad3
  • editorLineNumber.activeForeground#2a120a
  • editorLineNumber.foreground#6e4e44
  • focusBorder#d2b493
  • input.background#f8f6f1
  • input.foreground#2b3f6a
  • list.activeSelectionBackground#d2b493
  • list.activeSelectionForeground#2b3f6a
  • list.focusOutline#ff000000
  • list.hoverBackground#d2b49322
  • list.hoverForeground#2b3f6a
  • list.inactiveSelectionBackground#e0dad3
  • list.inactiveSelectionForeground#2b3f6a
  • menu.background#ebe8df
  • menu.foreground#2b3f6a
  • menu.selectionBackground#e4dcc8
  • menu.selectionForeground#2a120a
  • quickInput.background#ebe8df
  • quickInput.foreground#2b3f6a
  • quickInputList.focusBackground#e4dcc8
  • quickInputList.focusForeground#2a120a
  • quickInputList.focusIconForeground#2a120a
  • sideBar.background#ebe8df
  • statusBar.background#e0dad3
  • statusBar.border#6e4e44
  • statusBar.foreground#2a120a
  • tab.activeBorder#dad4cf7a
  • tab.border#e0dad3
  • tab.inactiveBackground#ebe8df
  • titleBar.activeBackground#e0dad3
  • titleBar.inactiveBackground#eaeaea

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
variable#2b3f6a
meta.property-name, support.type.property-name#2b3f6a
comment#9ca3b0italic
meta.brace#5e6fa0
invalid.illegal#c16161
keyword.operator#1c4b33bold
keyword, storage#5e78e1
keyword.control#2b3f6abold
variable.other.object.property.js, variable.other.property.js, support.type.property-name, meta.objectliteral#5e78e1
storage.type, support.type#5e78e1
constant.language, support.constant#c16161
variable.parameter, support.variable, variable.other.member#5e78e1
support.function, entity.name.function#d08e25
entity.name.type, entity.other.inherited-class, support.classbold
entity.name.exception#660000
entity.name.sectionbold
keyword.other.unit, constant.character, constant#8f932b
constant.numeric, constant#c16161
string, punctuation.definition.string#8f6928
constant.character.escape#777777
string.regexp#379566
constant.other.symbol, variable.other.constant#c16161
punctuation#777777
punctuation.definition.template-expression#c16161
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html#AAAAAA
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#b75c5c
entity.name.tag#4B83CD
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#d08e25italic
constant.character.entity, punctuation.definition.entity#AB6526
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#d08e25
meta.property-value, meta.property-value constant.other, support.constant.property-value#448C27
keyword.other.importantbold
markup.changed#8100c6
markup.deleted#c16161
markup.italic#0e72aaitalic
markup.error#660000
markup.inserted#000000
meta.link#4B83CD
markup.output, markup.raw#777777
markup.prompt#777777
markup entity.name.section#2a120aunderline
markup.heading#2a120a
markup.bold#0a537bbold
markup.traceback#660000
markup.underlineunderline
markup.quote#7e5121c4
markup.quote markup.bold#7e5121c4
markup.list#4B83CD
markup.inline.raw#8f932b
punctuation.definition.bold.markdown#0a537b93
punctuation.definition.italic.markdown#0e71aa9d
string.other.link.title.markdown#2b3f6a
support.function.text.markdown, string.other.link.description.markdown.citation#aa5c08
meta.diff.range, meta.diff.index, meta.separator#434343
meta.diff.header.from-file#434343
meta.diff.header.to-file#434343
meta.scope.subject.git-commitbold
invalid.deprecated.line-too-long.git-commit#c16161

Shiki preview

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

Loading...

Pen Paper Coffee by nylki - VS Code Theme