Metro skin for Steam chat and friends UI
This skin for the new chat and friends UI was created after Valve made it problematic to revert to the old-style windows. My quest was to make the new windows look as close as possible to those of the original Metro skin.
Installation
Windows
- Save the friends.custom.css file to your PC and put in your Steam\clientui\ folder.
- Download the latest patcher to allow for customization.
- Launch the patcher and wait for it to apply the changes.
- Restart Steam if necessary.
Linux and Mac
- Copy and add the friends.custom.css code to Steam/skins/[skin name]/resource/webkit.css
- Search the file contents for Linux or Mac in any text editor.
- Remove sections as instructed within the code.
Help and options
The wiki answers some of the most asked questions and contains a few extras.
Uninstallation
Windows
- Use the dedicated patcher button to clear the cache.
- Alternatively, ensure that Steam and the patcher tool are closed, then remove the %LOCALAPPDATA%\Steam\htmlcache\Cache\ folder.
- For purity, remove the Steam\clientui\css\ folder (and Steam\steamui\css\ if using the library skin) inside your Steam installation folder.
Credits
- PhantomGamers for creating the tool that allows to apply skins, and for tips on managing the randomized class names.
- RedSigma for creating a custom skin for the new chat, which I initially used as a template.
- Shiina for helping me find a few elements and for making me realize where to look.
- Ruben7173 for pointing at an element and for inspiring me to implement custom scroll bar buttons.
- Laser for an idea on tackling randomized class names.