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#fafafa
  • activityBar.foreground#383a42
  • editor.background#fafafa
  • editor.foreground#383a42
  • editor.lineHighlightBackground#f0f0f0
  • editor.selectionBackground#bfceff
  • editorCursor.foreground#383a42
  • editorWhitespace.foreground#a0a1a7
  • panel.background#fafafa
  • sideBar.background#fafafa
  • sideBar.foreground#383a42
  • sideBarSectionHeader.background#fafafa
  • sideBarSectionHeader.foreground#383a42
  • statusBar.background#fafafa
  • statusBar.foreground#383a42

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#383a42
comment#a0a1a7
variable.parameter.function#383a42
none
keyword.operator
keyword#a626a4
variable#e45649
entity.name.function, meta.require, support.function.any-method#0184bc
support.class, entity.name.class, entity.name.type.class#c18401
meta.class#c18401
keyword.other.special-method#0184bc
storage#a626a4
support.function#0184bc
string#50a14f
constant.numeric#c18401
none#c18401
none#c18401
constant#c18401
entity.name.tag#e45649
entity.other.attribute-name#c18401
entity.other.attribute-name.id, punctuation.definition.entity#c18401
meta.selector#a626a4
markup.heading punctuation.definition.heading, entity.name.section#0184bc
markup.bold, punctuation.definition.bold#a626a4
markup.italic, punctuation.definition.italic#a626a4
markup.raw.inline#50a14f
string.other.link, punctuation.definition.string.end.markdown
meta.link#50a14f
markup.list
markup.quote#50a14f
source.java meta.class.java meta.method.java#383a42
source.java meta.class.java meta.class.body.java#383a42
source.js meta.function.js variable.parameter.function.js#e45649
source.js variable.other.readwrite.js#e45649
source.js variable.other.object.js#383a42
source.js meta.function-call.method.js variable.other.readwrite.js#e45649
source.js meta.block.js variable.other.readwrite.js#e45649
source.js meta.block.js variable.other.object.js#383a42
source.js meta.block.js meta.function-call.method.js variable.other.readwrite.js#383a42
source.js meta.function-call.method.js variable.function.js#383a42
source.js meta.property.object.js entity.name.function.js#0184bc
source.js support.constant.prototype.js#383a42
meta.separator
markup.inserted#98c379
markup.deleted#e06c75
markup.changed#e5c07b
string.regexp#50a14f
constant.character.escape#0997b3
punctuation.section.embedded, variable.interpolation
invalid.illegal#fafafa
invalid.broken#fafafa
invalid.deprecated#fafafa
invalid.unimplemented#fafafa

Shiki preview

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

Loading...

Onehalf Light by Quan Dinh - VS Code Theme