Adwaita for Steam

A skin to make Steam look more like a native GNOME app

Current state and plans

Main Window: Done.
Login: Done
Library: Done
Small Mode: Done.
Chat: Done
Settings: Mostly done.
New Overlay: Mostly done.
New Big Picture: Not done.
Recoloring: Colors can be changed via making a new theme. See colorthemes dir.
Light Themes: Not currently planned, though may now be more feasible with the new UI.

Limitations

Steam updates may reset theme: While the installer will patch steam files in order to theme the interface, these files may be reset by steam updates. If this happens, you will need to reinstall to repatch them.
Rounded corners: Not all elements can be rounded, use Rounded Window Corners extension or mutter-rounded on GNOME.
Steam website pages (Store/Community/Profiles/Etc): No longer themable with our current method.
Position of notifications: Doesn't seem to be possible to change.
Height of sidebar items: Doesn't seem to be possible to increase.

Requirements

Python 3
The skin is created and tested mostly on the Linux version of Steam. Steam's new UI has largely unified platform differences, so other platforms should work, but are not a priority.

Previews

Adwaita

Breeze

Catppuccin-Frappe

Catppuccin-Macchiato

Catppuccin-Mocha

Dracula

Gruvbox

Kate

Metro

Nord

One Pro

Pop

Tokyo Night

Tomorrow Night

Vapor

VGUI2

Yaru

Installation

With installer script

git clone https://github.com/tkashkin/Adwaita-for-Steam
cd Adwaita-for-Steam
./install.py

Arguments

Argument	Short	Required Values	Description
--color-theme	-c	Colortheme	Change color theme
--custom-css			Enable custom css
--extras	-e	Extra	Enable one or multiple theme extras
--list-options	-l		List available themes and extras
--target	-t	normal / flatpak / [custom dir]	Choose target location for install (default: both)
--uninstall	-u		Uninstall theme

Example Usage

# List options
./install.py -l
# Install with customizations
./install.py -c nord -e login/hide_qr -e library/hide_whats_new

Custom CSS

If you wish to include your own custom CSS, see custom and use the --custom-css flag.

./install.py --custom-css

With graphical installer

Use the graphical installer by @Foldex.

Windows Install

Download the Latest Release
Ensure you have Python 3 installed
Move the contents of the zip file to a seperate folder
Kill all Steam processes (task manager or quit steam from taskbar)
Double click the install_windows bat script and follow the prompts

MacOS Install

While macOS is not given special priorities to function, and thus contains bugs, it is still possible for it to function.

"/Users/{user}/Library/Application Support/Steam/Steam.AppBundle/Steam/Contents/MacOS" has to be supplied as a custom path, with {user} changed to your current user.

Download the Latest Release
Ensure you have Python 3 installed
Move the contents of the zip file to a seperate folder
Quit Steam
Install with installer script using the custom path flag -t "/Users/{user}/Library/Application Support/Steam/Steam.AppBundle/Steam/Contents/MacOS", {user} changed to your current user.

Example Command

# Use catppuccin-mocha theme, the window controls resembeling usual macOS design, creates window controls for chat window, "what's new" section hidden, and custom path specified
./install.py -c catppuccin-mocha -e windowcontrols/dots -e windowcontrols/left -e library/hide_whats_new -t "/Users/nygosaki/Library/Application Support/Steam/Steam.AppBundle/Steam/Contents/MacOS"

Nygosaki/Adwaita-for-Steam