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
#dddddd
comment#696969
string#e5b567
constant.numeric#be84ff
constant.language, meta.preprocessor#be84ff
constant.character, constant.other#be84ff
variable.language, variable.other#eeeeee
keyword#e13e79
storage#e13e79
storage.type#67a9b5 italic
entity.name.class#a4c267 underline
entity.other.inherited-class#a4c267italic underline
entity.name.function#a4c267
variable.parameter#dc9138 italic
entity.name.tag#e13e79
entity.other.attribute-name#a4c267
support.function#67a9b5
support.constant#67a9b5
support.type, support.class#67a9b5italic
support.other.variable
string constant#67a9b5
string.regexp#f6aa11
string variable#eeeeee
punctuation.definition.variable#eeeeee
entity#a4c267
meta.tag.sgml.doctype.xml, declaration.sgml.html declaration.doctype, declaration.sgml.html declaration.doctype entity, declaration.sgml.html declaration.doctype string, declaration.xml-processing, declaration.xml-processing entity, declaration.xml-processing string, doctype#c8cecc
comment.block.html#696969
entity.name.tag.script.htmlitalic
text.html.basic meta.tag.other.html, text.html.basic meta.tag.any.html, text.html.basic meta.tag.block.any, text.html.basic meta.tag.inline.any, text.html.basic meta.tag.structure.any.html, text.html.basic source.js.embedded.html, punctuation.separator.key-value.html#a4c267
text.html.basic entity.other.attribute-name.html#a4c267
text.html.basic meta.tag.structure.any.html punctuation.definition.string.begin.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html#eeeeee
punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag#eeeeee
variable.parameter.handlebars#f6aa11
support.constant.handlebars, meta.function.block.start.handlebars#67a9b5
meta.preprocessor.at-rule keyword.control.at-rule#f6aa11
meta.selector.css entity.other.attribute-name.id#f6aa11
entity.other.attribute-name.id#f6aa11
meta.selector.css entity.other.attribute-name.class#a4c267
support.type.property-name.css#67a9b5
meta.constructor.argument.css#f6aa11
punctuation.section.property-list.css#eeeeee
punctuation.definition.tag.css#e13e79
punctuation.separator.key-value.css, punctuation.terminator.rule.css#eeeeee
entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-selector.css#a4c267
variable.other.less#eeeeee
entity.other.less.mixin#e0fdce italic
entity.other.attribute-name.pseudo-element.less#ff9117
meta.function.js, entity.name.function.js, support.function.dom.js#a4c267
storage.type.js#67a9b5 italic
text.html.basic source.js.embedded.html#eeeeee
storage.type.function.js#67a9b5 italic
constant.numeric.js#ae81ff
meta.brace.square.js#eeeeee
meta.brace.round, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js#eeeeee
meta.brace.curly.js#eeeeee
variable.language.js, variable.other.js#678cb1
meta.structure.dictionary.json string.quoted.double.json#cfcfc2
keyword.operator.index-start.php, keyword.operator.index-end.php#eeeeee
meta.array.php#eeeeee
meta.array.php support.function.construct.php, meta.array.empty.php support.function.construct.php#67a9b5
support.function.construct.php#67a9b5
storage.type.function.php#67a9b5
constant.numeric.php#be84ff
keyword.other.new.php#e42e70
support.class.php#67a9b5 italic
variable.other.property.php#eeeeee
storage.modifier.extends.php, storage.type.class.php, keyword.operator.class.php#e42e70
meta.other.inherited-class.php#67a9b5
storage.type.php#67a9b5
entity.name.function.php#a4c267
support.function.construct.php#67a9b5
entity.name.type.class.php, meta.function-call.php, meta.function-call.static.php, meta.function-call.object.php#eeeeee
keyword.other.phpdoc#696969
source.php.embedded.block.html#eeeeee
invalid.deprecated#f8f8f0
meta.diff, meta.diff.header#75715e
markup.deleted#e13e79
markup.inserted#a4c267
markup.changed#e6db74
meta.diff, meta.diff.range#3bc0f0
storage.type.class.python, storage.type.function.python, storage.modifier.global.python#3bc0f0
keyword.control.import.python, keyword.control.import.from.python#e13e79dd
support.type.exception.python#67a9b5
punctuation.definition.variable.perl, variable.other.readwrite.global.perl, variable.other.predefined.perl, keyword.operator.comparison.perl#e42e70
support.function.perl#67a9b5
comment.line.number-sign.perl#75715eitalic
punctuation.definition.string.begin.perl, punctuation.definition.string.end.perl#eeeeee
constant.character.escape.perl#dc322f
constant.language.ruby, constant.numeric.ruby#ae81ff
punctuation.definition.variable.ruby#678CB1
meta.function.method.with-arguments.ruby#a4c267
variable.language.ruby#eeeeee
entity.name.function.ruby#a4c267
keyword.control.ruby, keyword.control.def.ruby#e13e79bold
keyword.control.class.ruby, meta.class.ruby#a4c267
entity.name.type.class.ruby#67a9b5
keyword.control.ruby#e13e79
support.class.ruby#67a9b5
keyword.other.special-method.ruby#a4c267
variable.other.constant.ruby#67a9b5
constant.other.symbol.ruby#AE81FF
punctuation.section.embedded.ruby, punctuation.definition.string.begin.ruby, punctuation.definition.string.end.ruby#e13e79
keyword.other.special-method.ruby#e42e70
text.html.markdown#eeeeee
text.html.markdown markup.raw.inline#ec3533
text.html.markdown meta.dummy.line-break#e0eddd
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#fd971f
markup.italic#e42e70italic
markup.bold#e13e79bold
markup.underline#a4c267underline
markup.quote, punctuation.definition.blockquote.markdown#67a9b5italic
markup.quote#67a9b5 italic
string.other.link.title.markdown#67a9b5underline
markup.raw.block#ae81ff
punctuation.definition.list_item.markdown#eeeeee
markup.raw.block.fenced.markdown#eeeeee
punctuation.definition.fenced.markdown, variable.language.fenced.markdown#636050
variable.language.fenced.markdown#696969
meta.separator#eeeeee33bold
markup.table#b42a1d
other.package.exclude, other.remove#d3201f
support.function.builtin.shell#a4c267
variable.other.normal.shell#67a9b5
source.shell#eeeeee
meta.scope.for-in-loop.shell, variable.other.loop.shell#fd971f
entity.name.function.shell#a4c267
punctuation.definition.string.end.shell, punctuation.definition.string.begin.shell#eeeeee
meta.scope.case-block.shell, meta.scope.case-body.shell#fd971f
punctuation.definition.logical-expression.shell#eeeeee
comment.line.number-sign.shell#696969italic
comment.line.number-sign.makefile#696969
punctuation.definition.comment.makefile#696969
variable.other.makefile#e13e79
entity.name.function.makefile#a4c267
meta.function.makefile#67a9b5
markup.deleted.git_gutter#e13e79
markup.inserted.git_gutter#a4c267
markup.changed.git_gutter#967EFB
markup.ignored.git_gutter#565656
markup.untracked.git_gutter#565656
sublimelinter.annotations#333333
sublimelinter.outline.illegal#eeeeee
sublimelinter.underline.illegal
sublimelinter.outline.warning#eeeeee
sublimelinter.underline.warning
sublimelinter.outline.violation#eeeeee
sublimelinter.underline.violation
constant.numeric.line-number.find-in-files - match#AE81FFA0
entity.name.filename.find-in-files#E6DB74
sublimelinter.mark.error#D02000
sublimelinter.mark.warning#DDB700
sublimelinter.gutter-mark#eeeeee

Shiki preview

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

Loading...

Monokai Gravity by Dino Angelov - VS Code Theme