Skip to main content
Coding Theme

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
#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