Skip to main content
Coding Theme

Gruvbox Themes

Publisher: Tom PhilbinThemes in package: 6

All gruvbox themes for Visual Studio Code.

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
#3c383680
meta.group, meta.method-call.source.cs, meta.method.attribute.source.cs, meta.method.body.java, meta.method.body.source.cs, meta.method.source.cs, none, source, text#282828
entity.quasi.element meta.group.braces, keyword.operator keyword.operator.neon, keyword.operator operator.neon, keyword.operator.accessor, keyword.other.accessor, meta.attribute-selector keyword.operator.stylus, meta.brace, meta.delimiter, meta.group.braces, meta.punctuation.separator, meta.separator, punctuation#282828
comment, comment text, markup.strikethrough, punctuation.definition.comment, punctuation.whitespace.comment, string.comment, text.cancelled#928374italic
comment.keyword, comment.keyword.punctuation#504945
comment.parameter, comment.punctuation, comment.string, comment.type, keyword.other.phpdoc.php, punctuation.definition.keyword.javadoc, source.groovy keyword.other.documentation, source.java keyword.other.documentation, storage.type.annotation.coffeescript, storage.type.class.jsdoc#665c54
constant.language.name, entity.name.type, entity.other.inherited-class#b57614
constant.other.placeholder, entity.name.tag.mustache, entity.tag.tagbraces, punctuation.definition.string.template, punctuation.definition.template-expression, punctuation.quasi, punctuation.section.embedded, string.interpolated, variable.other.interpolation.scss#427b58
js.embedded.control.flow keyword.operator.js, keyword, keyword.control, keyword.operator.logical.python, meta.at-rule.media support.function.misc, meta.prolog.haml, meta.tag.sgml.doctype.html, storage.type.function.jade, storage.type.function.pug, storage.type.import.haxe, storage.type.import.include.jade, storage.type.import.include.pug, support.keyword.timing-direction, variable.documentroot#9d0006
keyword.control.at-rule support.type.property-vendor, punctuation.definition.keyword#cc241d
keyword.control.new, keyword.control.operator, keyword.operator, keyword.other.arrow, keyword.other.double-colon, punctuation.operator#427b58
constant.other.color punctuation.definition.constant, constant.other.symbol punctuation.definition.constant, constant.other.unit, keyword.other.unit, punctuation.section.flowtype, support.constant.unicode-range.prefix#b16286
storage, storage.type.annotation, storage.type.primitive#9d0006
storage.modifier.import, storage.modifier.package, storage.type.import, variable.import, variable.package#282828
entity.quasi.tag.name, meta.function storage.type.matlab, storage.type.function#427b58
entity.name.val.declaration, entity.name.variable, meta.definition.variable, storage.type.variable, support.type.custom-property, support.type.variable-name, variable, variable.interpolation variable, variable.other.interpolation variable, variable.parameter.dosbatch, variable.parameter.output.function.matlab, variable.parameter.sass#076678
keyword.other.custom-property.prefix, punctuation.definition.custom-property, punctuation.definition.variable, support.constant.custom-property-name.prefix, variable.interpolation, variable.other.dollar punctuation.dollar, variable.other.object.dollar punctuation.dollar#458588
entity.name.function punctuation.dollar#98971a
meta.property.object#282828
constant.other.object.key string, meta.object-literal.key#282828
meta.parameters, variable.parameter#282828
variable.parameter.url#79740e
constant, constant.numeric, constant.other, constant.other.color, constant.other.symbol, support.constant, support.constant.color, support.constant.font-name, support.constant.media, support.constant.prototype, variable.language#8f3f71
variable.language punctuation.definition.variable#b16286
entity.name.constant, variable.other.constant#b57614
constant.character.escape, constant.character.escaped, constant.character.quoted, constant.other.character-class.escape#9d0006
invalid#282828
invalid keyword.other.custom-property.prefix, invalid support.type.custom-property.name#282828
message.error#9d0006
meta.object-literal.key string, string#79740e
source.regexp, string.regexp#79740e
string.regexp punctuation.definition.string#665c54
keyword.control.set.regexp, punctuation.definition.character-class, string.regexp.character-class.ruby#8f3f71
string.regexp.group#282828
constant.other.assertion.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.group.capture.regexp#076678
constant.other.character-class.escape.backslash.regexp, keyword.control.character-class.regexp, string.regexp.character-class constant.character.escape#b57614
string.regexp.arbitrary-repetition, string.regexp.arbitrary-repetition punctuation#427b58
constant.other.reference.link, string.other.link#427b58
meta.image.inline punctuation.definition.string, meta.link.inline punctuation.definition.string, meta.link.reference punctuation.definition.constant, meta.link.reference.literal punctuation.definition.constant, meta.link.reference.literal punctuation.definition.string#689d6a
punctuation.definition.tag#076678
markup.heading#79740e
punctuation.definition.heading, punctuation.definition.identity#98971a
markup.bold#af3a03bold
punctuation.definition.bold#d65d0ebold
markup.italic#9d0006italic
punctuation.definition.italic#cc241ditalic
markup.raw.inline#b57614
markup.raw.inline punctuation.definition.raw#d79921
markup.quote#8f3f71
markup.quote punctuation.definition.blockquote#b16286
markup.list#076678
markup.list punctuation.definition.list_item#458588
meta.separator.markdown#928374
meta.function-call.constructor variable.type, support.class, support.type, variable.other.class#b57614
support.class punctuation.dollar#d79921
entity.name.function.jade, entity.name.function.pug, keyword.other.special-method, meta.function-call variable.function, meta.function-call variable.other.dollar.only punctuation.dollar, support.function#427b58
meta.function-call.method support.function, meta.function-call.method variable.function, meta.function-call.static variable.function, meta.method-call, meta.method-call support.function, meta.method-call variable.function, support.function.mutator#689d6a
support.module#8f3f71
entity.name.accessor, entity.name.function, entity.name.label, entity.name.section#79740e
entity.name.module#af3a03
constant.id.tag, entity.name.tag.id, entity.other.attribute-name.id#af3a03
entity.other.attribute-name.id punctuation.definition.entity#d65d0e
entity.name.tag.class, entity.other.attribute-name.class#b57614
entity.other.attribute-name.class punctuation.definition.entity#d79921
meta.attribute-selector entity.other.attribute-name#d79921
constant.character.entity punctuation.definition.constant, constant.character.entity punctuation.definition.entity#b16286
entity.name.class, entity.name.type.class#b57614
entity.name.function.neon, entity.name.namespace.wildcard, entity.name.tag, entity.tag, keyword.control.untitled, keyword.doctype.xml, keyword.operator support.other.neon, punctuation.definition.prolog.haml, source.less keyword.control.html.elements#076678
entity.name.attribute-name, entity.other.attribute-name, meta.section.attributes.haml constant.other.symbol.ruby#b57614
entity.other.attribute-name.placeholder punctuation.definition.entity, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, entity.other.attribute-name.tag.pseudo-class, entity.other.attribute-name.tag.pseudo-element, entity.other.pseudo-class, entity.other.pseudo-element, support.type.vendor-prefix#d79921
entity.function-name.stylus, entity.other.animation-keyframe.stylus, entity.other.animation-name, keyword.language.function.misc.stylus, meta.at-rule.keyframes entity.name.function, variable.other.animation-name#427b58
entity.other.namespace-prefix#427b58
meta.class.body, meta.tag#282828
meta.image, meta.link#8f3f71
meta.image punctuation.definition.metadata, meta.link punctuation.definition.metadata#b16286
meta.require#79740e
constant.name.attribute.tag.jade, constant.name.attribute.tag.pug, meta.brace.round, meta.function-call meta.group punctuation.definition.group, punctuation.definition.method-parameters, punctuation.definition.parameters#665c54
meta.property-name, support.type.property-name, support.type.shape.definition support.constant.property-value#79740e
meta.property-name support.type.vendor-prefix, support.type.property-name.media support.type.vendor-prefix#98971a
constant.string.sass, meta.property-value, support.constant.property-value#282828
meta.property-value support.type.vendor-prefix#665c54
source.diff#7c6f64
meta.diff.header.from-file#076678
punctuation.definition.from-file#458588
meta.diff.header.to-file#8f3f71
punctuation.definition.to-file#b16286
meta.diff.range, meta.toc-list.line-number#b57614
punctuation.definition.range.diff#d79921
constant.numeric.line-number#928374
constant.numeric.line-number.match#427b58
entity.name.filename#79740e
markup.deleted, punctuation.definition.deleted#9d0006
markup.inserted, punctuation.definition.inserted#79740e
markup.changed, punctuation.definition.changed#b57614
markup.ignored#928374
markup.untracked#928374
brackethighlighter.tag#665c54
brackethighlighter.curly#665c54
brackethighlighter.round#665c54
brackethighlighter.square#665c54
brackethighlighter.angle#665c54
brackethighlighter.quote#665c54
brackethighlighter.unmatched#9d0006
sublimelinter.mark.error#9d0006
sublimelinter.gutter-mark#928374
sublimelinter.mark.warning#b57614
raw.nibble.upper#282828
raw.nibble.lower#282828
hexviewer.highlight#fbf1c7
hexviewer.highlight.edited#fbf1c7
glyph.carriage-return#3c383626
glyph.new-line#3c383626
keyword.control.header.todo#79740e
notes.todo#665c54
text.todo punctuation.definition.bold, text.todo punctuation.definition.italic#a89984
meta.item.todo.pending#282828
punctuation.definition.bullet.pending.todo#928374
punctuation.definition.bullet.completed.todo#427b58
punctuation.definition.bullet.cancelled.todo#9d0006
string.other.tag.todo.critical#9d0006bold
string.other.tag.todo.high#af3a03bold
string.other.tag.todo.low#076678bold
string.other.tag.todo.today#b57614bold
meta.tag.todo#8f3f71
punctuation.definition.url, todo.url#076678
meta.punctuation.archive.todo, meta.punctuation.separator.todo#928374italic

Shiki preview

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

Loading...

Gruvbox Themes - Coding Theme