Skip to main content
Coding Theme

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

Shiki preview

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

Loading...

8-Colour-Dark Theme - Coding Theme