Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Electric Grape ThemeNew to Visual Studio Code? Get it now.
Electric Grape Theme

Electric Grape Theme

Julian R Festing

|
102 installs
| (0) | Free
A fun theme for vscode
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Electric-Grape-logo

Electric Grape Theme for VS Code

A vibrant theme that will capture everyones attention

preview

preview

Installation via VS Code

  1. Open Extensions sidebar panel in VS Code. View → Extensions
  2. Search for Electric Grape Theme
  3. Click Install to install it
  4. Click Reload to reload the editor
  5. Code > Preferences > Color Theme > Electric-Grape-color-theme

Colour Reference

Syntax Colours

Color Usage
#ffffff #ffffff Variables, colors, special functions, decorators
#c3e54d #c3e54d Strings, regular expressions
#ffc828 #ffc828 Classes, operators, markdown headings
#ffbb36 #ffbb36 CSS classes
#ee829a #ee829a Number, Constant, Function Argument, Tag Attribute, Embedded
#ff7999 #ff7999 Invalid, CSS id's, tags
#6881db #6881db Attributes, block level variables

UI Colours

Color Usage
#3c2157 #3c2157 Editor background, sidebar background
#32047a #32047a Panel background
#295e62 #295e62 Explorer background
#ee829a #ee829a Tabs
#c3e54d #c3e54d Title bar
#ffbb36 #ffbb36 Active tab, active icons

Other colours

Color
#7226a1 #7226a1
#5e0ec5 #5e0ec5
#60c #60c
#8145d1 #8145d1
#9260f3 #9260f3

Support

  • Visual Studio Code's Markdown Support
  • Markdown Syntax Reference
  • Visual Studio Code's Colour Reference
  • VS Code Theme Documentation
  • VS Code Publishing Extensions

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft