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.

  • editor.background#272822
  • editor.foreground#f8f8f2
  • editor.lineHighlightBackground#323232
  • tab.activeForeground#f8f8f2

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source#f8f8f2
comment.line, punctuation.definition.comment, comment.block#787360
storage, keyword, constant#e70e5e
entity.name.function, support.function#99cc33
constant.numeric#c256f1
variable.parameter, variable.other.readwrite#fd9721
string.quoted#ffd230
comment.line, punctuation.definition.comment.php, comment.block.documentation.phpdoc.php, comment.block.php#787360
entity.name.type.trait.php, entity.name.type.namespace.php, support.class.php, support.other.namespace.php, entity.name.type.class.php, constant.other.php, entity.other.inherited-class.php, support.constant.core.php, support.class.exception.php, entity.name.type.interface.php#66d9ef
storage.modifier, storage.type, keyword.control, keyword.operator, keyword.other.new.php, keyword.other.namespace.php, keyword.other.type.php, keyword.other.use.php, punctuation.section.embedded.begin.php, keyword.other, constant.language.php#e70e5e
entity.name.function, support.function#99cc33
constant.numeric.decimal.php, constant.other.class.php#c256f1
punctuation.separator.inheritance.php, punctuation.definition.variable.php, meta.function-call.invoke.php#f8f8f2
meta.function.parameter.typehinted.php, meta.function.parameter.no-default.php, punctuation.definition.variable.php, variable.other.class.php, variable.other.php, variable.language.this.php, variable.other.global.safer.php#fd9721
entity.name.tag.xml, punctuation.definition.tag.xml, entity.name.tag.localname.xml, punctuation.definition.string.begin.xml#e70e5e
entity.other.attribute-name.localname.xml, entity.other.attribute-name.xml#99cc33
entity.other.attribute-name.namespace.xml#66d9ef
punctuation.separator.namespace.xml, meta.tag.xml#f8f8f2
support.type.property-name.json#99cc33
punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json#f8f8f2
entity.other.attribute-name.class.css, punctuation.definition.entity.css, entity.other.attribute-name.id.css#e70e5e
entity.name.tag.css#fd9721
support.type.property-name.css, support.type.vendored.property-name.css#99cc33
support.constant.property-value.css, constant.numeric.css, keyword.other.unit.rem.css, keyword.other.unit.px.css, constant.other.color.rgb-value.hex.css, keyword.other.unit.percentage.css#f8f8f2
keyword.other.important.css#fd9721italic bold underline
entity.other.attribute-name.pseudo-class.css, support.type.property-name.media.css#66d9ef
keyword.control.@.makefile, source.makefile#f8f8f2
entity.name.function.target.makefile, meta.scope.prerequisites.makefile#FF0000
#FF0000
Apricot monokai theme by Gabor Deli - VS Code Theme