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
#fdf4c1aa
punctuation.definition.tag#83a598
punctuation.definition.entity#d3869b
constant#d3869b
constant.character.escape#b8bb26
constant.other#fdf4c1
entity#8ec07c
keyword.operator.comparison, keyword.operator, keyword.operator.symbolic, keyword.operator.string, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.class, keyword.operator.key, keyword.operator.logical#fe8019
keyword, keyword.operator.new, keyword.other, keyword.control#fa5c4b
storage#fa5c4b
string -string.unquoted.old-plist -string.unquoted.heredoc, string.unquoted.heredoc string#b8bb26
comment#928374italic
string.regexp constant.character.escape#b8bb26
support#fabd2f
variable#fdf4c1
variable.language#fdf4c1
meta.function-call#fdf4c1
invalid#fdf4c1
text source, string.unquoted.heredoc, source source#fdf4c1
string.quoted source#b8bb26
string#b8bb26
support.constant#fabd2f
support.class#8ec07c
entity.name.tag#8ec07cbold
meta.tag, meta.tag entity#8ec07c
constant.other.color.rgb-value#83a598
meta.selector.css entity.name.tag#fa5c4b
meta.selector.css, entity.other.attribute-name.id#b8bb26
meta.selector.css entity.other.attribute-name.class#b8bb26
support.type.property-name.css#8ec07c
meta.preprocessor.at-rule keyword.control.at-rule#fabd2f
meta.property-value constant#fabd2f
meta.property-value support.constant.named-color.css#fe8019
meta.constructor.argument.css#fabd2f
meta.diff, meta.diff.header#fdf4c1
markup.deleted#fdf4c1
markup.changed#fdf4c1
markup.inserted#fdf4c1
markup.boldbold
markup.italicitalic
markup.heading#8ec07cbold
entity.name.type.class.php#8ec07c
keyword.other.phpdoc#928374
constant.numeric.css, keyword.other.unit.css#d3869b
punctuation.definition.entity.css#b8bb26
variable.language.js#fabd2f
constant.other.table-name.sql#b8bb26
constant.other.database-name.sql#b8bb26
storage.type.dired.item.directory, dired.item.directory#8ec07c
orgmode.link#fabd2funderline
orgmode.page#b8bb26
orgmode.break#d3869b
orgmode.headline#8ec07c
orgmode.tack#fabd2f
orgmode.follow_up#fabd2f
orgmode.checkbox#fabd2f
orgmode.checkbox.summary#fabd2f
orgmode.tags#fa5c4b

Shiki preview

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

Loading...

theme-gruvbox-alt by saviorisdead - VS Code Theme