DEV Community

loading...
Cover image for VSCode Green Eyecare Theme

VSCode Green Eyecare Theme

Yezi
・2 min read

Green Eyecare Theme

MarketplaceInstallsRatings

Green Eyecare theme based on Material Design.

Screenshots

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:

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
}
Enter fullscreen mode Exit fullscreen mode

No need to set font size

My merged font: Inconsolata + Yue Yuan

Installation: LZ YueYuan Inconsolata

Screenshots:

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
}
Enter fullscreen mode Exit fullscreen mode

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

{
    "editor.fontSize": 15
}
Enter fullscreen mode Exit fullscreen mode

What's new?

Click here to go to the Changelog

See my blog for details

liu.app

Enjoy 🎉🎉🎉

Discussion (0)

Forem Open with the Forem app