The VS code dark theme I've been waiting for

https://res.cloudinary.com/practicaldev/image/fetch/s--Op5lYgmk--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0w68fjeymoffo9wvbi08.png

––– views

2 mins

10 May 2021

https://cdn-images-1.medium.com/max/2000/0*QRBOGYO-lO6JhQDC.png

I was browsing through the Visual Studio Code marketplace, looking for a dark theme.

I’ve been through that conundrum before though I’ve always settled on One dark pro. Sure, it’s nice and pretty eye pleasing but i need something with more consistent colors.

So I made a VS Code theme, well actually two.

These are the things i wanted from One dark pro:-

  • Consistent colors.

  • Getting rid of that very distracting orange color in the status bar when debugging.

  • An option to a slightly more darker shade if i felt like it.

  • Slightly darker but more lighter blues

  • Minimal colors across the editor

I’ve switched lot of themes, A LOT. To the point where i was just installing the same themes again and again. That felt very unproductive :(

Introducing One for all theme -

https://cdn-images-1.medium.com/max/2000/0*d_JyfUj7zOCTxDg6

A VS code theme with :-

  • Consistent colors

  • Two themes :- Traditional One dark pro dark and a slightly darker theme

  • Status bar matches the editor theme

  • Minimal theme across the editor

One for all

https://cdn-images-1.medium.com/max/2000/0*yK5byuqZz4jUitpj.png

https://cdn-images-1.medium.com/max/2880/0*ZyTv-C-XHonqReF3.png

https://cdn-images-1.medium.com/max/2880/0*4CXNx7aaVqxI6IJW.png

https://cdn-images-1.medium.com/max/2880/0*wY9pIE3p9JgjG9Fq.png

One for all darker

https://cdn-images-1.medium.com/max/2000/0*qTC786oSywe1y5gs.png

https://cdn-images-1.medium.com/max/2880/0*ZUttDno7u07HMFAs.png

https://cdn-images-1.medium.com/max/2880/0*F1D39QOtpeamEK7v.png

https://cdn-images-1.medium.com/max/2880/0*B2VidnXu9OmYSb9P.png

And yes. One for all is a reference to mha.

https://media.giphy.com/media/9Y1wF3wx1Dex8w9wxL/giphy.gif
I initially made the theme to help my eyes, but if there’s someone like me out there. Thanks for reading. Please do check the theme out if you’re interested.

One for all - Visual Studio Marketplace

Find me at:

https://navinko.netlify.app/


Not Playing

Home

About

Blog

Work

Made with nextjs and ❤