Skip to main content
CodingTheme

Color themes

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#a6e22e
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#88B8F6 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#FFCC66
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#FFCC66
support.constant.handlebars, meta.function.block.start.handlebars#88b8f6
meta.preprocessor.at-rule keyword.control.at-rule#FFCC66
meta.selector.css entity.other.attribute-name.id#FFCC66
meta.selector.css entity.other.attribute-name.class#cae682
support.type.property-name.css#88b8f6
meta.constructor.argument.css#FFCC66
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#FF8F7E
meta.function.js, entity.name.function.js, support.function.dom.js#cae682
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
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#FFCC6699
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#88B8F699
source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#FF8F7E99
source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#FFCC66CC
source.json meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#88B8F6CC
source.json meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#FF8F7ECC
source.json meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#FFCC66
source.json meta meta.structure.dictionary.json string.quoted.double.json - meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta.structure.dictionary.json punctuation.definition.string - meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#88B8F6
source.json meta.structure.dictionary.json string.quoted.double.json - meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta.structure.dictionary.json punctuation.definition.string - meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string#FF8F7E
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#a6e22e
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#ff8f7e
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 italic
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...