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
Cantarell fonts: An option to install these is included in the install script, but fonts packaged by your distro are preferred.
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

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
--font-install	-fi		Installs static Cantarell fonts
--list-options	-l		List available patches, themes, and web extras
--target	-t	normal / flatpak / [custom dir]	Choose target location for install (default: both)
--uninstall	-u		Uninstall theme
--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 customizations (including fonts)
./install.py -fi -c nord -we login/hide_qr -we library/hide_whats_new
# For those who prefer a less adwaita-like theme
./install.py -we general/no_rounded_corners -we topbar/vanilla_bar

Custom CSS

If you wish to include your own custom CSS, -we supports passing arbitrary css files:

./install.py -we ~/path/to/wherever/custom.css

This is capable of overriding any of the current css variables:

:root
{
	--bg: #FF0000;
	--fg: #000000;
}

For more advanced edits, you should reference Inspecting Steam

Warning: It is entirely possible to cause UI breakages using this feature. Please disable any custom css before troubleshooting or submitting issues.

With graphical installer

Use the graphical installer by @Foldex.

Windows Install

Download the Latest Release
Ensure you have Python installed
Double click the install_windows bat script and follow the prompts

tkashkin/Adwaita-for-Steam

tkashkin

Reviews

Repository Details