Skip to main content
Coding Theme

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.

  • activityBarBadge.background#007acc
  • editor.background#222222
  • editor.foreground#eeffff
  • sideBarTitle.foreground#bbbbbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment, comment.block.html, punctuation.definition.comment.html, comment.line.double-slash.js, punctuation.definition.comment.js#777777italic
entity.other.attribute-name.class, entity.other.attribute-name.id, entity.name.tag.css, entity.other.attribute-name.pseudo-class.css#ffffff
support.type.property-name.css, punctuation.separator.key-value.css, entity.name.tag.custom.css, support.type.vendored.property-name.media.css, support.type.property-name.media.css#fb88ff
string.quoted.double.css, string.quoted.single.css, punctuation.definition.string.begin.css, punctuation.definition.string.end.css#fda725
constant.numeric.css, keyword.other.unit.px.css, keyword.other.unit.em.css, keyword.other.unit.percentage.css, keyword.other.unit.deg.css, keyword.other.unit.dppx.css, support.function.misc.css, support.function.less#ffffff
support.constant.property-value.css, support.function.transform.css, keyword.control.at-rule.media.css, support.constant.media-type.media.css, keyword.other.important.css, support.function.any-method.builtin.less, support.constant.color.w3c-standard-color-name.css, support.function.any-method.builtin.url.css#55ebff
punctuation.section.property-list.end.bracket.curly.css, punctuation.terminator.rule.css, punctuation.section.function.begin.bracket.round.css, punctuation.section.function.end.bracket.round.css, punctuation.section.property-list.begin.bracket.curly.css, punctuation.separator.key-value.css, punctuation.definition.entity.css, keyword.control.logical.operator.less, punctuation.separator.list.comma.css, meta.brace.round.css#ffffff
string.quoted.single.js, string.quoted.double.js#fda725
variable.other.readwrite.js, variable.other.object.js#ffffff
entity.name.function.js, variable.language.this.js#55ebff
storage.type.function.js, storage.type.js#00FF0D
variable.other.php, entity.name.function.php#ffffff
string.quoted.single.php, string.quoted.double.php#fda725
storage.type.function.php, keyword.control.return.php#88bfff
support.function.construct.output.php#55ebff
keyword.other.new.php, storage.type.class.php, support.function.constructor.php, support.function.construct.php, keyword.control.case.php, keyword.control.break.php, keyword.control.import.include.php, support.function.string.php, support.function.basic_functions.php, keyword.control.die.php, support.function.json.php, keyword.control.default.php, support.function.var.php, support.function.file.php#fb88ff
support.class.php#fdb8ff
storage.modifier.php, variable.other.global.php, keyword.control.foreach.php, keyword.control.if.php, support.function.array.php, keyword.control.endif.php, keyword.control.else.php, keyword.control.switch.php, storage.modifier.reference.php, keyword.control.while.php, keyword.control.endwhile.php, support.function.classobj.php#a0f1fc
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#ffffff
entity.name.tag.html, entity.other.attribute-name.html#ffffff
string.quoted.double.html, string.quoted.single.html#fda725
#55ebff
Ange Theme by Breizh Coder - VS Code Theme