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