I bet you have never used this theme. Ever.
Tags: vscode, productivity, extension, opensource
Published: 2023-04-25 14:43:21

So that was a hell of a title, wasn't it?
I wanted to share with all of you my new VS Code theme crafted very carefully for programmers. Introducing the all new **Neon City Theme for VS Code ⚡⚡**

## Neon City: A Premium, Classy Theme for VS Code ⚡

[🚀 Download from here](https://marketplace.visualstudio.com/items?itemName=lakshits11.neon-city)

🌃 Welcome to Neon City, the ultimate theme for your VS Code editor! With its stunning purple hues and sleek design, Neon City is the perfect choice for those looking for a premium and classy look for their coding environment.

## Beauty and Elegance

🌆 The beauty of Neon City lies in its simplicity and elegance. The theme is designed to provide a comfortable and efficient coding experience, with carefully chosen color combinations that enhance the readability of your code. The purple background with contrasting shades of pink and blue ensures that your code stands out and is easy on the eyes.

🌃 The theme comes with carefully designed intuitive syntax highlighting that make it easy to navigate your codebase. With Neon City, you'll find yourself more productive and focused than ever before.

## Installation

🚀 Installing Neon City is a breeze! Simply follow these steps:

1. Open the Extensions panel in VS Code by clicking on the Extensions icon in the left-hand sidebar, or by using the shortcut `Ctrl+Shift+X` (Windows/Linux) or `Cmd+Shift+X` (macOS).
2. Search for "Neon City" in the search bar.
3. Click on the "Install" button.
4. Once installed, click on the "Reload" button to apply the theme.

**Alternative Way:** [🚀 Download from here](https://marketplace.visualstudio.com/items?itemName=lakshits11.neon-city)

🌠 And that's it! You're now ready to enjoy the beauty and productivity boost that Neon City provides.

## Recommended Settings

💻 To get the most out of Neon City, we recommend the following settings:

- **Use a Nerd Font**: Nerd Fonts are a collection of fonts that add additional glyphs to your editor, such as icons for programming languages and tools. We recommend installing a Nerd Font and using it with Neon City for an enhanced coding experience. See [this guide](https://www.nerdfonts.com/font-downloads) for a list of Nerd Fonts.
- **Enable Ligatures**: Ligatures are a typographic feature that combine two or more characters into a single glyph. We recommend enabling ligatures for an enhanced coding experience.

💡 In addition to these settings, we recommend the following VS Code settings:

```
"workbench.colorTheme": "Neon City",
"editor.fontFamily": "'Hack Nerd Font', 'Fira Code Nerd Font', 'Jetbrains Mono Nerd Font', 'monospace'",
"editor.smoothScrolling": true,
"terminal.integrated.fontFamily": "'Hack Nerd Font', 'Fira Code Nerd Font', 'Jetbrains Mono Nerd Font', 'monospace'",
"terminal.integrated.lineHeight": 1.5,
"editor.fontLigatures": true,
"editor.lineHeight": 1.5,
"editor.minimap.enabled": false,
"editor.tabSize": 2,
"workbench.iconTheme": "material-icon-theme",
```

## Looks ✨

### JavaScript

![Neon City JavaScript Code Example](https://raw.githubusercontent.com/lakshits11/neon-city/main/javascript.png)

### Python

![Neon City Python Code Example](https://raw.githubusercontent.com/lakshits11/neon-city/main/python.png)

### HTML

![Neon City HTML Code Example](https://raw.githubusercontent.com/lakshits11/neon-city/main/html.png)


🎉 You're now all set to enjoy the stunning beauty and productivity boost that Neon City brings to your coding environment. Happy coding!

**_Github Repo Link:_**  [lakshits11/neon-city](https://github.com/lakshits11/neon-city)