Skip to content

purogamer/Fluent-for-Steam

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

image


OUTDATED - NEW VERSION IN PROGRESS

Special thanks to JoTech for sponsoring the project. ♥️

⚠️At the moment this theme only works on Windows⚠️
Support Us 💸🍩☕ · Report a Bug☠️ · Request a Feature📝

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

Steam1

"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 🛠️

(back to top)

Support the project! 💰💸

Steam 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 steamwebhelper_odZDuSDX5S

steamwebhelper_6TDpGooszl

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. NVIDIA_Overlay_QqtsJuHa8b

17/11/2024 Platform System WIP NVIDIA_Overlay_4IcZxcSqPO steamwebhelper_3afiTXR8VL

MORE PROGRESS 30/10/24/ E3x4fv5plk

/OLD/ NVIDIA_Overlay_0IxQqvd1p6

NVIDIA_Overlay_xSTpoVPALc

NVIDIA_Overlay_ObbYQTp6Lp

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

new overlay compact image image new settings image image image

workflow in figma image image image

(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 - [email protected]

Reddit! /r/elpurogamer

(back to top)

Acknowledgments ⛑️

(back to top)

README.md Template

Logo