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-namebold
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