Skip to content

Latest commit

 

History

History
240 lines (221 loc) · 19.7 KB

installation.md

File metadata and controls

240 lines (221 loc) · 19.7 KB
icon label order
rocket
Installation
100

How to install skins after the new steam update

Pre-requisites

!!! Download the !badge target="blank" variant="info" text="latest SFP release" !badge target="blank" variant="info" text="Windows" !badge target="blank" variant="info" text="Linux" !badge target="blank" variant="info" text="Mac" [!badge text="Recommended"] !!! !!! Or download Millennium!, download it for !badge target="blank" variant="info" text="Windows" Millennium and SFP share many similarities and are fully forward compatible! The main difference is that Millennium doesn't run in a standalone process, but is limited to Windows only. !badge target="blank" variant="dark" text="read more at its source" !!! !!!dark In case you want to use the CSSLoader, download it for !badge target="blank" variant="dark" text="Windows" !badge target="blank" variant="dark" text="Linux" Note that this patcher has its own way of patching and you should read its documentation linked above !!!

Installing a theme

  1. Download a theme
  2. Extract the zip and Copy/Cut the [!badge variant="dark" text="<Skin Name>"] folder (the folder might sometimes have -main -master or a version after the name)
  3. Paste your skin(s)
    • Find the steam folder using SFP [!badge variant="info" text="Recommended"]
      • Open SFP, click the [!badge variant="dark" text="Open Files"] button (bottom right), and then click [!badge variant="dark" text="skins"]/[!badge variant="dark" text="steamui"]
      • If the [!badge variant="dark" text="skins"] folder doesn't exist create it
    • or find the steam folder manually
      • Locate wherever steam is installed yourself (default is [!badge variant="dark" text="C:\Program Files (x86)\Steam"])
      • If the [!badge variant="dark" text="skins"] folder doesn't exist create it
  4. Open SFP and open the Settings :icon-gear: at the bottom left
  5. Scroll down and at Steam Skin choose your skin
  6. Done.

Skins

==- Fluent by Shiina !ref icon="download" target="blank" text="Download" !!!success Extract and Copy the folder to [!badge variant="dark" text="Steam\steamui\skins"] You can see the skin !badge target="blank" variant="dark" text="source code here" !!! ==- Metro by Shiina !ref icon="download" target="blank" text="Download" !!!success Extract and Copy the folder to [!badge variant="dark" text="Steam\steamui\skins"] You can see the skin !badge target="blank" variant="dark" text="source code here" !!! !!! If you want to use this skins JS Move the contents of the [!badge variant="dark" text="Steam\steamui\skins\Metro\Metro-JS"] folder to the main skin folder (aka. [!badge variant="dark" text="Steam\steamui\skins\Metro"]) and overwrite existing files !!! ==- Metro and steam chat by RoseTheFlower !ref icon="download" target="blank" text="Download" !!!success Extract and Copy [!badge variant="dark" text="friends.custom.css"], [!badge variant="dark" text="libraryroot.custom.css"] to [!badge variant="dark" text="Steam\steamui"] or make a new folder with them in [!badge variant="dark" text="Steam\steamui\skins"] !!! !!! You can see the skin !badge target="blank" variant="dark" text="source code here" !!! ==- Space Theme by SpaceEnergy !ref icon="download" target="blank" text="Download" !!!success Extract and Copy the folder to [!badge variant="dark" text="Steam\steamui\skins"] !!! !!!warning This skin was made to be used with Millennium BUT it can also be used with SFP, download it at the !badge variant="dark" text="top of this page" To install this skin with Millennium, you can follow the !badge target="blank" variant="info" text="guide provided by the author" !!! !!! You can see the skin !badge target="blank" variant="dark" text="source code here" !!! ==- 2013 inspired steam library by naii_ !ref icon="download" target="blank" text="Download" !!!success Extract and Copy [!badge variant="dark" text="friends.custom.css"], [!badge variant="dark" text="libraryroot.custom.css"] to [!badge variant="dark" text="Steam\steamui"] or make a new folder with them in [!badge variant="dark" text="Steam\steamui\skins"] !!! !!! You can see the skin !badge target="blank" variant="dark" text="page here" !!! ==- Zehn by yurisuika !ref icon="download" target="blank" text="Download" !!!success Extract and Copy the folder to [!badge variant="dark" text="Steam\steamui\skins"] !!! !!! You can see the skin !badge target="blank" variant="dark" text="source code here" !!! ==- Knowledges SteamLib by Potato95 !ref icon="download" target="blank" text="Download" !!!success Extract and Copy the folder to [!badge variant="dark" text="Steam\steamui\skins"] !!! !!! You can see the skin !badge target="blank" variant="dark" text="source code here" !!! ==- Adwaita for Steam by tkashkin !!!warning This skin was made for !badge target="blank" variant="dark" text="Linux" but it supports !badge target="blank" variant="dark" text="Windows" as well. !!! !!! You can see the skin !badge target="blank" variant="dark" text="source code here" !!! ==- Win95 by ricewind012 !ref icon="download" target="blank" text="Download" !!!success Extract and Copy the folder to [!badge variant="dark" text="Steam\steamui\skins"] !!! !!! You can see the skin !badge target="blank" variant="dark" text="source code here" !!! ==- UNFINISHED: Fluenty by Hexality This skin isn't finished yet, you can visit it's !badge target="blank" variant="dark" text="source code here" More information will be added when the skin is finished, currently visit the source code and find out how to install it. ==- More coming soon... There aren't any other skins I could find. If there is a skin you would like added, you can edit this page and add it yourself, or tell me to add it by !badge target="blank" variant="info" text="creating an issue on github" ==-

Addons for your already existing skins

Before continuing this, first install a regular skin like metro or fluent.
Follow the guide above if you don't know how

==- Steam Friends Skin by LaserFlash !!! ⚙️ This skin features a !badge target="blank" variant="info" text="site with customizability" !badge target="blank" variant="ghost" text="Source code" ⚙️ !!! To install the base skin: !file RIGHT CLICK this and select Save Link As !!!success Save it as [!badge variant="dark" text="friends.custom.css"] to [!badge variant="dark" text="Steam\steamui"] or to the folder of your active skin in [!badge variant="dark" text="Steam\steamui\skins"] !!! ==- Dark Store pages by Shiina !file RIGHT CLICK this and select Save Link As !file BETA: RIGHT CLICK this and select Save Link As !!!success Save it as [!badge variant="dark" text="webkit.css"] to [!badge variant="dark" text="Steam\steamui"] or to the folder of your active skin in [!badge variant="dark" text="Steam\steamui\skins"] !!! !!! You can see the !badge target="blank" variant="dark" text="source code here" !badge target="blank" variant="dark" text="or beta source code here" !!! ==- Beta Dark Store pages by BallOpener !file RIGHT CLICK this and select Save Link As !!!success Save it as [!badge variant="dark" text="webkit.css"] to [!badge variant="dark" text="Steam\steamui"] or to the folder of your active skin in [!badge variant="dark" text="Steam\steamui\skins"] !!! !!! You can see the !badge target="blank" variant="dark" text="source code here" !!! ==- SteamDB addon by BossSloth !!!warning If you want to use this with other skins you should check out !badge target="blank" variant="info" text="their guide" !!! !!! The author of this addon has !badge target="blank" variant="info" text="install instructions" on their page. !!! !file Download Latest !!! You can see the !badge target="blank" variant="dark" text="source code here" !!! ==- Better Store pages in terms of usability by RedSigma (OLD) !file RIGHT CLICK this and select Save Link As !!!success Save it as [!badge variant="dark" text="webkit.css"] to [!badge variant="dark" text="Steam\steamui"] or to the folder of your active skin in [!badge variant="dark" text="Steam\steamui\skins"] !!! !!!primary You can !badge target="blank" variant="dark" text="see customizable variables for this skin here" !!! ==- More coming soon... There aren't any other addons I could find. If there is a addon you would like added, you can edit this page and add it yourself, or tell me to add it by !badge target="blank" variant="info" text="creating an issue on github" ==-

Previews

If you want to look at how some of the skins would look if you installed them this is it.

Skin Previews

==- Metro by Shiina !embed !embed !embed !embed !embed ==- Fluent by Shiina !embed !embed !embed !embed !embed ==- Metro by RoseTheFlower !embed !embed !embed !embed !embed ==- SpaceTheme by SpaceEnergy Note: Includes custom font !embed !embed !embed !embed !embed ==- 2013 inspired steam library by naii_ !embed !embed !embed !embed !embed ==- Zehn by yurisuika !embed !embed !embed !embed !embed ==- Knowledges-SteamLib by Potato95 !embed !embed !embed !embed !embed ==- Adwaita for Steam by tkashkin !!!success Previews for this skin can be !badge target="blank" variant="dark" text="viewed here" (expand previews at the top). !!! ==- Win95 by ricewind012 !embed !embed !embed !embed !embed ==-

Addon Previews

==- Steam Friends Skin by LaserFlash !!!warning The developer of this addon has a better preview page, !badge target="blank" variant="info" text="look here" LaserFlash previews !!! ==- Dark Store pages by Shiina !embed text="Non-beta" !embed text="Non-beta" !embed text="Beta" !embed text="Beta" ==- Beta Dark Store pages by BallOpener !embed !embed ==- SteamDB addon by BossSloth !embed ==- Better Store pages in terms of usability by RedSigma (OLD) !embed !embed ==- More coming soon... There aren't any other addons I could find. If there is a addon you would like added, you can edit this page and add it yourself, or tell me to add it by !badge target="blank" variant="info" text="creating an issue on github" ==-

Uninstalling

If you want to uninstall you will have to:

  • Close Steam and SFP fully (from tray menu)
  • Delete the [!badge variant="dark" text="%LOCALAPPDATA%\Steam\htmlcache\Cache"] folder
  • Launch steam

!!!warning If you want to permanently delete any modifications delete SFP and [!badge variant="dark" text="Steam\steamui\skins"] !!! !!!danger If you're still paranoid delete the whole [!badge variant="dark" text="Steam\steamui"] folder along with [!badge variant="dark" text="Steam\clientui"] and relaunch steam !!!