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
#CCC
comment#444italic
variable#cc0bold
keyword#336699
constant.numeric#A00bold
constant#569CD6bold
constant.language#669CD6bold
constant.language.boolean#569CD6
string#AAA
constant.character.escape, string source#f90
meta.preprocessor#9B9B9B
keyword.control.import#c00
entity.name.function, keyword.other.name-of-parameter.objc#111bold
entity.name.type#0f0f0fbold
storage.type#336699bold
storage.modifier#336699italic
entity.other.inherited-class#111bold
variable.parameter
storage.type.method#70727E
meta.section entity.name.section, declaration.section entity.name.section
support.function#0b0italic
support.class, support.type#336699bold
support.constant#569CD6bold
support.variable#FFFFFF
keyword.operator.js#677677
invalid#f00
invalid.deprecated.trailing-whitespace
text source, string.unquoted#FFFitalic
meta.xml-processing, declaration.xml-processing#68685B
meta.doctype, declaration.doctype#808080
meta.doctype.DTD, declaration.doctype.DTD
meta.tag, declaration.tag#888
entity.name.tag#900bold
entity.other.attribute-name#0a0italic bold
string.quoted.double.xml, string.quoted.double.html#BBBbold
markup.heading#0C07FF
markup.quote#000000
markup.list#B90690
meta.selector.css entity.name.tag#DB7
meta.selector.css entity.other.attribute-name.tag.pseudo-class#D7BA7D
meta.selector.css entity.other.attribute-name.id#f90
meta.selector.css entity.other.attribute-name.class#cc0
support.type.property-name.css#336699
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#C8C8C8
meta.preprocessor.at-rule keyword.control.at-rule#87CEFA
entity.other.less.mixin#98E124
variable.declaration.less#FEB55A
MultiTheme by Arturo Arevalo - VS Code Theme