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

Breakage prevention for returning skin users (clickable)

1. Close Steam.
2. Navigate to its folder, back up and remove the clientui, skins, and steamui\css folders.

---

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.

Using Millennium

Refer to the instructions provided by the patcher developer on its repository pages to access its themes, which include Metro by Rose.

Installing manually is also an option:

1. Follow the SFP steps above to extract the skin files to the Steam folder.
2. Download the Millennium patcher and install it.
3. Launch Steam and select the skin in Settings->Interface.

Credits

• Dom for creating the original Metro skin, which has been the reference point for many parts of my remake.
• PhantomGamers for creating the first tool to allow skinning, SFP.
• 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.
• number1 and Shadow for helping automate the randomized class conversions.
• 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.
• Contributors to this repository.