About The Project 📢 - Update for new client Cooming Soon! - Sneak Peak.

"This is a simple skin which turns the old steam design into a completely renewed one, this skin is inspired by the Microsft Store Fluent Design template launched with Windows 11."

Fluent for Steam is a skin that is based on the "Windows 11 design principles". Mainly inspired by the new design of the Microsoft Store that can be found in the latest version of windows 11. This implied a great challenge since I redesigned the old Steam scheme and created a left sidebar, like the one you see in the image, this includes more interactive icons, a new download bar and a much more modern style.

This skin starts from the base code of the Metro for Steam 4.4 by minischetti and UP MetroSkin from RedSigma, although the future I plan to get rid of these bases since they have some obsolete files when compared to the new versions of steam.

(back to top)

Built With 🛠️

• VsCode - VGUI plugin
• Adobe Photoshop CC
• Adobe Ilustrator CC
• Figma
• Paint.NET
• Steam -Dev

(back to top)

Support the project! 💰💸

If you liked the work, think that every corner of this skin is made with dedication, and it is completely free! But time is not free and if you want this project to continue more and more active you can contribute by donating in the following networks

(back to top)

Important! ⚠️

The rounded edges only work on Windows 11. This skin was created only for Windows but in the roadmap it is planned to workon Linux and MacOS as well.

(back to top)

Roadmap🪛🧱

• 🚫Add options in the color palette - WIP
• 🚫Rework overlay within games
• 🚫Improve code - WIP
• 🚫Add more customization options
• 🚫Rework the webkit by Shinna
• 🚫Redesign the settings panel - WIP
• 🚫Add Linux and MacOS support
• 🚫Light Mode
• 🚫High DPI mode

(back to top)

How to Install ⚗

Prerequisites ✅⚠️

1. Have installed Segoe UI Variable (It is not necessary if you have windows 11 ).
2. Have Windows since FluentForSteam was only tested on Windows.

Installation 📄

1. Download the latest version of the skin, by clicking here
2. Go to the Steam.exe directory and create a folder called skins. So it should look like this: Steam / Skins
3. Drop fluentforsteam into the Skins folder
4. Go to Steam and open the options and go to the interface section
5. Select my skin "fluentforsteam" and restart STEAM
6. ENJOY! 😁

(back to top)

Screenshots 📷

3/12/2024 wip collection icon & color

23//11/2024 wip Integration with SteamGridDB V2 API This feature integrates with the SteamGridDB V2 API to automatically set 512x512 or 1024x1024 covers, always selecting the most upvoted artwork. It also works for non-Steam games, so you'll never need to manually select your artwork again.

17/11/2024 Platform System WIP

MORE PROGRESS 30/10/24/

/OLD/

Steam with Fluent For Steam and Microsoft Store comparision

Profile with Webkit by AikoMidori

Download Page with new download status bar

new overlay compact new settings

workflow in figma

(back to top)

See the open issues for a full list of proposed features (and known issues).

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

License 📖🆓

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact 📱📧📞

Francis As - meteorosa@hotmail.com

Reddit! /r/elpurogamer

(back to top)

Acknowledgments ⛑️

• Webkit by AikoMidori
• Help Download Bar by Mixter213
• RedSigma UPMetroSkin
• Metro Skin Comunity
• Metro for Steam 4.4
• zakk_ponsen Help with Icons

(back to top)

README.md Template