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
source.js#ecd795
text#dddddd
comment#80a78c
string#a1d7f2
constant.numeric#73e4f6
constant.language#ec691e
constant.character, constant.other#73e4f6
variable#ecd795
keyword#ec691e
keyword.controlbold
keyword.operator - keyword.operator.new, meta.delimiter, meta.brace, punctuation.terminator, punctuation.definition.function, punctuation.definition.tag, punctuation.definition.parameters#ffffff
storage#ec691e
storage.type, storage.modifier#ec691ebold
entity.name.class#f7c527underline
entity.other.inherited-class#f7c527italic underline
entity.name.function#f7c527
variable.parameter#ecd795
entity.name.tag#ec691e
entity.other.attribute-name, entity.other.less.mixin#f7c527
support.function#ec691e
support.constant#73e4f6
support.type - support.type.property-name, support.class#f7c527
support.other.variable
invalid#F8F8F0
invalid.deprecated#F8F8F0
meta.structure.dictionary.json string.quoted.double.json
meta.diff, meta.diff.header#80a78c
markup.deleted#ec691e
markup.inserted#f7c527
markup.changed#a1d7f2
constant.numeric.line-number.find-in-files - match#AE81FFA0
entity.name.filename.find-in-files#a1d7f2
punctuation.section.embedded#73e4f6bold