-
-
Notifications
You must be signed in to change notification settings - Fork 7
Home
For automatic updates of the skin from the repository, open friends.custom.css found in the Steam\steamui\ folder and replace all its contents with this line:
@import url('https://rosetheflower.github.io/MetroSteam/friends.custom.css');
Do the same for libraryroot.custom.css:
@import url('https://rosetheflower.github.io/MetroSteam/libraryroot.custom.css');
Make sure to add the following to the file(s) if you want to customize (detailed below):
@import url('custom.css');
The accent color is used primarily for highlights. The default is purple but you can change it to any color. Download custom.css and put it next to your skin files, then open it and locate the line that starts with --focus.
The numbers you will see are RGB color values, so any color can be used but it's recommended to use one of the common Metro colors, such as the ones listed here. For example, Magenta would be 255, 0, 151.
It's also possible to add decals for the backgrounds, tweak some options or modify many other colors by changing the same file.
To adjust the default font size for chat messages, copy the line that starts with --chatfont in friends.custom.css, paste it to custom.css and change the numerical value in pixels.
If you want to modify any of my code or add your own, simply add it at the bottom of custom.css and use !important if you must override. Also add body before the name of the class if overriding a property already set to !important in the main CSS.