Waivio

Recommended Posts

Customize VS Code Kimbie Dark Theme Appearance

0 comments

t3kme0.373 years ago2 min read

For those in the dark-theme club (AKA, protecting our retinas, and otherwise into the reduced power consumption that comes along with increasing the longevity of our retinas), I found the Kimbie Dark theme to be a nice change of pace from straight-up Black/Grey. Check it out:

https://htd.cloud/wp-content/uploads/2021/12/image.png
Kimbie Dark

It's got a nice coffee/mocha vibe to it, and even a little bit of glow from the amber monitor days. Who didn't LOVE amber screens. I thought they were awesome. I still think they are awesome, just appreciate the higher resolutions we have these days.

But some folks like to be changing of the things, so in my case, I wanted the main editor to be just a smidge darker. To customize a theme, just click File -> Preferences -> Settings (or type ctrl+,)

Then click on Workspace -> Workbench -> Appearance (or User -> Workbench -> Appearance)

https://htd.cloud/wp-content/uploads/2021/12/image-2.png

Finally, click the link to edit the settings.json file

https://htd.cloud/wp-content/uploads/2021/12/image-3.png
This post is where I found a link to this document - both might come in handy. In my case I just wanted to change the background color of the editor, which can be done using something like:
https://htd.cloud/wp-content/uploads/2021/12/image-4.png

"workbench.colorCustomizations": {

"editor.background": "#100503"

}

As soon as I saved the file, the changes were reflected. And you can see, in my case the difference between the two:

Original

https://htd.cloud/wp-content/uploads/2021/12/image.png

Happy customizing!

Darker editor background

https://htd.cloud/wp-content/uploads/2021/12/image-5.png

Comments

Sort byBest