Skip to main content
CodingTheme

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
#eee
comment, punctuation.definition.comment#3D3D3D
constant.numeric#FEFED0
constant.language#94539a
constant.character.entity, punctuation.definition.constant#31AED8
support.constant#31AED8
keyword, storage.control.matlab#31AED8
keyword.other#31AED8
keyword.operator -keyword.operator.dereference#fffnormal
storage.type#31AED8
variable, punctuation.definition.variable#ba3182
variable.other, meta.variable.other.valid#90c9d3italic
variable.language, variable.parameter.function.language#e0972bitalic
entity.other#BDF4FF
meta.structure.dictionary meta.structure.dictionary.key, constant.other.object.key string#FFFFFFbold
meta.structure.dictionary.value#FFFFFF
meta.class.identifier, entity.name.type.class, support.class, variable.other.class, entity.name.class#e0972b
meta.method.identifier, meta.method-call, meta.method.declaration#31AED8
meta.function entity.name.function, entity.name.function.abp, meta.prototype.function.js, entity.name.function.js, entity.name.function.makefile#eeee9dnormal
meta.function-call, support.function.name, meta.function-call punctuation.definition.parameters, meta.function-call.method.without-arguments.js -meta.group.braces.round.function.arguments.js#9fc233
meta.function-call.arguments#FCD660 italic
variable.parameter.function#f0d06c italic
string -string.unquoted.old-plist -string.unquoted.heredoc, string.unquoted.heredoc string#dad6c3
string.quoted punctuation.definition.string.begin, string.quoted punctuation.definition.string.end, punctuation.definition.string#9c8d4e
meta.class.instance.constructor#e0972b
string.quoted.double.js#dad6c3
support.function.dom.js, support.function.js#E23399
keyword.operator.js#f36465normal
source.js#888
source.ruby#BDF4FF
variable.other.readwrite.instance.ruby, punctuation.definition.variable.ruby#6bc76bitalic
source.ruby.embedded.source, punctuation.setting.embedded.ruby#f36465normal
text.html.ruby text.html.basic source.ruby.rails.embedded.html punctuation.section.embedded.ruby#fa8c44normal
constant.other.symbol.ruby, punctuation.definition.constant.ruby#f36465normal
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string#c4bfd5
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string#dad6c3
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string#c4bfd5
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string#dad6c3
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string#c4bfd5
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string#dad6c3
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string#c4bfd5
source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string#dad6c3
source.json meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary string#c4bfd5
source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary string#dad6c3
source.json meta meta meta meta meta meta meta meta meta.structure.dictionary string#c4bfd5
source.json meta meta meta meta meta meta meta meta.structure.dictionary string#dad6c3
source.json meta meta meta meta meta meta meta.structure.dictionary string#c4bfd5
source.json meta meta meta meta meta meta.structure.dictionary string#dad6c3
source.json meta meta meta meta meta.structure.dictionary string#c4bfd5
source.json meta meta meta meta.structure.dictionary string#dad6c3
source.json meta meta meta.structure.dictionary string#c4bfd5
source.json meta meta.structure.dictionary string#dad6c3
meta.preprocessor#FFFFFF
meta.preprocessor keyword#FFFFFF
string.quoted.other.lt-gt.include#FFFFFF
string.quoted.double.include#FFFFFF
meta.diff, meta.diff.header#32B1DB
markup.deleted#E63333
markup.changed#F0E10E
markup.inserted#1DB347
string.quoted.double.html, string.quoted.single.html#FEFED0
constant.character.entity.html, constant.character.entity.html punctuation#F9FB8C
meta.tag.sgml.doctype, entity.name.tag.doctype, meta.tag.sgml.html, punctuation.definition.tag.html#736240
meta.tag, meta.tag entity#32B1DB
entity.name.tag.script.html, entity.name.tag.script#32B1DB
entity.name.tag.style.html#32B1DB
punctuation.definition.tag#32B1DB
meta.tag.sgml, entity.name.tag.doctype#736240
entity.other.attribute-name#B4E3F2
string.quoted.double.html, string.quoted.single.html#FEFED0
punctuation.definition.string.begin.html, punctuation.definition.string.end.html#F9FB8C
punctuation.definition.tag.begin, punctuation.definition.tag.end#32B1DB
meta.property-value support.constant.named-color.css, meta.property-value constant#FEFED0
meta.preprocessor.at-rule keyword.control.at-rule#736240
source.css meta.attribute-selector keyword.operator.comparison#FEFED0
entity.other.attribute-name.class.css, entity.other.attribute-name.class.css punctuation#EDB4E4
meta.constructor.argument#FEFED0
entity.other.attribute-name.id.css, entity.other.attribute-name.id.css punctuation#E642A2
entity.other.attribute-name.pseudo-element#FFAD73
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.tag.pseudo-class#FFAD73
support.type.property-name.css, meta.property-name#BDF4FF
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#FEFED0
meta.selector.css#32B1DB
entity.name.tag.css#32B1DB
entity.name.tag.wildcard, entity.other.attribute-name.universal#E5349B
keyword.other.unit#FEFED0
keyword.other.important.css#FEFED0
comment.block.sass#525252
entity.other.attribute-name.placeholder-selector.sass#FFFFFF
entity.other.attribute-selector.sass#FFFFFF
keyword.other.regex.sass#FFFFFF
comment.punctuation.comma.sass#FFFFFF
constant.other.color.rgb-value.css, meta.property-value.css constant.other.color.rgb-value.css, constant.other.color.rgb-value.css punctuation.definition.constant.css, meta.property-value.css constant.other.color.rgb-value.css punctuation.definition.constant.css#FFFFFF
keyword.control.at-rule.css.sass#42b03d bold
entity.other.attribute-name.id.css.sass#E642A2
comment.punctuation.semicolon.sass#FFFFFF
keyword.other.create.sql#E5349B
storage.type.sql#FCD660
storage.modifier.sql#FFFFFF
constant.other.database-name.sql#FFFFFF
markup.heading#FFFFFF bold
markup.list.numbered.markdown#E5349B
markup.list.unnumbered.markdown#E5349B
markup.bold.markdownbold
markup.italic.markdownitalic
punctuation.definition.italic.markdown, punctuation.definition.bold.markdown#FFFFFF bold italic
punctuation.definition.raw.markdown#FAB144
markup.raw.inline.markdown, markup.raw.block.markdown#FAB144
meta.block-level.markdown#6A2B94
punctuation.definition.blockquote.markdown#6A2B94
punctuation.definition.link.markdown#6A2B94
string.other.link.description.markdown, string.other.link.title.markdown#A9C45A
markup.underline.link.image.markdown, meta.link.inline.markdown#719DD6
string.other.link.description.title.markdown#A9C45A
constant.other.reference.link.markdown#A9C45A
markup.deleted.git_gutter#E63333
markup.inserted.git_gutter#1DB347
markup.changed.git_gutter#F0E10E
entity.name.filename.find-in-files#FFFFFF
constant.numeric.line-number.match.find-in-files#FFFFFF
keyword.other.name.sublime-settings#FFFFFF
entity.other.control#FFFFFF
constant.character.escape#FFFFFF
storage.type.regexp.group, string meta.group.regexp punctuation.definition.group, punctuation.definition.group.regexp#FFFFFFbold italic
support.operator.quantifier#FFFFFF
constant.numeric.key#FFFFFFbold
source.yaml-tmlanguage support.type#FFFFFFbold
source.yaml-tmlanguage keyword.other.match#FFFFFF
source.yaml-tmlanguage keyword.other.name#FFFFFF
source.yaml-tmlanguage meta.folding-marker keyword.other.folding-marker#FFFFFF
sublimelinter.annotations#FFFFFF
sublimelinter.outline.illegal#FFFFFF
sublimelinter.underline.illegal
sublimelinter.outline.warning#FFFFFF
sublimelinter.underline.warning
sublimelinter.outline.violation#FFFFFF
sublimelinter.gutter-mark#FFFFFF
sublimelinter.mark.error#FFFFFF
sublimelinter.mark.warning#FFFFFF
brackethighlighter.default#FFFFFF
brackethighlighter.unmatched#FFFFFF
brackethighlighter.curly#FFFFFF
brackethighlighter.round#FFFFFF
brackethighlighter.square#FFFFFF
brackethighlighter.angle#FFFFFF
brackethighlighter.tag#FFFFFF
brackethighlighter.quote#FFFFFF
brackethighlighter.c_define#FFFFFF
brackethighlighter.bash#FFFFFF
keyword.mathematics.matlab#FFFFFF
gutter_color#ffffff
block_cursor#ffffff

Shiki preview

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

Loading...