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
#d5d6db
comment#65666b
string#f3f98c
constant.numeric#c395f7
constant.language, meta.preprocessor#c395f7
constant.character, constant.other#c395f7
variable.language, variable.other#d5d6db
keyword#f98ccf
storage#f98ccf
storage.type#8cc4f9italic
entity.name.class#a0f98c underline
entity.other.inherited-class#a0f98citalic underline
entity.name.function#a0f98c
variable.parameter#f9c78c italic
entity.name.tag#f98ccf
entity.other.attribute-name#a0f98c
support.function#8cc4f9
support.constant#8cc4f9
support.type, support.class#8cc4f9italic
support.other.variable
string constant#8cc4f9
string.regexp#c395f7
string variable#d5d6db
punctuation.definition.variable#d5d6db
entity#a0f98c
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#7c7865
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#a0f98c
text.html.basic entity.other.attribute-name.html#a0f98c
text.html.basic meta.tag.structure.any.html punctuation.definition.string.begin.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html#d5d6db
punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag#c395f7
variable.parameter.handlebars#f9c78c
support.constant.handlebars, meta.function.block.start.handlebars#8cc4f9
meta.preprocessor.at-rule keyword.control.at-rule#f9c78c
meta.selector.css entity.other.attribute-name.id#f9c78c
meta.selector.css entity.other.attribute-name.class#a0f98c
support.type.property-name.css#8cc4f9
meta.constructor.argument.css#f9c78c
punctuation.section.property-list.css#d5d6db
punctuation.definition.tag.css#f98ccf
punctuation.separator.key-value.css, punctuation.terminator.rule.css#d5d6db
entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-selector.css#a0f98c
variable.other.less#d5d6db
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#a0f98c
storage.type.js#8cc4f9 italic
text.html.basic source.js.embedded.html#d5d6db
storage.type.function.js#8cc4f9 italic
constant.numeric.js#c395f7
meta.brace.square.js#d5d6db
meta.brace.round, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js#d5d6db
meta.brace.curly.js#d5d6db
meta.structure.dictionary.json string.quoted.double.json#cfcfc2
keyword.operator.index-start.php, keyword.operator.index-end.php#d5d6db
meta.array.php#d5d6db
meta.array.php support.function.construct.php, meta.array.empty.php support.function.construct.php#f98ccf
support.function.construct.php#f98ccf
storage.type.function.php#d42e64dd
constant.numeric.php#c395f7
keyword.other.new.php#f9c78c
support.class.php#d5d6db
variable.other.property.php#f9c78c
storage.modifier.extends.php, storage.type.class.php, keyword.operator.class.php#a0f98c
meta.other.inherited-class.php#a0f98c
storage.type.php#8cc4f9
entity.name.function.php#8cc4f9
support.function.construct.php#a0f98c
entity.name.type.class.php, meta.function-call.php, meta.function-call.static.php, meta.function-call.object.php#d5d6db
keyword.other.phpdoc#7c7865
source.php.embedded.block.html#d5d6db
invalid#f8f8f0
invalid.deprecated#f8f8f0
meta.diff, meta.diff.header#75715e
markup.deleted#f98ccf
markup.inserted#a0f98c
markup.changed#e6db74
meta.diff, meta.diff.range#a0f98c
storage.type.class.python, storage.type.function.python, storage.modifier.global.python#a0f98c
keyword.control.import.python, keyword.control.import.from.python#f98ccf
support.type.exception.python#8cc4f9
punctuation.definition.variable.perl, variable.other.readwrite.global.perl, variable.other.predefined.perl, keyword.operator.comparison.perl#f98ccf
support.function.perl#8cc4f9
comment.line.number-sign.perl#75715eitalic
punctuation.definition.string.begin.perl, punctuation.definition.string.end.perl#d5d6db
constant.character.escape.perl#dc322f
constant.language.ruby, constant.numeric.ruby#c395f7
punctuation.definition.variable.ruby#f9c78c
meta.function.method.with-arguments.ruby#a0f98c
variable.language.ruby#d5d6db
entity.name.function.ruby#f98ccf
keyword.control.ruby, keyword.control.def.ruby#a0f98cbold
keyword.control.start-block.ruby#a0f98c
punctuation.separator.variable.ruby#a0f98c
punctuation.section.scope.ruby, punctuation.section.array.ruby#a0f98c
punctuation.separator.key-value #8cc4f9
keyword.control.class.ruby, meta.class.ruby#a0f98c
entity.name.type.class.ruby#8cc4f9
keyword.control.ruby#a0f98c
support.class.ruby#8cc4f9
keyword.other.special-method.ruby#a0f98c
variable.other.constant.ruby#8cc4f9
constant.other.symbol.ruby#c395f7
punctuation.section.embedded.ruby, punctuation.definition.string.begin.ruby, punctuation.definition.string.end.ruby#f98ccf
keyword.other.special-method.ruby#f98ccf
meta.brace.curly.coffee, meta.brace.square.coffee#a0f98c
punctuation.definition.string.begin.coffee, punctuation.section.embedded.coffee, punctuation.definition.string.end.coffee#f98ccf
variable.other.readwrite.instance.coffee#d5d6db
text.html.markdown#d5d6db
text.html.markdown markup.raw.inline#f98ccfitalic
text.html.markdown meta.dummy.line-break#e0eddd
markdown.heading, markup.heading | markup.heading entity.name#f3f98c
markup.italic#f98ccfitalic
markup.bold#f98ccfbold
markup.underline#a0f98cunderline
markup.quote, punctuation.definition.blockquote.markdown#8cc4f9italic
markup.quote#8cc4f9 italic
string.other.link.title.markdown#8cc4f9underline
markup.raw.block#c395f7
punctuation.definition.metadata.markdown, punctuation.definition.link.markdown, punctuation.definition.raw.markdown, punctuation.definition.string.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown, punctuation.definition.constant.markdown, punctuation.definition.blockquote.markdown, punctuation.definition.heading.markdown, punctuation.definition.list_item.markdown, meta.separator.markdown#c395f7
punctuation.definition.list_item.markdown#a0f98c
markup.raw.block.fenced.markdown#d5d6db
punctuation.definition.fenced.markdown, variable.language.fenced.markdown#636050
variable.language.fenced.markdown#7c7865
meta.separator#d5d6db33bold
markup.table#b42a1d
other.package.exclude, other.remove#d3201f
support.function.builtin.shell#a0f98c
variable.other.normal.shell#8cc4f9
source.shell#d5d6db
meta.scope.for-in-loop.shell, variable.other.loop.shell#f9c78c
entity.name.function.shell#a0f98c
punctuation.definition.string.end.shell, punctuation.definition.string.begin.shell#d5d6db
meta.scope.case-block.shell, meta.scope.case-body.shell#f9c78c
punctuation.definition.logical-expression.shell#d5d6db
comment.line.number-sign.shell#7c7865italic
comment.line.number-sign.makefile#7c7865
punctuation.definition.comment.makefile#7c7865
variable.other.makefile#f98ccf
entity.name.function.makefile#a0f98c
meta.function.makefile#8cc4f9
markup.deleted.git_gutter, markup.deleted.git_gutter.staged#f98ccf
markup.inserted.git_gutter, markup.inserted.git_gutter.staged#a0f98c
markup.changed.git_gutter, markup.changed.git_gutter.staged#8cc4f9
markup.deleted.git_gutter.unstaged#565656
markup.inserted.git_gutter.unstaged#565656
markup.changed.git_gutter.unstaged#565656
markup.ignored.git_gutter#565656
markup.untracked.git_gutter#565656
ascii_presentation.invisible#25262b
variable.parameter.function.ascii_presentation#8cc4f9
constant.numeric.ascii_presentation#c395f7
keyword.source.ascii_presentation#a0f98c
ascii_presentation.close#f98ccf
ascii_presentation.minimize#f9c78c
ascii_presentation.expand#a0f98c
ascii_presentation.chrome#65666b

Shiki preview

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

Loading...

Seahorse Theme by gerane - VS Code Theme