Electric Grape Theme for VS Code

A vibrant theme that will capture everyones attention

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	Variables, colors, special functions, decorators
#c3e54d	Strings, regular expressions
#ffc828	Classes, operators, markdown headings
#ffbb36	CSS classes
#ee829a	Number, Constant, Function Argument, Tag Attribute, Embedded
#ff7999	Invalid, CSS id's, tags
#6881db	Attributes, block level variables

UI Colours

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

Other colours

Color
#7226a1
#5e0ec5
#60c
#8145d1
#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!