VSCode Green Eyecare Theme

Green Eyecare Theme

Green Eyecare theme based on Material Design.

Screenshots

The font in the picture is Cascadia Code

Install

Install using GUI

1. Enter extension panel or press Ctrl+Shift+X
2. Search Green Eyecare
3. Click install

Install using Command Palette

1. Install using Command Palette
2. Go to View -> Command Palette or press Ctrl+Shift+P
3. Then enter Install Extension
4. Write Green Eyecare
5. Select it or press Enter to install

Custom font

Microsoft font (recommended): Cascadia Code

Installation: Cascadia Code

Screenshots:

Set font of VSCode

If you download and install the font in your system, you can add this option to have a custom font:

1. Go to View -> Command Palette or press Ctrl+Shift+P
2. Then enter Open Settings(JSON)

3. In the opened file, modify or add the value of editor.fontFamily to Cascadia Code
   

   {
       "editor.fontFamily": "Cascadia Code"
   }
   

Set line height of VSCode

{
    "editor.lineHeight": 22
}

No need to set font size

My merged font: Inconsolata + Yue Yuan

Installation: LZ YueYuan Inconsolata

Screenshots:

Set font of VSCode

If you download and install the font in your system, you can add this option to have a custom font:

1. Go to View -> Command Palette or press Ctrl+Shift+P
2. Then enter Open Settings(JSON)

3. In the opened file, modify or add the value of editor.fontFamily to LZ YueYuan Inconsolata
   

   {
       "editor.fontFamily": "LZ YueYuan Inconsolata"
   }
   

Set line height of VSCode

{
    "editor.lineHeight": 22
}

Set font size of VSCode (Only fine fonts are recommended)

{
    "editor.fontSize": 15
}

What's new?

Click here to go to the Changelog

See my blog for details

liu.app

Enjoy 🎉🎉🎉