Skip to main content
CodingTheme

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

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Better_JS Theme by gerane - VS Code Theme