Skip to main content
CodingTheme

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#D3D7CF
comment#B0B0B0italic
string#EDD400
constant.numeric#CE5A10
constant.language#ce5c00bold
constant.character, constant.other#AE81FF
variable#6290C5
keyword#FFFFFFbold
storage#FFFFFFbold
storage.type#FFFFFFitalic bold
storage.modifier#FFFFFFitalic bold
entity.name.class#FFFFFFunderline
entity.other.inherited-class#A6E22Eitalic underline
entity.name.function#FFFFFFbold
variable.parameter#FD971Fitalic bold
entity.name.tag, punctuation.definition.tag#729FCF
entity.name.tag.css#F92672bold
entity.other.attribute-name#A6E22E
support.function#FFFFFFbold
support.function.construct#73d216bold
support.constant#66D9EF
support.type, support.class#66D9EFitalic
support.other.variable
invalid#F8F8F0
invalid.deprecated#F8F8F0
remark.todo#FFFFAA
remark.done#DDDDDD
remark.wait#CCFFCC
remark.note#AAAAAA
remark.fixme#FFAAAA
remark.warning#FF9900
remark.info#FFFFAA
remark.exception#FFAAAA
remark.error#FF3366
meta.diff, meta.diff.header#75715E
markup.deleted#a40000
markup.inserted#4e9a06
markup.changed#204a87
text.html.markdown meta.dummy.line-break#E0EDDD
text.html.markdown markup.raw.inline#269186
punctuation.definition.raw.markdown#269186
markup.heading#cb4b16bold
markup.italic#839496italic
markup.bold#586e75bold
punctuation.definition.bold.markdown, punctuation.definition.italic.markdown#586e75
markup.underline#839496underline
markup.quote#268bd2italic
meta.separator#268bd2bold
storage.type.ts, storage.type.js, storage.type.tsx#FFFFFFitalic
keyword.operator#FFFFFFbold

Shiki preview

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

Loading...

Oblivion Theme by gerane - VS Code Theme