Metro skin for Steam

This skin for the new UI framework was created after Valve made it problematic to revert to the old-style windows and subsequently removed support for user-made themes. My quest was to make the windows look as close as possible to those of the original Metro skin.

Applying the skin

Using SFP

1. Download the skin archive.
2. Extract the archive to Steam\steamui\skins (create the skins folder if doing this for the first time).
   • If you like, rename the MetroSteam-master folder to Metro by Rose.
3. Download the latest version of SFP to modify Steam.
4. Run the tool and select the skin under Steam skin in its settings.
5. In SFP, click on Start Injection unless already done.

Extra options

• If you'd like to customize the colors, decals and more, also download custom.css and put in the same folder as the rest of the files, then edit this file in any text editor as desired.
• Check out the wiki to enable automatic skin updates or learn more about customizing the skin.

Using CSSLoader

1. Download CSSLoader.
2. Go to the Store tab.
3. Search for Metro and install Metro by Rose.

• Note that the skin version available via the CSSLoader store may not have the most recent updates of this repo, though you can manually override it with the latest files.

Credits

• Dom for creating the original Metro skin, which has been the reference point for many parts of my remake.
• PhantomGamers for creating SFP, and for tips on managing the randomized class names.
• RedSigma for creating a custom skin for the chat and friends windows, which I used as an early template.
• Sims for ideas and code examples related to animating the Steam menu, to the dynamic placement of the repositioned bottom bar buttons, and to the context menu borders.
• Ruben7173 for pointing at an element and for inspiring me to implement custom scroll bar buttons.
• Shiina for helping me find a few elements and realize where to look.
• Laser for an idea on tackling randomized class names.
• Contributors to this repository.