Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#82A4BA
comment, punctuation.definition.comment, string.comment.buffered#000000 italic
variable#FFFFFF
storage.type#0DCBFF
keyword.operator, constant.other.color, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#FFFFFF
text.html.basic meta.tag.inline.any.html entity.other.attribute-name.html, text.html.basic meta.tag.block.any.html entity.other.attribute-name.html, text.html.basic meta.tag.other.html entity.other.attribute-name.html, text.html.basic meta.tag.any.html entity.other.attribute-name.html#46acdb
embedding.php text.html.basic meta.embedded.block.php source.php comment.block.documentation.phpdoc.php meta.tag.inline.phpdoc.php keyword.other.phpdoc.php#000000
embedding.php text.html.basic meta.embedded.block.php source.php comment.block.documentation.phpdoc.php meta.tag.inline.phpdoc.php#546E7A bold
embedding.php text.html.basic meta.embedded.block.php source.php support.function.basic_functions.php#46acdb
embedding.php text.html.basic meta.embedded.block.php source.php support.function.file.php#46acdb
embedding.php text.html.basic meta.embedded.block.php#46acdb
embedding.php text.html.basic meta.embedded.block.php source.php meta.function-call.object.php#46acdb
embedding.php text.html.basic meta.embedded.block.php source.php meta.array.php meta.array.php support.function.construct.php#46acdb
embedding.php text.html.basic meta.embedded.block.php source.php variable.other.php#EC5F67
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#EB606B
entity.name.function, meta.function-call, support.function, keyword.other.special-method, meta.block-level#CCA898
support.other.variable, string.other.link#F2777A
support.constant, constant.character, variable.parameter, punctuation.section.embedded, keyword.other.unit#DEE090
string, constant.other.symbol, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter#3DFF7D
entity.name.class, entity.name.type.class, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter#FFFFB3 bold
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#EC5F67
variable.language#EDE15F bold
entity.name.method.js#D8DEE9 bold
meta.method.js#fff
entity.other.attribute-name, meta.selector.css entity.other.attribute-name.class, source.scss entity.other.attribute-name.class.css, source.less entity.other.attribute-name.class.css, keyword.other.default.scss, keyword.other.default.less#D5EBB3
source.less entity.other.attribute-name.class.css punctuation.definition.entity.css#D0E3B1
source.less keyword.operator.less#E8BF7E
markup.inserted#99C794
source.less entity.other.attribute-name.id.css, source.less entity.other.attribute-name.id.css punctuation.definition.entity.css#E8BF82
source.less entity.other.attribute-name.class.css entity.other.less.mixin#D47B81
markup.deleted#EC5F67
markup.changed#D67E84
string.regexp#C939ED
constant.character.escape#e6647c
*url*, *link*, *uri*underline
source.less variable.declaration.less, source.less variable.other.less, source.scss meta.set.variable variable#E6647C
source.less meta.property-value.css variable.other.less, source.scss meta.property-list.scss meta.property-value.scss variable.scss variable.scss#e6647c
source.less parameter.less variable.other.less#e6647c
source.less meta.property-value.css support.function.less#e58f48ff
entity.other.less.mixin#46acdb
meta.property-value.css keyword.operator.less, keyword.other.important.css#ee9903
support.type.property-name.css, support.type.property-name.scss, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.attribute.css, variable.scss, meta.property-name.scss, meta.property-name.less, meta.property-list.css meta.property-name.css#46acdb
markup.deleted.git_gutter#F44336
markup.changed.git_gutter#FAC86E
markup.inserted.git_gutter#8AD4E6
sublimelinter.outline.notes#F9A825
sublimelinter.outline.illegal#ffffff
sublimelinter.underline.illegal#ffffff
sublimelinter.outline.warning#ffffff
sublimelinter.underline.warning#ffffff
sublimelinter.outline.violation#ffffff
sublimelinter.underline.violation#ffffff
meta.selector.css entity.other.attribute-name.id, meta.selector.scss entity.other.attribute-name.id, meta.selector.less entity.other.attribute-name.id, entity.name.tag.reference.scss, entity.name.tag.reference.less#E67E7E
constant.numeric#26A673 bold
constant.language#B0E658
keyword#FFFFFF bold
begin, end#FFFFFF
MultiTheme by Arturo Arevalo - VS Code Theme