Electric Grape Theme
Publisher: Julian R FestingThemes in package: 1
A fun theme for vscode
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeFocusBorder#ffbb36
- activityBar.background#3c2157
- activityBar.border#ff7999
- activityBar.foreground#ffbb36
- activityBar.inactiveForeground#ff7999
- activityBarBadge.background#ffbb36
- activityBarBadge.foreground#7226a1
- badge.background#7226a1
- badge.foreground#ff7999
- button.background#ff7999
- button.foreground#5e0ec5
- checkbox.background#ff7999
- checkbox.foreground#5e0ec5
- debugConsole.errorForeground#ff5630
- debugExceptionWidget.background#3c2157
- debugExceptionWidget.border#aaa
- debugToolBar.background#295e62
- descriptionForeground#ff7999
- dropdown.background#3c2157
- dropdown.border#ffbb36
- dropdown.foreground#ffbb36
- dropdown.listBackground#3c2157
- editor.background#3c2157
- editor.foreground#ffffff
- editor.hoverHighlightBackground#ffbb3633
- editor.lineHighlightBackground#32047a
- editor.lineHighlightBorder#8145d133
- editor.selectionBackground#295e62
- editor.selectionForeground#c3e54d
- editorCursor.foreground#ffffff
- editorError.foreground#ff0000
- editorGroupHeader.noTabsBackground#5e0ec5
- editorGroupHeader.tabsBackground#5e0ec5
- editorGutter.addedBackground#ffbb36
- editorGutter.background#32047a66
- editorGutter.deletedBackground#ff7999
- editorGutter.modifiedBackground#c3e54d
- editorHint.foreground#ffbb36
- editorLineNumber.activeForeground#ffbb36
- editorLineNumber.foreground#9260f3
- editorPane.background#ffc828
- editorWarning.border#ffffff00
- editorWarning.foreground#ffbb36
- editorWhitespace.foreground#ffffff52
- editorWidget.background#5e0ec5
- editorWidget.border#295e62
- errorForeground#ff7999
- focusBorder#6881db
- foreground#ffffff
- gitDecoration.conflictingResourceForeground#c3e54d
- gitDecoration.deletedResourceForeground#c3e54d
- gitDecoration.ignoredResourceForeground#6881db
- gitDecoration.modifiedResourceForeground#32047a
- gitDecoration.untrackedResourceForeground#5e0ec5
- icon.foreground#8145d1
- input.background#3c2157
- input.border#7226a1
- input.foreground#ffffff
- input.placeholderForeground#aaa
- inputOption.activeBorder#32047a
- inputValidation.errorBackground#3c2157
- inputValidation.errorBorder#ffbb36
- inputValidation.infoBackground#5e0ec5
- inputValidation.infoBorder#60c
- inputValidation.warningBackground#ffbb36
- inputValidation.warningBorder#c3e54d
- list.activeSelectionBackground#6881db
- list.activeSelectionForeground#32047a
- list.dropBackground#32047a
- list.focusBackground#c3e54d
- list.focusForeground#32047a
- list.hoverBackground#6881db
- list.inactiveSelectionBackground#6881db
- list.inactiveSelectionForeground#32047a
- menu.background#60c
- menu.border#32047a
- menu.foreground#ffbb36
- menu.selectionBackground#295e62
- menu.selectionForeground#ffffff
- menubar.selectionBackground#3c2157
- merge.border#3c215700
- merge.commonContentBackground#ffbb3633
- merge.commonHeaderBackground#ffbb3633
- merge.currentContentBackground#ff799933
- merge.currentHeaderBackground#ff799933
- merge.incomingContentBackground#c3e54d33
- merge.incomingHeaderBackground#c3e54d33
- notificationCenter.border#ffbb36
- notificationCenterHeader.background#32047a
- notificationCenterHeader.foreground#ffc828
- notificationLink.foreground#ee829a
- notifications.background#3c2157
- notifications.foreground#ffc828
- panel.background#32047a
- panel.border#ff7999
- panelTitle.activeBorder#ffc828
- panelTitle.activeForeground#ffbb36
- peekView.border#ffc828
- peekViewEditor.background#3c2157
- peekViewResult.background#295e62
- peekViewTitle.background#5e0ec5
- progressBar.background#6881db
- scrollbar.shadow#8145d1
- scrollbarSlider.activeBackground#7226a1
- scrollbarSlider.hoverBackground#8145d1
- settings.headerForeground#c3e54d
- sideBar.background#295e62
- sideBar.border#8145d1
- sideBar.dropBackground#ee829a
- sideBar.foreground#ffffff
- sideBarSectionHeader.background#6881db
- sideBarSectionHeader.border#8145d1
- sideBarSectionHeader.foreground#32047a
- sideBarTitle.foreground#32047a
- statusBar.background#8145d1
- statusBar.foreground#ffbb36
- statusBarItem.activeBackground#6881db
- statusBarItem.hoverBackground#9260f3
- statusBarItem.prominentHoverBackground#9260f3
- tab.activeBackground#ffbb36
- tab.activeForeground#3c2157
- tab.hoverBackground#ffc828
- tab.hoverBorder#3c2157
- tab.inactiveBackground#ee829a
- tab.inactiveForeground#ffffff
- terminalCursor.foreground#c3e54d
- textLink.activeForeground#c3e54d
- textLink.foreground#ffbb36
- titleBar.activeBackground#c3e54d
- titleBar.activeForeground#7226a1
- titleBar.border#8145d1
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #ffbb36 | italic |
| variable, string constant.other.placeholder | #ffffff | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #ff7999 | — |
| keyword, storage.type, storage.modifier | #9260f3 | — |
| keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #ffc828 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #ff7999 | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #ffffff | — |
| meta.block variable.other | #6881db | — |
| support.other.variable, string.other.link | #ff7999 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #ee829a | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #c3e54d | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #ffc828 | — |
| support.type | #ffffff | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #ee829a | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #ee829a | — |
| variable.language | #ee829a | italic |
| entity.name.method.js | #c3e54d | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #ffbb36 | — |
| entity.other.attribute-name | #6881db | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #ffc828 | italic |
| entity.other.attribute-name.class | #ffbb36 | — |
| source.sass keyword.control | #ff7999 | — |
| markup.inserted | #c3e54d | — |
| markup.deleted | #ff7999 | — |
| markup.changed | #9260f3 | — |
| string.regexp | #c3e54d | — |
| constant.character.escape | #c3e54d | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #ffffff | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #ff7999 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #9260f3 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ffbb36 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ffc828 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ff7999 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ee829a | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #c3e54d | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #5e0ec5 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #60c | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #7226a1 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #ffffff | — |
| text.html.markdown markup.inline.raw.markdown | #ee829a | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #c3e54d | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #ffc828 | — |
| markup.italic | #295e62 | italic |
| markup.bold, markup.bold string | #c3e54d | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #ff7999 | bold |
| markup.underline | #6881db | underline |
| markup.quote punctuation.definition.blockquote.markdown | #ffffff | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #ff7999 | — |
| string.other.link.description.title.markdown | #ee829a | — |
| constant.other.reference.link.markdown | #ff7999 | — |
| markup.raw.block | #ee829a | — |
| markup.raw.block.fenced.markdown | #6881db | — |
| punctuation.definition.fenced.markdown | #295e62 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #ffffff | — |
| variable.language.fenced.markdown | #ee829a | — |
| meta.separator | #5e0ec5 | bold |
| markup.table | #ffffff | — |