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
#BFD7DB
comment#404449italic
string#7FD6FA
string.regex#8abeb7
string.other.link#f25a55
constant#277BD3
constant.numeric#FD971F
constant.language#de347a
constant.character, constant.other#de347a
variable.function#277BD3
variable.other#BFD7DB
variable#BFD7DB
variable.assignment#f25a55
keyword#D3422E
keyword.control#F5BB12
keyword.control.definition#D3422E
keyword.operator#F5BB12
keyword.other.unit#F5BB12italic
storage#f25a55italic
storage.type#D3422Eitalic
storage.import#F5BB12italic
entity.name.function#F5BB12
entity.name.class#4BAE16
entity.name.type.class#4BAE16
entity.name.tag#FFC620
entity.name.section#277BD3
entity.other.inherited-class#f25a55underline
entity.other.attribute-name#f25a55
entity.other.attribute-name.html#f25a55
entity.other.attribute-name.id#277BD3
entity.name.function#277BD3
variable.parameter#FFC620italic
entity.name.tag#FFC620
entity.other.attribute-name#FFC620
support.function#FFC620
support.constant#DE347A
support.type, support.class#4BAE16italic
support.other.variable#3299CC
invalid#191B1F
invalid.deprecated#191B1F
punctuation.definition.comment#404449
punctuation.definition.array#BFD7DB
punctuation.definition.parameters#BFD7DB
punctuation.definition.heading#277BD3