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
#F8F8F2
bracket.square#FF8800
bracket.round#00FF00
bracket.quote
comment#616671
comment.block.documentation#616671italic
string#A6E32D
constant.numeric#f129ff
constant.language#ff29a2bold
constant.character, constant.other#AE81FF
variable#9CFFFF
keyword#2499DAbold
storage#F92672
storage.type#21c8e8italic
entity.name.class#A6E22Eunderline
entity.other.inherited-class#A6E22Eitalic underline
entity.name.function#3eff9e
variable.parameter#FD971Fitalic
entity.name.tag#2499DA
entity.other.attribute-name#A6E22E
support.function#2efd7c
support.constant#66D9EF
support.type, support.class, support.object#21c8e8italic
support.other.variable
meta.function-call#2aa198
invalid#F8F8F0
invalid.deprecated#F8F8F0
meta.diff, meta.diff.header#75715E
markup.deleted#F92672
markup.inserted#A6E22E
markup.changed#E6DB74
constant.numeric.line-number.find-in-files - match#AE81FFA0
entity.name.filename.find-in-files#E6DB74
keyword.operator#de0059bold
string.interpolated, source.coffee.embedded.source#00ddc0
meta.tag, declaration.tag#2499DA
string.quoted.docinfo.doctype.DTDitalic
entity.other.attribute-name#63aee0italic
punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html#fc003b
markup.list#B90690
punctuation.separator.inheritance.php#F92672
sublimelinter.notes#FFFFFF
sublimelinter.outline.illegal#FFFFFF
sublimelinter.underline.illegal
sublimelinter.outline.warning#FFFFFF
sublimelinter.underline.warning
sublimelinter.outline.violation#FFFFFF
sublimelinter.underline.violation
keyword.control.declaration#21c8e8italic
meta.initialization, variable.other.readwrite.js#21c8e8
variable.other.object.js#7ddff1
meta.property-name.js variable.other.object.js#7da5f1
support.variable.property.js#3399ff
variable.other.dot-access#66ffdd
variable.other.property.js#37C1BE
punctuation.section.scope.square.js#ff2404
punctuation.section.scope.round.js, meta.brace.round#937afd
punctuation.definition.arrow.js#aa00ffbold
entity.arrow.function.js#aa00ffbold
variable.language#b03bffitalic
variable.language.prototype#ff6600
meta.function.prototype support.constant, meta.prototype.function support.constant#45ffffitalic
support.type.js, support.class.js#21c8e8italic
support.class.error.js#ff5522
support.class.builtin.js#8e9bdcitalic
support.class.node.js#5e6afeitalic
entity.name.function.node.js#d84014
support.keyword.node.js#99ef25bold
support.module.node.js#34ef25bold
variable.import.destructuring.js#00bbff
other.object.key.js#1C98C1
meta.accessor.js punctuation.definition.parameters#005588
storage.type.accessor.js#0066aabold italic
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#bb33ffitalic
storage.type.module.js, storage.type.export.js, storage.type.import.js, storage.type.from.js#cccc44
storage.type.class.js, storage.type.extends.js#0044aa
meta.function.call.class.static.js #880011
variable.other.class.static.js#aa0066
entity.name.accessor.js#00ffccbold italic
entity.name.method.js#aa00ffitalic bold
meta.method.js#660099bold
storage.type.function.js#0ccbe0bold
string.quoted.single#a6e32d
string.unquoted.label#00a5ff
variable.other.quasi.js#ff0099
string.quasi.js#00FF00
punctuation.quasi.element#008800
entity.quasi.tag.name.js#ffff00
meta.group.braces.square string.quoted.single, punctuation.destructuring#47E9AC
string.quoted.double#4be32d
punctuation.section.scope.curly.js#F9044E
meta.delimiter.object.comma.js#00ffff
punctuation.terminator.statement.js#00ffff
meta.group.braces.curly string.quoted.single#16B853
support.function#2efd7c
punctuation.definition.string.begin.js#c3ec71
punctuation.definition.string.end.js#8ac31a
meta.class.inheritance, meta.instance.constructor#e81e41italic underline
entity.name.class.js#00ffffitalic
entity.name.extends.js#00ff99italic
meta.function-call entity.name.function#2efd7c
meta.function-call.function.with-arguments.js#33ff00
meta.brace.curly.js#ff0099
meta.brace.round.js#937afd
constant.character.escape#10cf62ff
meta.structure.dictionary.json string.quoted.double#00a5ff
meta.structure meta.structure.dictionary.json string.quoted.double #0095e6
meta.structure meta.structure meta.structure meta.structure.dictionary.json string.quoted.double #0084cd
meta.structure meta.structure meta.structure meta.structure meta.structure meta.structure.dictionary.json string.quoted.double #0074b4
meta.structure meta.structure meta.structure meta.structure meta.structure meta.structure meta.structure meta.structure.dictionary.json string.quoted.double #00649b
meta.structure.dictionary.value.json string.quoted.double#00ddbb
meta.structure meta.structure meta.structure.dictionary.value.json string.quoted.double #00c4a5
meta.structure meta.structure meta.structure meta.structure meta.structure.dictionary.value.json string.quoted.double #00ab90
meta.structure meta.structure meta.structure meta.structure meta.structure meta.structure meta.structure.dictionary.value.json string.quoted.double #00927b
meta.structure meta.structure meta.structure meta.structure meta.structure meta.structure meta.structure meta.structure meta.structure.dictionary.value.json string.quoted.double #007966
meta.structure.dictionary.value.json string punctuation.definition.string.double #8409ff
meta.structure.array.json string.quoted.double#bb33ff
meta.structure meta.structure meta.structure.array.json string.quoted.double #b31aff
meta.structure meta.structure meta.structure meta.structure meta.structure.array.json string.quoted.double #ab00ff
meta.structure meta.structure meta.structure meta.structure meta.structure.array.json string.quoted.double #9a00e6
meta.structure meta.structure meta.structure meta.structure meta.structure meta.structure meta.structure.array.json string.quoted.double #8900cd
meta.structure.dictionary.json string punctuation.definition.string #66bbddff
meta.structure.array.json string punctuation.definition.string #416be9ff
meta.structure.array.json punctuation.definition.array#fc01b6
meta.structure.dictionary.json punctuation.definition.dictionary #01fc47
meta.tag.any, entity.name.tag#24b9da
meta.tag.attribute.class#2499da
meta.tag.attribute.id#da24cb
enlightened Theme by talesbaz - VS Code Theme