Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Electron vueNew to Visual Studio Code? Get it now.
Electron vue

Electron vue

icao

|
45,269 installs
| (13) | Free
This is a cool theme for cool developers!!!
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info


logo

🖖 Electron Vue

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

logo

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

logo

logo

🧰 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 😍

logo

logo

✅ 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

logo

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

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