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#282c34
  • activityBar.foreground#dcdfe4
  • editor.background#282c34
  • editor.foreground#dcdfe4
  • editor.lineHighlightBackground#313640
  • editor.selectionBackground#474e5d
  • editorCursor.foreground#a3b3cc
  • editorWhitespace.foreground#5c6370
  • panel.background#282c34
  • sideBar.background#282c34
  • sideBar.foreground#dcdfe4
  • sideBarSectionHeader.background#282c34
  • sideBarSectionHeader.foreground#dcdfe4
  • statusBar.background#282c34
  • statusBar.foreground#dcdfe4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#dcdfe4
comment#5c6370
variable.parameter.function#dcdfe4
none
keyword.operator
keyword#c678dd
variable#e06c75
entity.name.function, meta.require, support.function.any-method#61afef
support.class, entity.name.class, entity.name.type.class#e5c07b
meta.class#e5c07b
keyword.other.special-method#61afef
storage#c678dd
support.function#61afef
string#98c379
constant.numeric#e5c07b
none#e5c07b
none#e5c07b
constant#e5c07b
entity.name.tag#e06c75
entity.other.attribute-name#e5c07b
entity.other.attribute-name.id, punctuation.definition.entity#e5c07b
meta.selector#c678dd
markup.heading punctuation.definition.heading, entity.name.section#61afef
markup.bold, punctuation.definition.bold#c678dd
markup.italic, punctuation.definition.italic#c678dd
markup.raw.inline#98c379
string.other.link, punctuation.definition.string.end.markdown
meta.link#98c379
markup.list
markup.quote#98c379
source.java meta.class.java meta.method.java#dcdfe4
source.java meta.class.java meta.class.body.java#dcdfe4
source.js meta.function.js variable.parameter.function.js#e06c75
source.js variable.other.readwrite.js#e06c75
source.js variable.other.object.js#dcdfe4
source.js meta.function-call.method.js variable.other.readwrite.js#e06c75
source.js meta.block.js variable.other.readwrite.js#e06c75
source.js meta.block.js variable.other.object.js#dcdfe4
source.js meta.block.js meta.function-call.method.js variable.other.readwrite.js#dcdfe4
source.js meta.function-call.method.js variable.function.js#dcdfe4
source.js meta.property.object.js entity.name.function.js#61afef
source.js support.constant.prototype.js#dcdfe4
meta.separator
markup.inserted#98c379
markup.deleted#e06c75
markup.changed#e5c07b
string.regexp#98c379
constant.character.escape#56b6c2
punctuation.section.embedded, variable.interpolation
invalid.illegal#dcdfe4
invalid.broken#dcdfe4
invalid.deprecated#dcdfe4
invalid.unimplemented#dcdfe4

Shiki preview

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

Loading...

Onehalf Dark by Quan Dinh - VS Code Theme