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
#d6d6d6
entity.other.attribute-name#cc7832
comment#797979
keyword, storage#CC7833
storage#a1617a
entity.name.function, keyword.other.name-of-parameter.objc#FFC66D
entity.name#FFFFFF
constant.numeric#b4c973
variable.language, variable.other#D0D0FF
constant#6D9CBE
variable.other.constant#c45837
constant.language#6c99bb
string#b4c973
support.function#c45837
support.type#6c99bb
support.constant#b4c973
meta.tag, declaration.tag, entity.name.tag#E8BF6A
invalid#FFFFFF
constant.character.escaped, constant.character.escape, string source, string source.ruby#a1617a
markup.inserted#E6E1DC
markup.deleted#E6E1DC
meta.diff.header, meta.separator.diff, meta.diff.index, meta.diff.range
keyword.other.unit#b4c973
entity.other.attribute-name.id.css#cc7732
entity.other.attribute-name.class#cc7732
entity.other.less.mixin#a1617a
variable.declaration.less#cc7732
keyword.control.html.elements#e5b567
meta.attribute-selector.css#cc7732
keyword.control.at-rule.css.sass#a1617a
markup.deleted.git_gutter#90516b
markup.inserted.git_gutter#b4c973
markup.changed.git_gutter#cc7732
markup.ignored.git_gutter#999999
markup.untracked.git_gutter#cccccc
sublimelinter.mark.warning#e5b567
sublimelinter.mark.error#c45330
sublimelinter.gutter-mark#FFFFFF