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
#ffffff
comment#bfbfbfitalic
string#a77e03
string#a77e03
string punctuation#a77e03
string.regexp#a77e03
constant.numeric#a77e03
variable.language, variable.other#ffffff
keyword#438fdcbold
storage#438fdcbold
entity.name.class, entity.name.type.class#ffffff
entity.name.function#ffffff
punctuation.definition.variable#ffffff
punctuation.section.embedded.begin, punctuation.section.embedded.end#438fdc
constant.language, meta.preprocessor#ffffff
support.function.construct, keyword.other.new#438fdc
constant.character, constant.other#ffffff
entity.other.inherited-class#438fdc
variable.parameter#438fdc
entity.name.tag#438fdcbold
punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end#438fdc
entity.other.attribute-name#438fdc
support.function#438fdc
punctuation.separator.continuation#438fdc
support.constant#438fdc
support.type, support.class#438fdc
support.type.exception#FF2323
keyword.other.special-method#438fdc
support.other.variable#438fdc
invalid#FF2323
string.quoted.double, string.quoted.single#a77e03
punctuation.definition.string.begin, punctuation.definition.string.end#a77e03
entity.name.tag.css, support.type.property-name.css, meta.property-name.css#438fdc
source.css#438fdc
meta.selector.css#438fdc
punctuation.section.property-list.css#438fdc
meta.property-value.css constant.numeric.css, keyword.other.unit.css, constant.other.color.rgb-value.css#a77e03
meta.property-value.css#a77e03
keyword.other.important.css#FF2323
support.constant.color#a77e03
entity.name.tag.css#438fdc
punctuation.separator.key-value.css, punctuation.terminator.rule.css#438fdc
entity.other.attribute-name.class.css#438fdc
entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css#438fdc
entity.other.attribute-name.id.css#438fdc
meta.function.js, entity.name.function.js, support.function.dom.js#ffffff
text.html.basic source.js.embedded.html#438fdc
storage.type.function.js#438fdc
constant.numeric.js#a77e03
meta.brace.square.js#438fdc
storage.type.js#438fdc
meta.brace.round, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js#ffffff
meta.brace.curly.js#ffffff
entity.name.tag.doctype.html, meta.tag.sgml.html, string.quoted.double.doctype.identifiers-and-DTDs.html#bfbfbf
comment.block.html#bfbfbf
entity.name.tag.script.html#438fdc
source.css.embedded.html string.quoted.double.html#438fdc
text.html.ruby#ffffff
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#ffffff
text.html.basic entity.other.attribute-name.html#438fdc
text.html.basic meta.tag.structure.any.html punctuation.definition.string.begin.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html#a77e03
entity.name.tag.block.any.html#438fdcbold
source.css.embedded.html entity.name.tag.style.html
entity.name.tag.style.html
text.html.basic punctuation.section.property-list.css
source.css.embedded.html, comment.block.html#bfbfbf
meta.diff, meta.diff.header#ffffffitalic
markup.deleted#FF2323
markup.changed#FF2323
markup.inserted#00aa00
text.html.markdown meta.dummy.line-break#ffffff
text.html.markdown markup.raw.inline#00aa00
text.restructuredtext markup.raw#00aa00
other.package.exclude, other.remove#FF2323
other.add#00aa00
support.function.builtin.shell#438fdc
variable.other.normal.shell#438fdc
source.shell#438fdc
meta.scope.for-in-loop.shell, variable.other.loop.shell#438fdc
punctuation.definition.string.end.shell, punctuation.definition.string.begin.shell#a77e03
meta.scope.case-block.shell, meta.scope.case-body.shell#bfbfbf
punctuation.definition.logical-expression.shell#438fdc
comment.line.number-sign.shell#bfbfbfitalic
-----------------------------------#bfbfbf
block_cursor#a77e03
-----------------------------------#bfbfbf
text.html.markdown markup.raw.inline#438fdc
markup.heading#438fdcbold
markup.italic#438fdcitalic
markup.bold#438fdcbold
markup.underline#438fdcunderline
markup.quote#438fdcitalic
markup.list#a77e03
markup.raw#a77e03
-----------------------------------#bfbfbf
sublimelinter.annotations#ffffff
sublimelinter.outline.illegal#FF2323
sublimelinter.underline.illegal#FF2323
sublimelinter.outline.warning#a77e03
sublimelinter.underline.warning#a77e03
sublimelinter.outline.violation#a77e03
sublimelinter.underline.violation#ffffff
markup.deleted.git_gutter#FF2323
markup.inserted.git_gutter#00aa00
markup.changed.git_gutter#a77e03