Awesome

Adwaita theme for VS Code

Dark and light themes based on GNOME's new Adwaita look and GNOME Builder's syntax highlighting.

Screenshot of the light and dark themes

Extra theme variants are included for those who prefer a colorful status bar and/or default syntax highlighting:

Screenshot showing the dark theme with a colorful status bar and default syntax highlighting <br> <small><center>Fonts shown: JetBrains Mono, SF Pro Text.</center></small>

Installation

Get it on VS Marketplace or Open VSX.

Suggested settings

Open the Command Palette and find "Open Settings (JSON)". Here are the recommended settings:

"window.titleBarStyle": "custom",
"window.commandCenter": true,
"window.autoDetectColorScheme": true,
"workbench.preferredDarkColorTheme": "Adwaita Dark",
"workbench.preferredLightColorTheme": "Adwaita Light",
"workbench.productIconTheme": "adwaita",
"editor.renderLineHighlight": "none",
"workbench.iconTheme": null,
"workbench.tree.indent": 12,

Rounded Window Corners GNOME extension can be used to get rounded corners on all windows.

Related projects

wroyca/vscode-libadwaita contains custom CSS that brings VS Code even closer to looking like a libadwaita app:

Screenshot of vscode-libadwaita

Contributing

See CONTRIBUTING.md.

<hr>

This project is not affiliated with GNOME Foundation.