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.

  • editor.background#22282A
  • editor.foreground#81969A
  • editor.lineHighlightBackground#293134
  • editor.selectionBackground#1E6473
  • editorCursor.foreground#E0E2E4
  • editorGutter.background#212628
  • editorIndentGuide.activeBackground#3D4749
  • editorIndentGuide.background#2B3335
  • editorLineNumber.foreground#3F6970
  • editorWhitespace.foreground#BFBFBF
  • menu.background#1B1B1C
  • sideBar.background#252526
  • statusBar.background#007ACC
  • terminal.background#1F2426

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#81969A
text#E0E2E4
source#E0E2E4
comment#66747B
comment.block#66747B
comment.documentation#66747B
string#EB9547
constant.numeric#FFCD22
constant.language#93C763
constant.character, constant.other
variable.language, variable.other#E0E2E4
keyword#93C763
keyword.operator#E8E2B7
storage#93C763
entity.name.class#809BB5
entity.other.inherited-class#809BB5
entity.name.function#E0E2E4
variable.parameter#E0E2E4
entity.name.tag#93C763
entity.other.attribute-name#D7BA7D
support.function#FFCD22
support.constant
support.type, support.class#809BB5
support.other.variable
invalid
punctuation.section.embedded#93C763
keyword.operator.class#E8E2B7
meta.delimiter#96979A
meta.brace#E0E2E4
meta.brace.curly#E0E2E4
storage.type.class.jsdoc#99A38A
variable.other.jsdoc#C8C8C8
entity.name.type.instance.jsdoc#809BB5
support.type.property-name.json#D7BA7D
meta.object-literal.key#E8E2B7
variable.language.this, keyword.operator.expression.delete, keyword.operator.expression.of, keyword.operator.expression.in#93C763
keyword.operator.new#93C763
support.constant.json#809BB5
support.variable.object.node#E8E2B7
storage.type.function.arrow#E8E2B7
variable.language#93C763
source.js.embedded
support.variable.dom#E0E2E4
punctuation.accessor.js#E0E2E4
string.template#EFC210
meta.embedded.line.js, meta.template.expression.js#E0E2E4
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end#93C763
support.variable.property.dom.js#E0E2E4
support.function.dom.js#E8E2B7
variable.language.js#93C763
variable.language.js#93C763
variable.other.constant.js#E0E2E4
entity.name.type.instance.js#809BB5
support.class, entity.name.type.class#809BB5
storage.modifier.js#93C763
support.constant.js, support.constant.dom.js#93C763
keyword.operator.js, punctuation.terminator.statement.js#E8E2B7
entity.name.type.object.js.firebug, keyword.other.js#809BB5
meta.function-call#E8E2B7
support.function, meta.function-call#E8E2B7
support.function.promise, meta.function-call#E8E2B7
keyword.control.flow, keyword.control.export, keyword.operator.expression.typeof#93C763
constant.character.escape#5F95FA
support.type.primitive.ts#93C763
entity.name.type.class.ts#809BB5
entity.name.type.interface.ts#8C8CB4
entity.name.type.ts, meta.class.ts#809BB5
variable.object.property.ts#E0E2E4
punctuation.definition.parameters.begin.ts, punctuation.definition.parameters.end.ts, punctuation.definition.block.ts, punctuation.terminator.statement.ts#E0E2E4
meta.decorator#ECC379
entity.name.type.enum, meta.enum.declaration#ECC379
entity.name.type.class.cs, storage.type.cs#809BB5
entity.name.type.interface.cs#8C8CB4
punctuation.separator.hash.cs, keyword.preprocessor.region.cs, keyword.preprocessor.endregion.cs, keyword.preprocessor.if, keyword.preprocessor.endif.cs, meta.preprocessor.cs#A082BD
variable.other.readwrite.powershell#8C8CB4
source.css.embedded#E0E2E4
keyword.control.at-rule.import.css#A082BD
entity.other.attribute-name.class.css#B3B689
entity.name.tag.css#93C763
support.type.property-name.css, meta.property-name.css#809BB5
keyword.other.unit.css#E0E2E4
variable.parameter.misc.css#EB9547
entity.other.attribute-name.id.css#D5AB55
punctuation.definition.entity.css#9CB4AA
storage.type.class.sassdoc#99A38A
entity.name.type.instance.sassdoc#809BB5
variable.other.sassdoc#C8C8C8
keyword.control.at-rule.sass, keyword.control.at-rule.import.scss, keyword.control.at-rule.mixin.scss, keyword.control.at-rule.include.scss#A082BD
entity.name.function.scss#93C763
variable.parameter.url#E1E2CF
entity.other.attribute-name.id.sass#D5AB55
entity.other.attribute-name.class.sass#B3B689
keyword.control.untitled, entity.name.tag.sass, entity.name.tag.scss#B3B689
support.type.property-name.sass, meta.property-name.sass, meta.property-name.scss#a7a8ab
constant.other.color.rgb-value.scss#E0E2E4
constant.other.unit.sass, keyword.other.unit.scss#E0E2E4
punctuation.scss, punctuation.separator.key-value.scss, punctuation.section.function.scss, punctuation.section.property-list.begin.scss, punctuation.section.property-list.end.scss, punctuation.terminator.rule.scss#96979A
keyword.other.important.scss#FFCD22
variable.scss, variable.parameter.sass#8C8CB4
string.quoted.double.html, string.quoted.single.html, string.quoted.double.xml, string.quoted.single.xml#EB9547
punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.html, punctuation.definition.tag.begin.xml, punctuation.definition.tag.end.xml, punctuation.definition.tag.xml, meta.tag.no-content#E0E2E4
entity.name.tag.xml, entity.name.tag.localname.xml#93C763
meta.tag.preprocessor.xml punctuation.definition.tag.xml#557182
constant.other.name.xml, string.quoted.other.xml#E0E2E4
#93C763
meta.tag.sgml.doctype#93C763
meta.tag.sgml.doctype variable.documentroot.xml, meta.tag.sgml.doctype.html#D5AB55
keyword.doctype, entity.name.tag.doctype#93C763
variable.documentroot#E0E2E4
source.php.embedded
support.function.construct.php#93C763
constant.other.php#D39745
keyword.operator.string.php, keyword.operator.class.php, keyword.operator.comparison.php, punctuation.definition.array.begin.php, punctuation.definition.array.end.php, punctuation.terminator.expression.php#E8E2B7
meta.diff, meta.diff.header#F8F8F8
markup.deleted#DA4236
markup.changed#72AACA
markup.inserted#93c763
markup.heading.markdown#72AACA
markup.raw.inline.markdown#93c763
markup.underline.link.markdown#93c763
markup.list.numbered.markdown#FFCD22
markup.list.unnumbered.markdown#678CB1
markup.quote.markdown#72AACA
string.unquoted.alias.graphql#E8E2B7