/SteamSkins

With Steam's new beta and introduction to full css clients, and the removal of VGUI, means a new era of skins.

Primary LanguageCSS

Shiina's Steam Skins

With Steam's new beta and introduction to full css clients, and the removal of VGUI, means a new era of skins.

CHANGELOG:

  • Adds support for new Steam Beta ChromiumUI update as of 2023-04-27 with a new beta v1 release of Fluent for Steam.
  • Installation for stable version of Steam is the same as previous release (actually, nothing changes), while you must follow new instructions below if you are participating in Steam Beta.

TO-DO & TO-COME:

  • Live updates
  • css to scss
  • clean code & snippets

Credits

The Skins are fully developed by me, and are part of pre-existing communities:

These skins originate from the baseUI of the Metro for Steam 4.4 by minischetti and Unofficial Patch MetroSkin from RedSigma. New releases of Fluent & Metro are being developed by @AikoMidori and it requires prior installation of the Millenium Patcher by @ShadowMonster99 or SFP by @PhantomGamers

Patching

Millennium

  1. Install Millenium Patcher from here
  2. Copy all the DLL files to your steam root directory and copy the skins folder into steamui directory.
  3. Proceed into your skins folder and rename skin-example to Fluent or Metro, afterwards open settings.json and set "active-skin": "skin-example", to "active-skin": "Fluent", or "active-skin": "Metro", and change true to false. "show-console": false,
  4. Download my files, and replace the Metro or Fluent folder you just created, click replace all when prompted.
  5. Done, Start Steam and you should now see the Fluent or Metro skin.

Keep in mind that the Patcher and Steam's Beta are still in the first stage, expect glitches and bugs. More information about patching can be found here

SteamFriendsPatcher(SFP)

  1. Install SFP Patcher from here
  2. Extract the SFP folder to the desktop or any other place easily accessible to you.
  3. Proceed into your skins folder and rename skin-example to Fluent or Metro.
  4. Download my files, and replace the Metro or Fluent folder you just created, click replace all when prompted.
  5. Done, Start Steam and you should now see the Fluent or Metro skin.

Keep in mind that the Patcher and Steam's Beta are still in the first stage, expect glitches and bugs. More information about patching can be found here

Skins

That said, let's dive into the skins!

Fluent for Steam ( work in progress ) image

Metro for Steam ( work in progress ) image