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#343a43
  • activityBar.foreground#e2e5e9
  • editor.background#343a43
  • editor.foreground#e2e5e9
  • editor.lineHighlightBackground#313640
  • editor.selectionBackground#586170
  • editorCursor.foreground#a3b3cc
  • editorWhitespace.foreground#5c6370
  • panel.background#343a43
  • sideBar.background#343a43
  • sideBar.border#474e5d
  • sideBar.foreground#e2e5e9
  • sideBarSectionHeader.background#343a43
  • sideBarSectionHeader.foreground#e2e5e9
  • statusBar.background#343a43
  • statusBar.foreground#e2e5e9
  • statusBar.noFolderBackground#343a43
  • statusBar.noFolderForeground#e2e5e9

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#e2e5e9
comment#8F96A3
variable.parameter.function#e2e5e9
none
keyword.operator
keyword#d190e3
variable#e78287
entity.name.function, meta.require, support.function.any-method#71bdf2
support.class, entity.name.class, entity.name.type.class#eaca8d
meta.class#eaca8d
keyword.other.special-method#71bdf2
storage#d190e3
support.function#71bdf2
string#a7cb8b
constant.numeric#eaca8d
none#eaca8d
none#eaca8d
constant#eaca8d
entity.name.tag#e78287
entity.other.attribute-name#eaca8d
entity.other.attribute-name.id, punctuation.definition.entity#eaca8d
meta.selector#d190e3
markup.heading punctuation.definition.heading, entity.name.section#71bdf2
markup.bold, punctuation.definition.bold#d190e3
markup.italic, punctuation.definition.italic#d190e3
markup.raw.inline#a7cb8b
string.other.link, punctuation.definition.string.end.markdown
meta.link#a7cb8b
markup.list
markup.quote#a7cb8b
source.java meta.class.java meta.method.java#e2e5e9
source.java meta.class.java meta.class.body.java#e2e5e9
source.js meta.function.js variable.parameter.function.js#e78287
source.js variable.other.readwrite.js#e78287
source.js variable.other.object.js#e2e5e9
source.js meta.function-call.method.js variable.other.readwrite.js#e78287
source.js meta.block.js variable.other.readwrite.js#e78287
source.js meta.block.js variable.other.object.js#e2e5e9
source.js meta.block.js meta.function-call.method.js variable.other.readwrite.js#e2e5e9
source.js meta.function-call.method.js variable.function.js#e2e5e9
source.js meta.property.object.js entity.name.function.js#71bdf2
source.js support.constant.prototype.js#e2e5e9
meta.separator
markup.inserted#a7cb8b
markup.deleted#e78287
markup.changed#eaca8d
string.regexp#a7cb8b
constant.character.escape#65c1cd
punctuation.section.embedded, variable.interpolation
invalid.illegal#e2e5e9
invalid.broken#e2e5e9
invalid.deprecated#e2e5e9
invalid.unimplemented#e2e5e9

Shiki preview

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

Loading...

One Half Dark by Jorn Smits - VS Code Theme