Yaru for Steam

A skin to make Steam look more like a native Ubuntu app.

This is a fork of Adwaita-for-Steam, all the credit goes to them.

The Yaru icon assets (any and all source .svg files under Yaru/ or related rendered .png files) are licensed under the terms of the Creative Commons Attribution-ShareAlike 4.0 License.

Current state and plans

• Main window: done.
• Settings: mostly done.
• New library, new chat, other web-based client parts: mostly done, with slight limitations.
• New Big Picture: Not done.
• Overlay: done.
• Small mode: done.
• Old library, old chat, other old unused windows: not planned.
• Recoloring: colors can be changed via making a new theme. See colorthemes dir.
• Light theme: not planned, would require redrawing all assets to be visible on light backgrounds.

Limitations

• Rounded corners: impossible to do in a Steam skin, use Rounded Window Corners extension or mutter-rounded on GNOME
• Height of menu/sidebar items: doesn't seem to be possible to increase
• Library Theming: While the installer will patch steam files to allow theming the library, these files may be reset by steam updates. A reinstall is currently needed to repatch them.

Requirements

• Ubuntu fonts as static fonts. Some distros install it as a variable font that is not supported by Steam, see #45.
• The skin was created for the Linux version of Steam and wasn't tested on Windows or macOS. It will work with some visual problems.

Previews

Previews

Adwaita

Breeze

Catppuccin-Frappe

Catppuccin-Macchiato

Catppuccin-Mocha

Dracula

Gruvbox

Kate

Nord

One Pro

Pop

Tokyo Night

Tomorrow Night

Yaru

Installation

With installer script

git clone https://github.com/ubuntu/yaru-for-steam
cd Yaru-for-Steam
./install.py

Arguments

Argument	Short	Required Values	Description
--color-theme	-c	Colortheme	Change color theme
--font-install	-fi		Installs static Cantarell fonts
--list-options	-l		List available patches, themes, and web extras
--name	-n	[name]	Rename the installed skin
--no-steam-patch	-nsp		Do not patch steam client files
--patch	-p	Patch	Apply one or multiple patches
--target	-t	normal / flatpak / [custom dir]	Choose target location for install (default: both)
--web-theme	-w	full / base / none	Choose web theme variant (default: full)
--web-extras	-we	Web Extra	Enable one or multiple web theme extras

Example Usage

# List options
./install.py -l
# Install with options
./install.py -c nord -fi -p windowcontrols/right-all -we login/hide_qr -we library/hide_whats_new

Manual installation

Note: Installation with this method is lacking in several features, one of the installers is preferred.

1. Download the latest skin version
2. Extract Adwaita directory into Steam skins directory (create if it doesn't exist):
   • Linux: ~/.steam/steam/skins or ~/.local/share/Steam/skins
   • Linux (flatpak): ~/.var/app/com.valvesoftware.Steam/.local/share/Steam/skins
   • Windows (untested): C:\Program Files (x86)\Steam\skins by default
   • macOS (untested): ~/Library/Application Support/Steam/Steam.AppBundle/Steam/Contents/MacOS/skins
3. Rename it into Yaru
4. Open Steam and select Yaru skin in Settings > Interface (restart Steam if it doesn't appear in the list)

Uninstallation

Since the installer patches steam client files directly, simply changing the steam skin will not undo all changes.

Reinstall with --web-theme none to unpatch these files.