Skip to main content
Coding Theme

Color themes

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#293134
  • editor.foreground#E0E2E4
  • editor.lineHighlightBackground#2F393C
  • editor.renderWhitespace#3F4B4E
  • editor.selectionBackground#404E51
  • editorGutter.background#3F4B4E
  • editorIndentGuide.activeBackground#738287
  • editorIndentGuide.background#394448
  • menu.background#252526

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
—#e0e2e4—
text#e0e2e4—
entity.name.variable.parameter.php, variable.other.property.php, entity.name.function, support.variable.property.js, variable.parameter.js, meta.block.js variable.language, entity.name.goto-label.php, meta.function-call.php#e0e2e4
support.function.construct.php, support.function.var, support.function.array.php, support.function.construct, source.php support.function, entity.other.attribute-name—bold
punctuation.definition.variable.php, source.json support.type, source.php variable.other.php, source.php variable.other.class.php#678CB1
support.class.builtin.php, support.class.exception.php, meta.directive.blade, source.js support.constant, storage.modifier.js, support.class.php, support.class.php source, meta.function-call, keyword.operator.new, support.function.var, support.function.array.php, support.function.construct, source.php support.function, source.js support.function, source.js keyword.operator.expression#93C763bold
support.constant.std.php, support.constant.ext.php, punctuation.separator, punctuation.section, punctuation.definition, keyword.operator, keyword.operator.logical.php, text.html.php punctuation.separator, text.html.php punctuation.definition, text.html.php punctuation.section#E8E2B7
keyword.other.unit#cccccc
keyword.control.php, source, support.other.namespace.php, constant.other.class.php#e0e2e4
comment,punctuation.definition.comment, constant.character.entity.named, constant.character.entity.named punctuation.definition, text.html.twig constant.character, text.html.twig punctuation.definition.entity.html#66747b
comment.block#66747b
comment.documentation#66747b
string.regexp, string.regexp.js, source.js keyword.other.js, source.js string.regexp.js punctuation.definition.string#D39745
punctuation.definition.string.begin.twig, punctuation.definition.string.end.twig, string.quoted.double source, string.quoted.single source, string, source.js punctuation.definition.string, source.php meta.embedded.block.php, source.php meta.embedded.block.php, string.quoted.double, string.quoted.single#ec7600
text.html.twig variable.other.property.twig, source.php string.quoted.double, source.php string.quoted.single, source.php punctuation.definition.string#FF8409
constant.numeric#ffcd22—
constant.language#93c763bold
constant.character, constant.other—
source.css constant.other, source.css constant.other punctuation.definition#F0F0F0—
source.js variable.other, meta.function.expression.js,punctuation.accessor.js#E0E2E4
variable.language, support.type.property-name.media.css#678cb1—
variable.language.js, source.js source.js support.function, source.js variable.language.this.js#93c763bold
punctuation.terminator.rule.css, punctuation.section.property-list ,source.css punctuation.separator.list#9CB4AA
entity.name.tag.css—
keyword.other.important.css#F3DB2E
keyword#93c763bold
storage#93c763bold
entity.name.class—
entity.other.inherited-class—
variable.parameter—
entity.name.tag#8cbbadbold
entity.other.attribute-name#B3B689—
support.function—
support.constant—
support.type—
support.other.variable—
invalid—
punctuation.section.embedded, punctuation.section.embedded.end.php source#d955c1bold
keyword.operator.class#96989a
meta.delimiter#96979a—
meta.brace#e8e2b7—
meta.brace.curly#96979a—
source.js.embedded——
variable.language.js#93c763bold
entity.name.function.js#e0e2e4
entity.name.type.instance.js#afc0e5underline, bold
support.constant.js, support.constant.dom.js#78d023
keyword.operator.js, punctuation.terminator.statement.js#E8E2B7
entity.name.type.object.js.firebug, keyword.other.js#da4236
source.css.embedded#e0e2e4—
keyword.control.at-rule.import.css, keyword.control.at-rule.use.scss, keyword.control.at-rule.forward.scss#a082bd—
entity.other.attribute-name.class.css#93c763
entity.name.tag.css#D0D2B5
meta.function.variable.css#678CB1
source.css support.constant, source.css keyword.other.unit#F0F0F0
text.html.twig punctuation.section#f06e91
source.css support.function#db9a56
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element#A082BD
support.type.property-name.css, meta.property-name.css, variable.css#678cb1—
keyword.other.unit.css#F0F0F0
meta.property-value.css#c7c8c9
variable.parameter.misc.css, source.json punctuation.definition.string, source.css punctuation.definition.string#ec7600
text.html.twig variable#E0E2E4
source.css keyword.control.at-rule#A082BD
entity.other.attribute-name.id.css, entity.other.attribute-name.id.css#d5ab55
punctuation.definition.entity.css#9CB4AA
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—
punctuation.definition.string.begin.html, punctuation.definition.string.end.html, variable.parameter.url, punctuation.definition.string, string.quoted.double.html source, string.quoted.single.html source#e1e2cf—
entity.other.attribute-name.id.sass#d5ab55
entity.other.attribute-name.class.sass#93c763
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#ffffff—
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#93c763—
variable.scss, variable.parameter.sass#678cb1—
string.quoted.double.html, string.quoted.single.html, string.quoted.double.xml, string.quoted.single.xml#e1e2cf—
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, punctuation.definition.tag.begin.html source#6d998c
punctuation.definition.tag.begin.xml, punctuation.definition.tag.end.xml, punctuation.definition.tag.xml#4a6e91
entity.name.tag.xml, entity.name.tag.localname.xml#678cb1bold
text.xml string#D5E6F0—
meta.tag.preprocessor.xml punctuation.definition.tag.xml#557182
constant.other.name.xml, string.quoted.other.xml#e0e2e4—
meta.tag.sgml.doctype#557182
meta.tag.sgml.doctype variable.documentroot.xml, meta.tag.sgml.doctype.html#d5ab55
keyword.doctype, entity.name.tag.doctype#557182—
variable.documentroot#e0e2e4—
source.php.embedded——
support.function.construct.php#93c763—
constant.other.php#E0E2E4—
meta.tag.other.unrecognized entity.name.tag, meta.attribute.unrecognized entity.other.attribute-name—
keyword.definition.arrow.php, text.html.twig punctuation.section.array.begin, text.html.twig punctuation.section.array.end, entity.name.type.class.php source, 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—
support.function.construct.end.blade, support.function.construct.end.blade source.php, support.function.construct.begin.blade#F06E91—
markup.quote.markdown#72aaca—