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#1d1f21
  • editor.findMatchHighlightBackground#f6a644
  • editor.foreground#bdbdbd
  • editor.lineHighlightBackground#2f2f2f
  • editor.selectionBackground#0050a0
  • editorOverviewRuler.findMatchForeground#121212

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#767676—
string#E5B074—
keyword#8FAEEB—
keyword.operator#bdbdbd—
storage#8FAEEB—
storage.modifier.import, storage.modifier.package#bdbdbd—
support.function#8FAEEB—
variable.parameter#daa912—
constant.numeric#85a300—
constant.language#d89333—
constant.other#d89333italic
text.html.basic meta.tag.sgml.html punctuation.definition.tag.html, text.html.basic meta.tag.sgml.html meta.tag.sgml.doctype.html, text.html.basic meta.tag.sgml.html meta.tag.sgml.doctype.html string.quoted.double.doctype.identifiers-and-DTDs.html#bdbdbd—
text.html.basic constant.character.entity.html, text.xml constant.character.entity.xml#d89333—
entity.name.tag#8FAEEB—
punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.definition.tag.html#8FAEEB—
entity.other.attribute-name#85a300—
meta.selector.css entity.name.tag.css, meta.selector.css entity.other.attribute-name.class.css, meta.selector.css entity.other.attribute-name.id.css, meta.selector.css meta.attribute-selector.css entity.other.attribute-name.attribute.css, meta.selector.css meta.attribute-selector.css string.unquoted.attribute-value.css#8FAEEB—
meta.selector.css meta.attribute-selector.css punctuation.separator.operator.css#bdbdbd—
meta.selector.css entity.other.attribute-name.pseudo-class.css, meta.selector.css entity.other.attribute-name.pseudo-element.css#bdbdbd—
keyword.control.at-rule, meta.at-rule support.type.property-name#b77fdb—
meta.at-rule support.constant#85a300—
meta.at-rule keyword.operator#8FAEEB—
meta.property-name.css support.type.property-name.css#b77fdb—
meta.property-value.css#bdbdbd—
meta.property-value.css support.constant, meta.property-value.css support.function, meta.property-value.css variable.parameter.misc.css, meta.property-value.css constant.other.color.rgb-value.css#d89333
meta.property-value.css constant.numeric.css, meta.property-value.css constant.numeric.css keyword.other.unit.css, meta.at-rule constant.numeric.css keyword.other.unit.css#85a300—
meta.property-value.css support.constant.color.w3c-standard-color-name.css#8FAEEB—
punctuation.separator.key-value.css, punctuation.terminator.rule.css, punctuation.section.property-list.css#bdbdbd—
variable.language.js, storage.type.js, storage.type.function.js, meta.function.json.js storage.type.function.js, meta.class.instance.constructor keyword.operator.new.js#8FAEEB—
support.function.js, support.function.dom.js, support.constant.js, entity.name.function.js, meta.function.json.js variable.parameter.function.js#b77fdb—
text.xml meta.tag.preprocessor.xml punctuation.definition.tag.begin.xml, text.xml meta.tag.preprocessor.xml entity.name.tag.xml, text.xml meta.tag.preprocessor.xml entity.other.attribute-name.xml, text.xml meta.tag.preprocessor.xml string.quoted.double.xml, text.xml meta.tag.sgml.doctype.xml punctuation.definition.tag.begin.xml, text.xml meta.tag.sgml.doctype.xml keyword.doctype.xml#bdbdbd—
text.tex.latex constant, text.tex.latex constant.other#8FAEEB
text.tex.latex string.other.math#85a300—
text.tex.latex string.other.math punctuation.section.group.tex, text.tex.latex string.other.math punctuation.definition.arguments#bdbdbd—
text.tex.latex meta.function.section.latex entity.name.section.latex#b77fdb—
text.tex.latex variable.parameter.function.latex#d89333italic
text.tex.latex constant.other.reference#d89333
text.tex.latex meta.preamble.latex support.class.latex#85a300—
source.c++ meta.preprocessor#8FAEEB—
sublimelinter.mark.error#D02000—
sublimelinter.gutter-mark#FFFFFF—
sublimelinter.mark.warning#DDB700—
markup.deleted.git_gutter#F92672—
markup.inserted.git_gutter#A6E22E—
markup.changed.git_gutter#967EFB—
markup.ignored.git_gutter#565656—
markup.untracked.git_gutter#565656—
var.this, variable.language.this.js, variable.language.this.ts, variable.language.this.jsx, variable.language.this.tsx#8FAEEB—
support.type.property-name.scss, support.type.property-name.css#b77fdb—
support.constant.property-value.scss, support.constant.property-value.css#d89333—
keyword.operator.expression.delete, keyword.operator.expression.in, keyword.operator.expression.of, keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.expression.typeof, keyword.operator.expression.void#8FAEEB—
punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js#8FAEEB—
meta.template.expression.js#bdbdbd—
support.module.node.js, support.type.object.module.js, support.module.node.js#8FAEEB—
function.parameter#fec514—
function.parameter#fec514—
support.type.property-name.json#8FAEEB—