Hedgehog Form
Spicing Up Your Cursor or VSCode With Beautiful Themes

Spicing Up Your Cursor or VSCode With Beautiful Themes

· 3 min read
cursor
vscode
themes
customization
aesthetics

Are you staring at the same boring IDE theme day after day? Whether you’re using Cursor or VSCode, let’s transform your coding environment into something that’s not just functional, but beautiful to look at.

I’m going to show you how to make your IDE look beautiful and how to make it easier to read.

First obvious thing is to add a background image to your IDE.

I use Shalldie Background

Then just open your settings.json and add the following:

"background.fullscreen": {
  "images": ["file:///C:/path/to/your/image.jpg"],
  "opacity": 0.1,
  "size": "cover",
  "position": "center",
  "interval": 0,
  "random": false
}

And you’re done!

Next some icons.

I use:

And you’re done!

The opacity and the theme will blend nicely together creating this beautiful gradient effect.

Final result:

Final result

If you want some extra spice, you can add the Custom CSS and JS Loader extension and add some custom CSS.

That’s all there is to it!

Maybe you can find some more themes or icons that you like.

I’m sure you can find some more themes and icons that can make your coding experience better.

Here is a full dump of my extensions I currently use:

VSCode Extensions

Have fun!