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#1e1e1e
  • editor.foreground#d4d4d4
  • editor.inactiveSelectionBackground#00000000
  • editor.selectionBackground#264f78
  • editor.selectionHighlightBackground#add6ff26
  • editorIndentGuide.activeBackground1#707070
  • editorIndentGuide.background1#404040
  • editorLineNumber.activeForeground#c6c6c6
  • editorLineNumber.foreground#858585

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.control.phpx#FF6B35bold
variable.parameter.global.phpx#FFD23Fbold
variable.parameter.liquid.phpx#FFD23Fbold
comment, punctuation.definition.comment#6A9955italic
variable, string constant.other.placeholder#9CDCFE—
constant.other.color#569cd6—
invalid, invalid.illegal#f44747—
keyword.control.php, keyword.control.js, keyword.control.html, keyword.other, storage.type, storage.modifier#569CD6—
constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution#D4D4D4—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#569CD6—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#DCDCAA—
meta.block variable.other#9CDCFE—
support.other.variable, string.other.link#9CDCFE—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#B5CEA8—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#CE9178—
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#4EC9B0—
support.type#4EC9B0—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#9CDCFE—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#FF6B6B—
variable.language#569CD6italic
entity.name.method.js#DCDCAAitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#DCDCAA—
entity.other.attribute-name#9CDCFE—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#9CDCFEitalic
entity.other.attribute-name.class#DCDCAA—
source.sass keyword.control#569CD6—
markup.inserted#B5CEA8—
markup.deleted#CE9178—
markup.changed#569CD6—
string.regexp#D16969—
constant.character.escape#D7BA7D—
*url*, *link*, *uri*—underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#569CD6italic
source.js constant.other.object.key.js string.unquoted.label.js#FF6B6Bitalic
source.json meta.structure.dictionary.json support.type.property-name.json#9CDCFE—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#DCDCAA—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#CE9178—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FF6B6B—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C792EA—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#82AAFF—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#F78C6C—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FF5370—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C3E88D—
meta.liquid.double-braces.phpx, meta.liquid.single-braces.phpx#D4D4D4—
punctuation.definition.liquid.begin.phpx, punctuation.definition.liquid.end.phpx#569CD6bold
variable.other.liquid.phpx#9CDCFE—
keyword.operator.liquid.phpx#C586C0—
constant.numeric.liquid.phpx#B5CEA8—
string.quoted.single.liquid.phpx, string.quoted.double.liquid.phpx#CE9178—
Intelephect by Ephect - VS Code Theme