Developer Theme: Google Sans Code

Make VS Code easier on the eyes with Google Sans Code—a clean, readable monospace font made for code.

Developer Theme installs the bundled font through your operating system, applies comfortable editor settings, and leaves your existing color theme alone.

In one minute

Install this extension.
Select Install & Enable in the welcome message.
In the system font window, choose Install (or Install Font on macOS).
Return to VS Code and select Reload Window.

That’s it. Your editor now uses Google Sans Code.

What changes

The extension changes only these global editor settings:

Setting	Applied value
Font family	Google Sans Code
Font size	15px
Line height	1.5

Your selected color theme, workspace settings, and language-specific settings are not changed. The extension saves your previous global editor settings and restores them when you disable it.

Commands

Google Sans Code: Install & Enable Google Sans Code — install the font and apply the editor settings.
Google Sans Code: Enable Installed Google Sans Code — apply the settings when you already installed the font.
Google Sans Code: Disable Google Sans Code — restore the settings that were active before enabling the extension.
Google Sans Code: Open Google Sans Code Guide — open this guide from VS Code.

Undo it anytime

Open the Command Palette (⇧⌘P on macOS, Ctrl+Shift+P on Windows/Linux), run Google Sans Code: Disable Google Sans Code, then reload VS Code if prompted.

If you later change a font setting yourself, Disable preserves your newer choice rather than overwriting it.

Requirements and troubleshooting

Developer Theme supports local desktop VS Code on Windows, macOS, and Linux. VS Code for the Web, Codespaces, and Remote SSH are not supported.

If this happens	Try this
The font looks unchanged	Run Install & Enable Google Sans Code again, complete the system font installation, then reload VS Code.
You already installed the font	Run Enable Installed Google Sans Code.
You are on Linux	Use the copy command the extension offers, then reload VS Code. You can also copy `fonts/GoogleSansCode-Variable.ttf` to `~/.local/share/fonts/` and run `fc-cache -f`.
You want your old setup back	Run Disable Google Sans Code.

The operating system controls font installation, so the extension cannot confirm that the installation completed. Google Sans Code is monospaced, keeping indentation, columns, and diffs aligned.

License

Extension source is MIT licensed. The bundled Google Sans Code font is licensed under the SIL Open Font License 1.1; see fonts/OFL.txt in the extension package.

Developer Theme: Google Sans Code

Pradeep Pradyumna

Developer Theme: Google Sans Code

In one minute

What changes

Commands

Undo it anytime

Requirements and troubleshooting

License