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
#666666
comment, comment punctuation#ADADAD
comment.block.preprocessor#ADADAD
comment.documentation, comment.block.documentation#BC670F
invalid.deprecateditalic underline
invalid.illegal#F9F2CE
keyword.operator#626FC9
keyword, storage#61862F
storage.type, support.type#6700B9
constant.language, support.constant, variable.language#7653C1
variable, support.variable#4C8FC7
variable punctuation#4C8FC7
entity.name.function, support.function, entity#61862F
entity.name.type, entity.other.inherited-class, support.class#3A1D72
entity.name.exception#F93232
entity.name.section, entity.name.section.markdown#666666bold
constant.numeric, constant#7653C1
punctuation#000000
constant.character, string#BC670F
string punctuation#E69A4C
constant.character.escapebold
string.regexp#699D36
constant.other.symbolbold
string source, text source#434343
-----------------------------------
meta.tag.sgml.doctype#7F7F7F
text.html.markdown entity.name.tag, text.html.markdown punctuation.definition.tag.html#AAAAAA
meta.disable-markdown#999999
meta.tag string punctuation#5FAFEF
punctuation.definition.tag#4F9FCF
constant.character.entity#000000
entity.other.attribute-name#4F9FCF
meta.tag string.quoted, meta.tag string.quoted constant.character.entity#D44950
-----------------------------------
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#3A77BF
meta.property-name, support.type.property-name#D4430D
meta.property-value constant.numeric, meta.property-value constant, meta.property-value keyword#43A202
-----------------------------------
markup.changed#000000
markup.deleted#000000
markup.italic, markup.italic.markdown#777777italic
string.other.link.title.markdown, string.other.link.description.markdown#333333
punctuation.definition.metadata.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.constant.markdown, punctuation.separator.key-value.markdown, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.heading.markdown#AAAAAA
markup.list.unnumbered.markdown meta.paragraph.list.markdown, markup.list.unnumbered.markdown punctuation.definition.list_item.markdown, markup.list.numbered.markdown, markup.list.numbered.markdown meta.paragraph.list.markdown, markup.list.numbered.markdown punctuation.definition.list_item.markdown#666666
meta.paragraph.markdown#666666aa
markup.error#F9F2CE
markup.inserted#000000
markup.output, markup.raw#7F7F7F
markup.prompt#555555
markup.headingbold
markup.heading.markdown#777777bold
markup.bold_italic, markup.bold_italic.markdown#777777bold italic
markup.bold, markup.bold.markdown#777777bold
markup.traceback#F93232
markup.underline, markup.underline.link.markdown, constant.other.reference.link.markdown, meta.image.reference.markdown#AAAAAA
-----------------------------------
meta.diff.range, meta.diff.index, meta.separator#434343
meta.diff.header.from-file#434343
meta.diff.header.to-file#434343
meta.header.multimarkdown, keyword.other.multimarkdown, string.unquoted.multimarkdown, punctuation.separator.key-value.multimarkdown#BBBBBB
meta.separator.markdown#AAAAAA
block_cursor#212121
entity.name.class
markup.deleted.git_gutter#F92672
markup.inserted.git_gutter#A6E22E
markup.changed.git_gutter#967EFB
markup.ignored.git_gutter#565656
markup.untracked.git_gutter#565656

Shiki preview

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

Loading...