Check out https://chat.lasr.skin to see the skin in action. Also provides a visual way to customise the appearance.
SFP: https://github.com/PhantomGamers/SFP
This is required to apply the theme to the Steam Chat UI. Setting the patcher to run in the background will automatically patch the UI whenever Valve releases a new update for the Chat UI.
- Copy
friends.custom.css
toSteam/steamui
orSteam/steamui/<custom-skin>
friends.custom.css
can be customised to apply different styles to the theme. This customisation is performed in the that file
- Discord Theme
- Dark Theme
- Light Theme
- Discord status or dot status
- Border status (outline around the avatar)
- Round Avatar
- Square Avatar
- Squircle Avatar
- Glow Effects
- Shadows
- Blur
You can change the font used, either read the comment block in friends.custom.css
or add something like the following:
* {
font-family: <Replace me with your font> !important;
}
Just make sure you either use a web safe font or one that is installed on your system
- https://www.w3schools.com/cssref/css_websafe_fonts.asp
- https://fonts.google.com/?selection.family=Big+Shoulders+Text (also a good resource, use the
@IMPORT
option)
Contributions of any sort are always welcome.
If you have problems or suggestions I would recommend you create an Issue with a clear explanation and ideally a relevant screenshot.
Code contributions are also welcome (less work for me). Just put in a Merge Request. I'm slowly working on creating a solid project structure, but for now just be sensible with the code changes.
- PhantomGamers https://github.com/PhantomGamers for their work on the patcher.
- Originally a fork of https://github.com/AikoMidori/steam-friends-skin