8

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

 3 years ago
source link: https://dev.to/michaelandreuzza/a-free-and-elegant-vs-code-theme-that-does-not-hurt-your-eyes-3hji
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
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.

Apr 10

・1 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.

About the theme

WickedBetamax Theme for VS Code

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 is 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 modeExit fullscreen mode

Colours

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

Feedback

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


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK