Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Green Eyecare ThemeNew to Visual Studio Code? Get it now.
Green Eyecare Theme

Green Eyecare Theme

yezige

|
11,238 installs
| (2) | Free
New support for dark theme, Material Green Eyecare Theme
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info
  • 0️⃣ Green Eyecare Theme
  • 1️⃣ Screenshots
  • 2️⃣ Install
    • Install using GUI
    • Install using Command Palette
  • 3️⃣ Custom font
    • 1. Microsoft font (recommended): Cascadia Code
      • 1.1 Set font of VSCode
      • 1.2 Set line height of VSCode
      • 1.3 No need to set font size
    • 2. My merged font: Inconsolata + Yue Yuan
      • 2.1 Set font of VSCode
      • 2.2 Set line height of VSCode
      • 2.3 Set font size of VSCode (Only fine fonts are recommended)
  • 4️⃣ What's new?
  • 5️⃣ See my blog for details
  • 6️⃣ Enjoy 🎉🎉🎉
  • 7️⃣ Coffee Time 💝

0️⃣ Green Eyecare Theme

VERSION DOWNLOADS INSTALLS RATING

Green Eyecare theme based on Material Design.

1️⃣ Screenshots

Screenshots Screenshots

The font in the picture is Cascadia Code

2️⃣ 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

3️⃣ Custom font

1. Microsoft font (recommended): Cascadia Code

Installation: Cascadia Code

Screenshots:

Screenshots

1.1 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"
    }
    

1.2 Set line height of VSCode

{
  "editor.lineHeight": 22
}

1.3 No need to set font size

2. My merged font: Inconsolata + Yue Yuan

Installation: LZ YueYuan Inconsolata

Screenshots:

Screenshots

2.1 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"
    }
    

2.2 Set line height of VSCode

{
  "editor.lineHeight": 22
}

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

{
  "editor.fontSize": 15
}

4️⃣ What's new?

Click here to go to the Changelog

5️⃣ See my blog for details

liu.app

6️⃣ Enjoy 🎉🎉🎉

7️⃣ Coffee Time 💝

Paypal Sponsor

https://www.paypal.com/paypalme/yezige

Wechat Sponsor

Wechat Sponsor
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft