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
#CDCDCD
meta.thomas_aylott#000000bold
meta.subtlegradient#555555underline
meta.subtlegradient#E6E6E6
string -meta.tag -meta.doctype -string.regexp -string.literal -string.interpolated -string.quoted.literal -string.unquoted, variable.parameter.misc.css, text string source string, string.unquoted string, string.regexp string#D2D1AB
punctuation.definition.string -meta.tag#533F2C
string.regexp punctuation.definition.string, string.quoted.literal punctuation.definition.string, string.quoted.double.ruby.mod punctuation.definition.string#FFF80033
string.quoted.literal, string.quoted.double.ruby.mod#A6A458
string.unquoted -string.unquoted.embedded, string.quoted.double.multiline, meta.scope.heredoc#D2BEAB
string.interpolated#D2D1AB
string.regexp#A6A458
string.regexp.group
string.regexp.group string.regexp.group #FFFFFF66
string.regexp.group string.regexp.group string.regexp.group #FFFFFF66
string.regexp.group string.regexp.group string.regexp.group string.regexp.group #FFFFFF66
string.regexp.character-class#80A659
string.regexp.arbitrary-repitition#56A5A4
source.regexp keyword.operator#A75980
string.regexp comment#FFFFFFitalic
meta.group.assertion.regexp
meta.assertion, meta.group.assertion keyword.control.group.regexp#5780A6
constant.numeric#95A658
constant.character#80A659
constant.language, keyword.other.unit, constant.other.java, constant.other.unit#59A559
constant.language.pseudo-variable#59A559
constant.other, constant.block#57A57D
support.constant, constant.name#56A5A4
—————————————————
variable.language, variable.other.readwrite.global.pre-defined#5E6B6B
variable.other.constant#56A5A4
support.variable#56A5A4
variable.other.readwrite.global#2B5252
variable.other, variable.js#5780A6
variable.other.readwrite.class#5780A6
variable.other.readwrite.instance#555F69
variable.other.php, variable.other.normal#555F69
punctuation.definition -punctuation.definition.comment, punctuation.separator.variable#00000080
—————————————————
storage -storage.modifier#A77D58
other.preprocessor, entity.name.preprocessor
variable.language.this.js#666666
storage.modifier#533F2C
entity.name.class, entity.name.type.class, entity.name.type.module#A7595A
meta.class -meta.class.instance, declaration.class, meta.definition.class, declaration.module#532D2D
support.type, support.class#A7595A
entity.name.instance#A7595A
meta.class.instance.constructor
entity.other.inherited-class, entity.name.module#A75980
object.property.function, meta.definition.method#A75980
meta.function -(meta.tell-block), meta.property.function, declaration.function#532D40
entity.name.function, entity.name.preprocessor#A75980
—————————————————
keyword#A459A5
keyword.control#A459A5
keyword.other.special-method, meta.function-call entity.name.function -(meta.function-call meta.function), support.function - variable#8D809D
support.function - variable#634683
keyword.operator, declaration.function.operator, meta.preprocessor.c.include#7979B7bold
keyword.operator.comparison#9899C8
variable.parameter -variable.parameter.misc.css, meta.definition.method meta.definition.param-list, meta.function.method.with-arguments variable.parameter.function#ABACD2
—————————————————
✘ HTML
meta.doctype, meta.tag.sgml-declaration.doctype, meta.tag.sgml.doctype#CDCDCD
meta.tag#333333
meta.tag.structure, meta.tag.segment#666666
meta.tag.block, meta.tag.xml, meta.tag.key#4C4C4C
meta.tag.inline#A77D58
meta.tag.inline source
meta.tag.other, entity.name.tag.style, source entity.other.attribute-name -text.html.basic.embedded, entity.name.tag.script, meta.tag.block.script#A7595A
meta.tag.form, meta.tag.block.form#5780A6
meta.tag.meta#A459A5
meta.section.html.head
meta.section.html.form
meta.tag.xml#666666
entity.name.tag#FFFFFF4D
entity.other.attribute-name, meta.tag punctuation.definition.string#FFFFFF33
meta.tag string -source -punctuation, text source text meta.tag string -punctuation#FFFFFF66
—————————————————
M markdown
markup markup -(markup meta.paragraph.list)#A6A458
markup.hr#000000
markup.heading#666666
markup.boldbold
markup.italicitalic
M strike
M add
M del
markup.underlineunderline
meta.reference, markup.underline.link#5780A6
entity.name.reference#56A5A4
meta.reference.list markup.underline.link, text.html.textile markup.underline.link#56A5A4underline
markup.raw.block#999999
markup.quote
—————————————————
source.css
meta.selector#666666
meta.attribute-match.css#575AA6
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.tag.pseudo-class#7C58A5
meta.selector entity.other.attribute-name.class#A459A5
meta.selector entity.other.attribute-name.id#A75980
meta.selector entity.name.tag#A7595A
entity.name.tag.wildcard, entity.other.attribute-name.universal#A77D58bold
meta.scope.property-list#333333bold
meta.property-name#999999
support.type.property-name#FFFFFF
meta.property-value#999999
—————————————————
text.latex
text.latex markup.raw
text.latex support.function -support.function.textit -support.function.emph#BDABD1
text.latex support.function.section#FFFFFFBF
text.latex entity.name.section -meta.group -keyword.operator.braces#000000
text.latex constant.language.general
text.latex keyword.operator.delimiter
text.latex keyword.operator.brackets#999999
text.latex keyword.operator.braces#666666
meta.footnote#0008FF4D
text.latex meta.label.reference
text.latex keyword.control.ref#A7595A
text.latex variable.parameter.label.reference#D2BEAB
text.latex keyword.control.cite#A75980
variable.parameter.cite#E8D5DE
text.latex variable.parameter.label#FFFFFF80
text.latex meta.group.braces#33333333
text.latex meta.environment.list#33333333
text.latex meta.environment.list meta.environment.list #33333333
text.latex meta.environment.list meta.environment.list meta.environment.list #33333333
text.latex meta.environment.list meta.environment.list meta.environment.list meta.environment.list #33333333
text.latex meta.environment.list meta.environment.list meta.environment.list meta.environment.list meta.environment.list #33333333
text.latex meta.environment.list meta.environment.list meta.environment.list meta.environment.list meta.environment.list meta.environment.list #33333333
text.latex meta.end-document, text.latex meta.begin-document, meta.end-document.latex support.function, meta.end-document.latex variable.parameter, meta.begin-document.latex support.function, meta.begin-document.latex variable.parameter#000000
—————————————————
meta.brace.erb.return-value#596B61
source.ruby.rails.embedded.return-value.one-line
punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html#56A5A4
source.ruby.rails.embedded.one-line
source string source punctuation.section.embedded#555F69
source
meta.brace.erb
source string source#FFFFFF
source string.interpolated source#999999
source.java.embedded
text -text.xml.strict#FFFFFF
text source, meta.scope.django.template#CCCCCC
◊ Text Source Text String
text string source#999999
◊ Text Source String Source
text string source string source
—————————————————
meta.syntax#333333
invalid#211211bold
0comment#8F8FC3italic
comment punctuation#0000FF1Abold
comment#333333
comment punctuation#262626bold italic
text comment.block -sourceitalic
—————————————————
markup.inserted#81BB9E
markup.deleted#BC839F
markup.changed#C3C38F
text.subversion-commit meta.scope.changed-files, text.subversion-commit meta.scope.changed-files.svn meta.diff.separator#FFFFFF
text.subversion-commit#000000
—————————————————
punctuation.terminator, meta.delimiter, punctuation.separator.method#FFFFFFbold
punctuation.terminator.statement, meta.delimiter.statement.js
meta.delimiter.object.js
string.quoted.single.brace, string.quoted.double.brace#533F2Cbold
—————————————————
text.blog -(text.blog text)
meta.headers.blog#666666
meta.headers.blog keyword.other.blog#192B2A
meta.headers.blog string.unquoted.blog#533F2C
—————————————————
meta.brace.pipe#4C4C4C
meta.brace.erb, source.ruby.embedded.source.brace, punctuation.section.dictionary, punctuation.terminator.dictionary, punctuation.separator.object#4C4C4Cbold
meta.group.braces.curly punctuation.section.scope, meta.brace.curly#FFFFFFbold
punctuation.separator.objects, meta.group.braces.curly meta.delimiter.object.comma, punctuation.separator.key-value -meta.tag#345743bold
meta.group.braces.square punctuation.section.scope, meta.group.braces.square meta.delimiter.object.comma, meta.brace.square, punctuation.separator.array, punctuation.section.array#695F55bold
meta.brace.curly meta.group#CDCDCD
meta.group.braces.round punctuation.section.scope, meta.group.braces.round meta.delimiter.object.comma, meta.brace.round#532D40bold
punctuation.section.function, meta.brace.curly.function, meta.function-call punctuation.section.scope.ruby#ABACD2
meta.source.embedded, entity.other.django.tagbraces#666666
source.js meta.group.braces.round, meta.scope.heredoc
meta.odd-tab.group1, meta.group.braces, meta.block.slate, text.xml.strict meta.tag, meta.tell-block meta.tell-block
meta.even-tab.group2, meta.group.braces meta.group.braces, meta.block.slate meta.block.slate, text.xml.strict meta.tag meta.tag, meta.group.braces meta.group.braces, meta.tell-block meta.tell-block
meta.odd-tab.group3, meta.group.braces meta.group.braces meta.group.braces, meta.block.slate meta.block.slate meta.block.slate, text.xml.strict meta.tag meta.tag meta.tag, meta.group.braces meta.group.braces meta.group.braces, meta.tell-block meta.tell-block meta.tell-block
meta.even-tab.group4, meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.block.slate meta.block.slate meta.block.slate meta.block.slate, text.xml.strict meta.tag meta.tag meta.tag meta.tag, meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.tell-block meta.tell-block meta.tell-block meta.tell-block
meta.odd-tab.group5, meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate, text.xml.strict meta.tag meta.tag meta.tag meta.tag meta.tag, meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block
meta.even-tab.group6, meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate, text.xml.strict meta.tag meta.tag meta.tag meta.tag meta.tag meta.tag, meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block
meta.odd-tab.group7, meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate, text.xml.strict meta.tag meta.tag meta.tag meta.tag meta.tag meta.tag meta.tag, meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block
meta.even-tab.group8, meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate, text.xml.strict meta.tag meta.tag meta.tag meta.tag meta.tag meta.tag meta.tag meta.tag, meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block
meta.odd-tab.group11, meta.odd-tab.group10, meta.odd-tab.group9, meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate meta.block.slate, text.xml.strict meta.tag meta.tag meta.tag meta.tag meta.tag meta.tag meta.tag meta.tag meta.tag, meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces meta.group.braces, meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block meta.tell-block
meta.block.slate#666666
meta.block.content.slate #CDCDCD
—————————————————

Shiki preview

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

Loading...

Brilliance_Dull Theme by gerane - VS Code Theme