DEV Community

loading...
Cover image for A free and elegant VS Code theme that does not hurt your eyes.

A free and elegant VS Code theme that does not hurt your eyes.

michaelandreuzza profile image michael-andreuzza Updated on ・2 min read

Hello everyone.
I have been a bit saturated with my side project this past week so I needed a small disconnection and I always wanted to make VSCode themes.

The goal was to make it inspired by one of my templates on wickedtemplates. but, I soon realized it was too bright.

Another reason is that I can't find themes that I 100% like, so I have been using Ayu themes, which are superb.

I will be making more themes so keep an eye if you are tired of neons and green letters.

You can grab it here:

WickedBetamax

I really like colours, that's why I made colorsandfonts. too.
I will be updating the theme often so feel free to test it and drop some feedback.

The rest of themes are here

About the theme

WickedBetamax Theme for VS Code

Preview

Installation

  1. Open Extensions sidebar panel in VS Code. View → Extensions
  2. Search for WickedBetamax
  3. Click Install to install it.
  4. Code > Preferences > Color Theme > WickedBetamax
  5. Optional: Use the recommended settings below for best experience

Recommended Settings

{
  // This are my personal prefferences
  "workbench.colorTheme": "WickedBetmax",
  "editor.fontFamily": "'Cascadia Code' , Consolas, 'Courier New', monospace",
  "editor.fontSize": 18,
  "editor.lineHeight": 38,
  "editor.letterSpacing": 0.5,
  "files.trimTrailingWhitespace": true,
  "editor.fontWeight": "400",
  "prettier.eslintIntegration": true,
  "editor.cursorStyle": "line",
  "editor.cursorWidth": 5,
  "editor.cursorBlinking": "phase",
  "editor.renderWhitespace": "all",
}
Enter fullscreen mode Exit fullscreen mode

Colours

Blue: #06090f
Yellow: #facc44
Orange: #FB543F

Feedback

Anything you wonder just contact me on twitter. https://twitter.com/Mike_Andreuzza

Discussion (18)

pic
Editor guide
Collapse
___bn___ profile image
bN

The current trend is dark theme (as in the 70s) but it can be bad for the eyes on the long term. Be careful, especially if you spend a lot of time coding!

androidauthority.com/dark-mode-104...

Collapse
michaelandreuzza profile image
michael-andreuzza Author

Mmm I follow my judgement and bright mode hurts my eyes.

Collapse
robouden profile image
Rob Oudendijk

For a even more "gentle" theme, have a look at marketplace.visualstudio.com/items...

Collapse
michaelandreuzza profile image
Collapse
robouden profile image
Rob Oudendijk

Any screenshot?

Thread Thread
michaelandreuzza profile image
Thread Thread
robouden profile image
Rob Oudendijk

Sorry I did not see it..

Collapse
robouden profile image
Rob Oudendijk

Not sure why my before comment did not show up. Screenshot of mine . From marketplace.visualstudio.com/items...

Collapse
michaelandreuzza profile image
Collapse
warengonzaga profile image
Waren Gonzaga

I like this theme!

Collapse
michaelandreuzza profile image
michael-andreuzza Author

Thank you Waren!

Collapse
inajaralopes profile image
InajaraLopes

Obrigado Mike, eu também gostos de cores que não machucam os olhos.

Collapse
michaelandreuzza profile image
michael-andreuzza Author

De nada Inajara!

Collapse
sidchaudhary04 profile image
Collapse
zwgchase profile image
Chase

I'm loving this theme with "Inconsolata" font!

Collapse
michaelandreuzza profile image
michael-andreuzza Author

Is it? Amazing. Got a screenshot?

Collapse
rubissima profile image
Ruby Kane

How do I add a feature that makes curly quotes giant and bright yellow whenever the appear? Asking for a friend who broke my release with a couple of those code-killers. And who might be me.

Collapse
michaelandreuzza profile image
michael-andreuzza Author

Hey Ruby...

Mmmmmmm where have you seen that?

You mean ligatures, or?