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