Skip to main content
CodingTheme

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
mcol_3980BFFF#FFFFFFFF
mcol_333333FF#FFFFFFFF
mcol_444444FF#FFFFFFFF
mcol_FFFFFFFF#000000FF
mcol_330033FF#FFFFFFFF
mcol_303030FF#FFFFFFFF
mcol_225522FF#FFFFFFFF
mcol_252525FF#FFFFFFFF
mcol_222222FF#FFFFFFFF
mcol_242424FF#FFFFFFFF
mcol_999999FF#000000FF
mcol_000000FF#FFFFFFFF
mcol_F8F8F8FF#000000FF
mcol_EEEEEEFF#000000FF
mcol_EFEFEFFF#000000FF
mcol_B5BC67FF#000000FF
mcol_A775FFFF#000000FF
mcol_7C7C7CFF#FFFFFFFF
mcol_72D9E7FF#000000FF
mcol_6F2727FF#FFFFFFFF
mcol_CCCCCCFF#000000FF
mcol_E9C062FF#000000FF
mcol_C96666FF#000000FF
mcol_FF54E8FF#000000FF
mcol_242729FF#FFFFFFFF
mcol_96CBFEFF#000000FF
mcol_FF5500FF#FFFFFFFF
mcol_F1F1F1FF#000000FF
mcol_FF6600FF#000000FF
mcol_333333FF#FFFFFFFF
mcol_888888FF#000000FF
mcol_999999FF#000000FF
mcol_DB0404FF#FFFFFFFF
mcol_CCCCCCFF#000000FF
mcol_DDDDDDFF#000000FF
mcol_BBBBBBFF#000000FF
mcol_EEEEEEFF#000000FF
mcol_666666FF#FFFFFFFF
brackethighlighter.curly#db0
brackethighlighter.round#db0
brackethighlighter.square#db0
brackethighlighter.angle#db0
brackethighlighter.tag#db0
brackethighlighter.quote#db0
#Dff0f933
Handlebars.html_tags#e37222
punctuation.definition.list#949494
comment#576263italic
string#ff7400ee
constant.numeric#8fc2bbbb
constant.character, constant.other#22ff99df
constant.language#bDbe82
storage.modifier#bB7Dbfbold
storage#8B6ccfffitalic
entity.name.function#db0
support.function#ADAeB2
entity.name.function.misc#E3E4A9
entity.name.function.predicate#A5DF93
entity.name.function.io#DFB3AC
variable.other.external-symbol#BBDFDD
variable.language, variable.other#3aafff
variable.parameter#33b6a9
keyword#5adAf8
entity.name.class#B998DFbold
entity.name.structure#22ff99df
entity.name.type#af77a9ee
entity.name.class, entity.name.type.class#ff4377
support.class#ef6aa7dd
invalid#DFDFD5
string source#3399ffffitalic
entity.name.tag#49a6d2
entity.other.attribute-name#4986c2cc
sublimelinter.gutter-mark#FFFFFF
sublimelinter.mark.error#D02000
sublimelinter.mark.warning#DDB700

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...