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
#F8F8F2
comment#6d6d6d
string#97d8ea
constant.numeric#fc9354
constant.language#fc9354
constant.character, constant.other#fc9354
variable
keyword#f63249
storage#f63249
storage.type#73c3d2italic
entity.name.class#2e98e2underline
entity.other.inherited-class#2e98e2italic underline
entity.name.function#2e98e2
variable.parameter#fc9354italic
entity.name.tag#f63249
entity.other.attribute-name#2e98e2
support.function#8ecfdb
support.constant#8ecfdb
support.type, support.class#8ecfdbitalic
support.other.variable
support.other.namespace, entity.name.type.namespace#FFB2F9
support.other.namespace.use-as.php#66D9EF
variable.language.namespace.php#D66990
punctuation.separator.inheritance.php#F92672
support.function.misc.css, support.constant.property-value.css, support.constant.font-name.css#FFEE99
meta.tag.template.value.twig, meta.tag.template.block.twig#CD5AC5
keyword.control.twig#E05D8C
variable.other.twig#E5A5E0
variable.other.property.twig#FFE1FC
constant.language.twig#FFD2A6
constant.numeric.twig#FFD0FB
support.function.twig#90E7F7
meta.function-call.other.twig#FAB85A
meta.function-call.twig#FAB85A
invalid#F8F8F0
invalid.deprecated#F8F8F0