/Fluent-for-Steam

A simple skin for steam to make it look like windows 11.

Primary LanguageReScript


Logo

Fluent For Steam BETA0.2C

At the moment it only works on windows
Support Us 💸🍩☕ · Report Bug☠️ · Request Feature📝

About The Project 📢

983177a9267bcdb3c3a936f8ea33451e

"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 compared to the new versions of steam.

(back to top)

Built With 🛠️

(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 are only work on Windows 11. This skin was created only but in the roadmap it is planned to work for linux and ios 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 it was only tested on these operating systems.

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. For last ENJOY! 😁

(back to top)

Screenshots 📷

Steam with Fluent For Steam and Microsoft Store comparision

image image

Profile with Webkit by AikoMidori

image

Download Page with new download status bar

image

Captura de pantalla 2022-02-05 021947

Captura de pantalla 2022-02-17 010131

Captura de pantalla 2022-02-13 024959

(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 ⛑️

(back to top)

README.md Template