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
#f8f8f2
comment#aaaaaaitalic
string#87d75f
constant.numeric#ffcc66
constant.language, meta.preprocessor#be84ff
constant.character, constant.other#be84ff
variable.language, variable.other#ffcc66
keyword#ff8f7e
storage#ff8f7e
storage.type#88b8f6 italic
entity.name.class#cae682 underline
entity.other.inherited-class#cae682italic underline
entity.name.function#cae682
variable.parameter#ffcc66 italic
entity.name.tag#ff8f7e
entity.other.attribute-name#cae682
support.function#88b8f6
support.constant#88b8f6
support.type, support.class#88b8f6italic
support.other.variable#ffcc66
string constant#88b8f6
string.regexp#f6aa11
string variable#ffffff
punctuation.definition.variable#ffffff
entity#cae682
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#aaaaaaitalic
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#cae682
text.html.basic entity.other.attribute-name.html#cae682
text.html.basic meta.tag.structure.any.html punctuation.definition.string.begin.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html#ffffff
punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag#ffffff
variable.parameter.handlebars#f6aa11
support.constant.handlebars, meta.function.block.start.handlebars#88b8f6
meta.preprocessor.at-rule keyword.control.at-rule#f6aa11
meta.selector.css entity.other.attribute-name.id#f6aa11
meta.selector.css entity.other.attribute-name.class#cae682
support.type.property-name.css#88b8f6
meta.constructor.argument.css#f6aa11
punctuation.section.property-list.css#ffffff
punctuation.definition.tag.css#ff8f7e
punctuation.separator.key-value.css, punctuation.terminator.rule.css#ffffff
entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-selector.css#cae682
variable.other.less#ffffff
entity.other.less.mixin#e0fdce italic
entity.other.attribute-name.pseudo-element.less#ff9117
storage.type.js#88b8f6 italic
text.html.basic source.js.embedded.html#ffffff
storage.type.function.js#88b8f6 italic
constant.numeric.js#ffcc66
meta.brace.square.js#ffffff
meta.brace.round, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js#ffffff
meta.brace.curly.js#ffffff
keyword.other.phpdoc#aaaaaaitalic
source.php.embedded.block.html#ffffff
invalid#f8f8f0
invalid.deprecated#f8f8f0
meta.diff, meta.diff.header#aaaaaa
markup.deleted#ff8f7e
markup.inserted#cae682
markup.changed#87d75f
meta.diff, meta.diff.range#88b8f6
text.plain text.html.markdown#ffffff
text.html.markdown markup.raw.inline#ff8f7e
text.html.markdown meta.dummy.line-break#e0eddd
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#ffcc66
markup.italic#cae682italic
markup.bold#cae682bold
markup.underline#cae682underline
markup.quote, punctuation.definition.blockquote.markdown#88b8f6italic
markup.quote#88b8f6 italic
string.other.link.title.markdown#88b8f6underline
markup.raw.block#ae81ff
punctuation.definition.list_item.markdown#ffffff
markup.raw.block.fenced.markdown#ffffff
punctuation.definition.fenced.markdown, variable.language.fenced.markdown#636050
variable.language.fenced.markdown#aaaaaa
meta.separator#ffffff33bold
markup.table#ff8f7e
other.package.exclude, other.remove#ff8f7e
support.function.builtin.shell#cae682
variable.other.normal.shell#88b8f6
source.shell#ffffff
meta.scope.for-in-loop.shell, variable.other.loop.shell#ffcc66
entity.name.function.shell#cae682
punctuation.definition.string.end.shell, punctuation.definition.string.begin.shell#ffffff
meta.scope.case-block.shell, meta.scope.case-body.shell#ffcc66
punctuation.definition.logical-expression.shell#ffffff
comment.line.number-sign.shell#aaaaaaitalic
meta.function.makefile#88b8f6
markup.deleted.git_gutter#ff8f7e
markup.inserted.git_gutter#cae682
markup.changed.git_gutter#967EFB
markup.ignored.git_gutter#565656
markup.untracked.git_gutter#565656
sublimelinter.annotations#333333
sublimelinter.outline.illegal
sublimelinter.underline.illegal underline
sublimelinter.outline.warning#333333
sublimelinter.underline.warning
sublimelinter.outline.violation
sublimelinter.underline.violation
constant.numeric.line-number.find-in-files - match#ffcc66
entity.name.filename.find-in-files#87d75f
sublimelinter.mark.error#ff8f7e
sublimelinter.mark.warning#ffcc66
sublimelinter.gutter-mark#FFFFFF

Shiki preview

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

Loading...

Wombat Theme by gerane - VS Code Theme