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
#777777
comment, punctuation.definition.comment#c8c2b2
constant.numeric#ff6600
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#000normal
storage.type#9b16dd
variable, punctuation.definition.variable#ba3182
variable.other, meta.variable.other.valid#999italic
variable.language, variable.parameter.function.language#e0972bitalic
entity.other#BDF4FF
meta.structure.dictionary meta.structure.dictionary.key, constant.other.object.key string#c8c2b2bold
meta.structure.dictionary.value#c8c2b2
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#12b7b2normal
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#3fbd00normal
meta.function-call.arguments#FCD660 italic
variable.parameter.function#dfaf17italic
string -string.unquoted.old-plist -string.unquoted.heredoc, string.unquoted.heredoc string#9b8e6d
string.quoted punctuation.definition.string.begin, string.quoted punctuation.definition.string.end, punctuation.definition.string#669285
meta.class.instance.constructor#e0972b
string.quoted.double.js#9b8e6d
support.function.dom.js, support.function.js#E23399
keyword.operator.js#f36465normal
source.js#888
source.ruby#888
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#7d8caa
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#7d8caa
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#7d8caa
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#7d8caa
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#7d8caa
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#7d8caa
source.json meta meta meta meta meta meta meta.structure.dictionary string#c4bfd5
source.json meta meta meta meta meta meta.structure.dictionary string#7d8caa
source.json meta meta meta meta meta.structure.dictionary string#c4bfd5
source.json meta meta meta meta.structure.dictionary string#7d8caa
source.json meta meta meta.structure.dictionary string#c4bfd5
source.json meta meta.structure.dictionary string#7d8caa
meta.preprocessor#c8c2b2
meta.preprocessor keyword#c8c2b2
string.quoted.other.lt-gt.include#c8c2b2
string.quoted.double.include#c8c2b2
meta.diff, meta.diff.header#3278db
markup.deleted#E63333
markup.changed#F0E10E
markup.inserted#1DB347
string.quoted.double.html, string.quoted.single.html#b8df47
constant.character.entity.html, constant.character.entity.html punctuation#b8df47
meta.tag.sgml.doctype, entity.name.tag.doctype, meta.tag.sgml.html, punctuation.definition.tag.html#ad976c
meta.tag, meta.tag entity#3278db
entity.name.tag.script.html, entity.name.tag.script#3278db
entity.name.tag.style.html#3278db
punctuation.definition.tag#3278db
meta.tag.sgml, entity.name.tag.doctype#736240
entity.other.attribute-name#16abdd
string.quoted.double.html, string.quoted.single.html#ed8b4a
punctuation.definition.string.begin.html, punctuation.definition.string.end.html#16abdd
punctuation.definition.tag.begin, punctuation.definition.tag.end#3278db
meta.property-value support.constant.named-color.css, meta.property-value constant#ff6600
meta.preprocessor.at-rule keyword.control.at-rule#736240
source.css meta.attribute-selector keyword.operator.comparison#ff6600
entity.other.attribute-name.class.css, entity.other.attribute-name.class.css punctuation#e38bd5
meta.constructor.argument#ffcc00
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#0099cc
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#ff6600
meta.selector.css#3278db
entity.name.tag.css#3278db
entity.name.tag.wildcard, entity.other.attribute-name.universal#E5349B
keyword.other.unit#ff6600
keyword.other.important.css#ff6600
comment.block.sass#525252
entity.other.attribute-name.placeholder-selector.sass#c8c2b2
entity.other.attribute-selector.sass#c8c2b2
keyword.other.regex.sass#c8c2b2
comment.punctuation.comma.sass#c8c2b2
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#c8c2b2
keyword.control.at-rule.css.sass#42b03d bold
entity.other.attribute-name.id.css.sass#E642A2
comment.punctuation.semicolon.sass#c8c2b2
source.scss sass-script-maps constant.other.color.rgb-value.css.sass#000
keyword.other.create.sql#E5349B
storage.type.sql#FCD660
storage.modifier.sql#c8c2b2
constant.other.database-name.sql#c8c2b2
markup.heading#000000 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#bab19a bold italic
punctuation.definition.raw.markdown#fa8c44
markup.raw.inline.markdown, markup.raw.block.markdown#fa8c44
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#55b956
markup.underline.link.image.markdown, meta.link.inline.markdown#719DD6
string.other.link.description.title.markdown#cfa35f
constant.other.reference.link.markdown#719DD6
markup.deleted.git_gutter#E63333
markup.inserted.git_gutter#1DB347
markup.changed.git_gutter#F0E10E
entity.name.filename.find-in-files#c8c2b2
constant.numeric.line-number.match.find-in-files#c8c2b2
keyword.other.name.sublime-settings#c8c2b2
entity.other.control#c8c2b2
constant.character.escape#c8c2b2
storage.type.regexp.group, string meta.group.regexp punctuation.definition.group, punctuation.definition.group.regexp#c8c2b2bold italic
support.operator.quantifier#c8c2b2
constant.numeric.key#c8c2b2bold
source.yaml-tmlanguage support.type#c8c2b2bold
source.yaml-tmlanguage keyword.other.match#c8c2b2
source.yaml-tmlanguage keyword.other.name#c8c2b2
source.yaml-tmlanguage meta.folding-marker keyword.other.folding-marker#c8c2b2
sublimelinter.annotations#c8c2b2
sublimelinter.outline.illegal#c8c2b2
sublimelinter.underline.illegal
sublimelinter.outline.warning#c8c2b2
sublimelinter.underline.warning
sublimelinter.outline.violation#c8c2b2
sublimelinter.gutter-mark#c8c2b2
sublimelinter.mark.error#c8c2b2
sublimelinter.mark.warning#c8c2b2
brackethighlighter.default#c8c2b2
brackethighlighter.unmatched#c8c2b2
brackethighlighter.curly#c8c2b2
brackethighlighter.round#c8c2b2
brackethighlighter.square#c8c2b2
brackethighlighter.angle#c8c2b2
brackethighlighter.tag#c8c2b2
brackethighlighter.quote#c8c2b2
brackethighlighter.c_define#c8c2b2
brackethighlighter.bash#c8c2b2
keyword.mathematics.matlab#c8c2b2
gutter_color#c8c2b2
block_cursor#c8c2b2