🖖 Electron Vue

This is a cool theme for cool developers!!! 🤓💫😎

🤯 Enjoy the new interface, harmony, color standardization and consistency

🧰 Getting started

You can install this awesome and cool theme through the Visual Studio Code Marketplace.

🧱 Installation

1. Install Visual Studio Code
2. Launch Visual Studio Code
3. Choose Extensions from menu
4. Search for Electron vue
5. Click Install to install it
6. Click Reload to reload the Code

✅ Activate Electron Vue Theme

Launch Quick Open:

• Linux Ctrl + Shift + P
• macOS ⌘ + Shift + P
• Windows Ctrl + Shift + P

Type theme, choose Preferences: Color Theme
And select: Electron vue
Ready! 😁

📣 Try the darker version: Electron Vue Darker 😍

✅ Activate Electron Vue Darker Theme

Launch Quick Open:

• Linux Ctrl + Shift + P
• macOS ⌘ + Shift + P
• Windows Ctrl + Shift + P

Type theme, choose Preferences: Color Theme
Select: Electron vue darker
And enjoy! 🎉🕺🏻🎊

🚧 👾 Neon Mode 🚧

Correction of Neon Mode - Work in progress...

🎨 Recommended settings for a better experience

1. Install the icons Material Icon Theme

2. Install the extension Bracket Pair Colorizer

3. And via user settings:

   {
       // Controls the font family.
       "editor.fontFamily": "Operator Mono Lig",
       // Font Size
       "editor.fontSize": 19,
       // Controls the line height. Use 0 to compute the lineHeight from the fontSize.
       "editor.lineHeight": 28,
       // Enables font ligatures
       "editor.fontLigatures": true,
       // Custom cursor
       "editor.cursorBlinking": "phase",
       "editor.cursorWidth": 4,
       // Spaces
       "editor.renderWhitespace": "all",
       // Controls if file decorations should use badges.
       "explorer.decorations.badges": false,
       // Material icon settings
       "material-icon-theme.folders.color": "#37c886",
       "material-icon-theme.folders.theme": "specific",
       "material-icon-theme.hidesExplorerArrows": true,
       // Mandatory  The integration with LINUX Bar title and context menu
       "window.titleBarStyle": "custom",
       // Terminal only Windows
       "terminal.integrated.fontSize": 16,
       "terminal.integrated.fontWeightBold": "600",
       "terminal.integrated.fontWeight": "300",
       "terminal.integrated.fontFamily": "'Operator Mono Lig'" // or 'JetBrains Mono'
   }

📎 Misc

This palette was inpired in One Dark Syntax Theme for Atom, The project Night Owl of Sarah Drasner ♥, equally in Vue.js Framework. 😁

It was made possible by the tutorial "Create a VS code theme" from CSS-Tricks 📚.

📰 Extra: If you are bored of classic dark themes, try inheritance theme

You can install this awesome and cool theme through the Visual Studio Code Marketplace.