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
#B0B0B0
comment#97937f
string#f6f6f5
constant.numeric#AC58FF
constant.language#AC58FF
constant.character, constant.other#AC58FF
variable#B7C6DA
keyword#E95293
storage#FF5BA2
storage.type#83C2DBitalic
entity.name.class#82C600underline
entity.other.inherited-class#82C600italic underline
entity.name.function#E99500underline
variable.parameter#85AC3Aitalic
entity.name.tag#914BD5
entity.other.attribute-name#D5AEFF
meta.tag.other, entity.name.tag.style, entity.name.tag.script, meta.tag.block.script, source.js.embedded punctuation.definition.tag.html, source.css.embedded punctuation.definition.tag.html#D8A2E6
punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end#914BD5
meta.tag string -source -punctuation, text source text meta.tag string -punctuation#82BAF2
punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html#D0B344
meta.toc-list.id#9AA83A
string.quoted.double.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html#9AA83A
meta.selector.css entity.other.attribute-name.id, meta.selector.css entity.other.attribute-name.class, meta.selector.css#85AC3A
support.type.property-name.css#B0B0B0
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#85AC3A
constant.other.symbol.ruby#9AA83A
variable.language.ruby#D0B344
keyword.other.special-method.ruby#D9B700
source.ruby.embedded.source#D08442
keyword.other.DML.sql#D0B344
support.function#4DB1D8
support.constant#4DB1D8
support.type, support.class#4DB1D8italic
support.other.variable
invalid
invalid.deprecated#ffffff
meta.diff, meta.diff.header#655c2d
markup.deleted#FF5BA2
markup.inserted#82C600
markup.changed#ffff63
constant.numeric.line-number.find-in-files - match#000000
entity.name.filename.find-in-files#ffff63
sublimelinter.gutter-mark#E99500
sublimelinter.mark.error#D02000
sublimelinter.mark.warning#DDB700
MultiTheme by Arturo Arevalo - VS Code Theme