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#d1d97a
constant.numeric#d17ad9
constant.language, meta.preprocessor#d17ad9
constant.character, constant.other#d17ad9
variable.language, variable.other#d5d6db
keyword#d42e64
storage#d42e64
storage.type#7ad1d9italic
entity.name.class#7ad149 underline
entity.other.inherited-class#7ad149italic underline
entity.name.function#7ad149
variable.parameter#d68b2f italic
entity.name.tag#d42e64
entity.other.attribute-name#7ad149
support.function#7ad1d9
support.constant#7ad1d9
support.type, support.class#7ad1d9italic
support.other.variable
string constant#7ad1d9
string.regexp#d17ad9
string variable#d5d6db
punctuation.definition.variable#d5d6db
entity#7ad149
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#7ad149
text.html.basic entity.other.attribute-name.html#7ad149
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#d5d6db
variable.parameter.handlebars#d68b2f
support.constant.handlebars, meta.function.block.start.handlebars#7ad1d9
meta.preprocessor.at-rule keyword.control.at-rule#d68b2f
meta.selector.css entity.other.attribute-name.id#d68b2f
meta.selector.css entity.other.attribute-name.class#7ad149
support.type.property-name.css#7ad1d9
meta.constructor.argument.css#d68b2f
punctuation.section.property-list.css#d5d6db
punctuation.definition.tag.css#d42e64
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#7ad149
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#7ad149
storage.type.js#7ad1d9 italic
text.html.basic source.js.embedded.html#d5d6db
storage.type.function.js#7ad1d9 italic
constant.numeric.js#d17ad9
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#d42e64
support.function.construct.php#d42e64
storage.type.function.php#d42e64dd
constant.numeric.php#d17ad9
keyword.other.new.php#d68b2f
support.class.php#d5d6db
variable.other.property.php#d68b2f
storage.modifier.extends.php, storage.type.class.php, keyword.operator.class.php#7ad149
meta.other.inherited-class.php#7ad149
storage.type.php#7ad1d9
entity.name.function.php#7ad1d9
support.function.construct.php#7ad149
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#d42e64
markup.inserted#7ad149
markup.changed#e6db74
meta.diff, meta.diff.range#7ad149
storage.type.class.python, storage.type.function.python, storage.modifier.global.python#7ad149
keyword.control.import.python, keyword.control.import.from.python#d42e64dd
support.type.exception.python#7ad1d9
punctuation.definition.variable.perl, variable.other.readwrite.global.perl, variable.other.predefined.perl, keyword.operator.comparison.perl#d42e64
support.function.perl#7ad1d9
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#d17ad9
punctuation.definition.variable.ruby#d68b2f
meta.function.method.with-arguments.ruby#7ad149
variable.language.ruby#d5d6db
entity.name.function.ruby#d28c47
keyword.control.ruby, keyword.control.def.ruby#7ad149bold
keyword.control.start-block.ruby#7ad149
punctuation.separator.variable.ruby#7ad149
punctuation.section.scope.ruby, punctuation.section.array.ruby#7ad149
punctuation.separator.key-value #7ad1d9
keyword.control.class.ruby, meta.class.ruby#7ad149
entity.name.type.class.ruby#7ad1d9
keyword.control.ruby#7ad149
support.class.ruby#7ad1d9
keyword.other.special-method.ruby#7ad149
variable.other.constant.ruby#7ad1d9
constant.other.symbol.ruby#d17ad9
punctuation.section.embedded.ruby, punctuation.definition.string.begin.ruby, punctuation.definition.string.end.ruby#d42e64
keyword.other.special-method.ruby#d42e64
meta.brace.curly.coffee, meta.brace.square.coffee#7ad149
punctuation.definition.string.begin.coffee, punctuation.section.embedded.coffee, punctuation.definition.string.end.coffee#d42e64
variable.other.readwrite.instance.coffee#d5d6db
text.html.markdown#d5d6db
text.html.markdown markup.raw.inline#d42e64italic
text.html.markdown meta.dummy.line-break#e0eddd
markdown.heading, markup.heading | markup.heading entity.name#d1d97a
markup.italic#d42e64italic
markup.bold#d42e64bold
markup.underline#7ad149underline
markup.quote, punctuation.definition.blockquote.markdown#7ad1d9italic
markup.quote#7ad1d9 italic
string.other.link.title.markdown#7ad1d9underline
markup.raw.block#d17ad9
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#d17ad9
punctuation.definition.list_item.markdown#7ad149
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#7ad149
variable.other.normal.shell#7ad1d9
source.shell#d5d6db
meta.scope.for-in-loop.shell, variable.other.loop.shell#d68b2f
entity.name.function.shell#7ad149
punctuation.definition.string.end.shell, punctuation.definition.string.begin.shell#d5d6db
meta.scope.case-block.shell, meta.scope.case-body.shell#d68b2f
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#d42e64
entity.name.function.makefile#7ad149
meta.function.makefile#7ad1d9
markup.deleted.git_gutter, markup.deleted.git_gutter.staged#d42e64
markup.inserted.git_gutter, markup.inserted.git_gutter.staged#7ad149
markup.changed.git_gutter, markup.changed.git_gutter.staged#d17ad9
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#7ad1d9
constant.numeric.ascii_presentation#d17ad9
keyword.source.ascii_presentation#7ad149
ascii_presentation.close#d42e64
ascii_presentation.minimize#d68b2f
ascii_presentation.expand#7ad149
ascii_presentation.chrome#65666b

Shiki preview

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

Loading...

deep_blue_see Theme by gerane - VS Code Theme