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
#EEEEEE
meta.thomas_aylott#000000bold
meta.subtlegradient#555555underline
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, string.interpolated string, meta.tag source string#FFFC80
punctuation.definition.string -meta.tag#803D00
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#FFF800
string.unquoted -string.unquoted.embedded, string.quoted.double.multiline, meta.scope.heredoc#FFBC80
string.interpolated#FFFC80
string.regexp#FFF800
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#86FF00
string.regexp.arbitrary-repitition#00FFF8
string.regexp punctuation.definition.string keyword.other#803D00
meta.group.assertion.regexp
meta.assertion, meta.group.assertion keyword.control.group.regexp, meta.group.assertion punctuation.definition.group#0086FF
constant.numeric#C6FF00
constant.character#86FF00
constant.language, keyword.other.unit, constant.other.java, constant.other.unit#07FF00
constant.language.pseudo-variable#07FF00
constant.other, constant.block#00FF79
support.constant, constant.name#00FFF8
—————————————————
variable.other.readwrite.global.pre-defined, variable.language#00FF79
variable.other.constant#00FFF8
support.variable#00FFF8
variable.other.readwrite.global#00807C
variable.other, variable.js, punctuation.separator.variable#31A6FF
variable.other.readwrite.class#0086FF
variable.other.readwrite.instance#406180
variable.other.php, variable.other.normal#406180
punctuation.definition, punctuation.separator.variable#00000080
—————————————————
storage -storage.modifier#7E0080
other.preprocessor, entity.name.preprocessor
variable.language.this.js#666666
storage.modifier#803D00
entity.name.class, entity.name.type.class, entity.name.type.module#FF0000
meta.class -meta.class.instance, declaration.class, meta.definition.class, declaration.module#870000
support.type, support.class#FF0000
entity.name.instance, entity.name.type.instance#FF3D44
meta.class.instance.constructor
entity.other.inherited-class, entity.name.module#FF0086
meta.definition.method#FF0086
meta.function, meta.property.function, declaration.function
entity.name.function, entity.name.preprocessor#FF0086
variable.parameter.function#9799FF
variable.parameter -variable.parameter.misc.css, meta.definition.method meta.definition.param-list, meta.function.method.with-arguments variable.parameter.function#9799FF
punctuation.definition.parameters, variable.parameter.function punctuation.separator.object#800004
keyword.other.special-method, meta.function-call entity.name.function -(meta.function-call meta.function), support.function - variable#782EC1
meta.function-call support.function - variable#9D3EFF
support.function#603F80
punctuation.section.function, meta.brace.curly.function, meta.function-call punctuation.section.scope.ruby, meta.function-call punctuation.separator.object#BC80FF
meta.group.braces.round punctuation.section.scope, meta.group.braces.round meta.delimiter.object.comma, meta.group.braces.curly.function meta.delimiter.object.comma, meta.brace.round#BC80FFbold
meta.function-call.method.without-arguments, meta.function-call.method.without-arguments entity.name.function#A88FC0
—————————————————
keyword.control#F800FF
keyword
keyword.other#7900FF
source.regexp keyword.operator
keyword.operator, declaration.function.operator, meta.preprocessor.c.include, punctuation.separator.operator#0000CE
keyword.operator.assignment#0000CE
keyword.operator.arithmetic#2136CE
keyword.operator.logical#3759FF
keyword.operator.comparison#7C88FF
meta.class.instance.constructor keyword.operator.new#800043
—————————————————
✘ HTML
meta.doctype, meta.tag.sgml-declaration.doctype, meta.tag.sgml.doctype#CCCCCC
meta.tag#333333
meta.tag.structure, meta.tag.segment#666666
meta.tag.block, meta.tag.xml, meta.tag.key#4C4C4C
meta.tag.inline#FF7900
meta.tag.inline source
meta.tag.other, entity.name.tag.style, entity.name.tag.script, meta.tag.block.script, source.js.embedded punctuation.definition.tag.html, source.css.embedded punctuation.definition.tag.html#FF0007
meta.tag.form, meta.tag.block.form#0086FF
meta.tag.meta#F800FF
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
—————————————————
text meta.paragraph#999999
markup markup -(markup meta.paragraph.list)#FFF800
markup.hr#000000
markup.heading#FFFFFF
markup.bold#95D4FF80bold
markup.italicitalic
M strike
M add
M del
markup.underlineunderline
meta.reference, markup.underline.link#0086FF
entity.name.reference#00FFF8
meta.reference.list markup.underline.link, text.html.textile markup.underline.link#00FFF8underline
markup.raw.block
markup.quote
markup.list meta.paragraph#FFFFFF
—————————————————
text.html.markdown#000000
text.html.markdown meta.paragraph#000000
text.html.markdown markup.list meta.paragraph#555555
text.html.markdown markup.heading#000000bold
text.html.markdown string#8A5420
—————————————————
source.css
meta.selector#666666
source.css meta.scope.property-list meta.property-value punctuation.definition.arguments, source.css meta.scope.property-list meta.property-value punctuation.separator.arguments#006680
entity.other.attribute-name.pseudo-element#4F00FF
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.tag.pseudo-class#7900FF
meta.selector entity.other.attribute-name.class#F800FF
meta.selector entity.other.attribute-name.id#FF0086
meta.selector entity.name.tag#FF0007
entity.name.tag.wildcard, entity.other.attribute-name.universal#FF7900bold
source.css entity.other.attribute-name.attribute#C25A00
source.css meta.attribute-selector keyword.operator.comparison#673000
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#BC80FF
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#FF0007
text.latex variable.parameter.label.reference#FFBC80
text.latex keyword.control.cite#FF0086
variable.parameter.cite#FFBFE1
text.latex variable.parameter.label#FFFFFF80
meta.function markup#CDCDCD
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#00FFAA
source.ruby.rails.embedded.return-value.one-line
punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html#00FFF8
source.ruby.rails.embedded.one-line
source string source punctuation.section.embedded#406180
source.js.embedded
source
meta.brace.erb
source string source#FFFFFF
source string.interpolated source#999999
source source, 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
—————————————————
invalid -invalid.SOMETHING#330004bold
invalid.SOMETHING#FF3600underline
meta.syntax#333333
comment -comment.line#4C4C4C
comment.line#4C4C4Citalic
comment punctuation
text comment.block -sourceitalic
—————————————————
markup.inserted#40FF9A
markup.deleted#FF40A3
markup.changed#FFFF55
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#7F7F7Fbold
punctuation.terminator.statement, meta.delimiter.statement.js
meta.delimiter.object.js
string.quoted.single.brace, string.quoted.double.brace#803D00bold
—————————————————
text.blog, text.mail#333333
text.blog text, text.mail text#CCCCCC
meta.header.blog keyword.other, meta.header.mail keyword.other#06403E
meta.header.blog string.unquoted.blog, meta.header.mail string.unquoted#803D00
—————————————————
OCAML
source.ocaml entity.name.type.module#FF0000
source.ocaml support.other.module#FF0000
entity.name.type.variant#00FFF8
source.ocaml entity.name.tag, source.ocaml meta.record.definition#00FF79
———————— PUNCTUATION ————————
punctuation.separator.parameters#FFFFFFbold
meta.brace.pipe#4C4C4C
meta.brace.erb, source.ruby.embedded.source.brace, punctuation.section.dictionary, punctuation.terminator.dictionary, punctuation.separator.object, punctuation.separator.statement, punctuation.separator.key-value.css#666666bold
punctuation.section.scope.curly, punctuation.section.scope#999999bold
punctuation.separator.objects, meta.group.braces.curly meta.delimiter.object.comma, punctuation.separator.key-value -meta.tag, source.ocaml punctuation.separator.match-definition#0C823Bbold
punctuation.separator.parameters.function.js, punctuation.definition.function, punctuation.separator.function-return, punctuation.separator.function-definition, punctuation.definition.arguments, punctuation.separator.arguments#800043
meta.group.braces.square punctuation.section.scope, meta.group.braces.square meta.delimiter.object.comma, meta.brace.square, punctuation.separator.array, punctuation.section.array, punctuation.definition.array, punctuation.definition.constant.range#7F5E40bold
meta.structure.array -punctuation.definition.array, meta.definition.range -punctuation.definition.constant.range
meta.brace.curly meta.group.css
meta.source.embedded, entity.other.django.tagbraces#666666
source.js meta.group.braces.round, meta.scope.heredoc
source.ruby meta.even-tab, source.ruby meta.even-tab.group2, source.ruby meta.even-tab.group4, source.ruby meta.even-tab.group6, source.ruby meta.even-tab.group8, source.ruby meta.even-tab.group10, source.ruby meta.even-tab.group12
meta.block.slate#666666
meta.block.content.slate #CCCCCC
meta.function meta.group.braces.curly.function -(meta.group meta.group), meta.function meta.odd-tab.group1
meta.odd-tab.group1, meta.group.braces, meta.block.slate, text.xml.strict meta.tag, meta.paren-group, meta.section
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.paren-group meta.paren-group, meta.section meta.section
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.paren-group meta.paren-group meta.paren-group, meta.section meta.section meta.section
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.paren-group meta.paren-group meta.paren-group meta.paren-group, meta.section meta.section meta.section meta.section
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.paren-group meta.paren-group meta.paren-group meta.paren-group meta.paren-group, meta.section meta.section meta.section meta.section meta.section
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.paren-group meta.paren-group meta.paren-group meta.paren-group meta.paren-group meta.paren-group, meta.section meta.section meta.section meta.section meta.section meta.section
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.paren-group meta.paren-group meta.paren-group meta.paren-group meta.paren-group meta.paren-group meta.paren-group, meta.section meta.section meta.section meta.section meta.section meta.section meta.section
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.paren-group meta.paren-group meta.paren-group meta.paren-group meta.paren-group meta.paren-group meta.paren-group meta.paren-group, meta.section meta.section meta.section meta.section meta.section meta.section meta.section meta.section
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.paren-group meta.paren-group meta.paren-group meta.paren-group meta.paren-group meta.paren-group meta.paren-group meta.paren-group meta.paren-group, meta.section meta.section meta.section meta.section meta.section meta.section meta.section meta.section meta.section
meta.even-tab.group10
meta.odd-tab.group11
———————— END ————————
meta.property.vendor.microsoft.trident.4, meta.property.vendor.microsoft.trident.4 support.type.property-name, meta.property.vendor.microsoft.trident.4 punctuation.terminator.rule#1B95E2
meta.property.vendor.microsoft.trident.5, meta.property.vendor.microsoft.trident.5 support.type.property-name, meta.property.vendor.microsoft.trident.5 punctuation.separator.key-value, meta.property.vendor.microsoft.trident.5 punctuation.terminator.rule#F5C034

Shiki preview

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

Loading...