SaiyajinK/Minimal-Dark-for-Steam

⚡ Minimal Dark for Steam ⚡

Minimal Dark is a personalized and customizable minimal theme for the new Steam interface (New UI).
I started from the basic Steam skin using the development tool (DevTools) as well as notepad++.
All the sources and tools I used are at the bottom of the description.

I am neither a coder nor a developer, I have some knowledge after several years of practice and I do this in my free time when I have it.
Be understandable if you encounter any bugs.

`🔎 Minimal Dark vs Steam vanilla 🔎`

`🎨 Customize theme with the color of your choice!🎨`

How change the skin color ?

Open -config.css- with notepad++ and modify line 4 and line 5.
Open -webkit.css- and modify line 8 and line 9 ; save and reload Steam.

⚠️ note: color settings reset with each update (for now).

More simply : If you use the base color (which is Steam's default color, light blue): no problem since it is the base of the skin.

On the other hand : If you use a custom color: you will have to redefine the custom color during EACH update (for the moment) whether manual (by opening millenium from Steam settings) or automatic (when launching or restarting Steam).

Why ? : This is because Millennium, during an update reloads the entire Github directory and not just the updated files.
I passed the information on to the dev, I'm waiting for his return (the problem does not occur with SFP).

🗣️ Dev response : Millennium will be updated soon to resolve this issue to only update files changed during a skin update.

`🧪 Restylised vanilla skin topbar + UI enhancements 🧪`

Topbar :

Edited interface :

The home and collection button are now hidden to minimize the space taken up (they are accessible from the top bar).
I'm not a fan of heavy interfaces with "uncoordinated" colors. So I created a minimal topbar to best optimize the space compared to the vanilla base.

`🔄 Reboot/recharge menu 🔄`

I added a js script to the skin that adds the restart and refresh UI actions.
Script has shared on the unofficial metro discord

`📸 Compact mode + friends 📸`

`📸 Profil 📸`

Blurred profil :

profil.mp4

`🌐 Dark webkit 🌐`

Thanks Shiina for the base of the webkit
All aspects were changed to match my theme.

`✅ Quick installation with Millennium (recommanded) ✅`

1️⃣ - Download & execute latest release of Millennium here
2️⃣ - Clic on Integrate and wait for the end of integration (Steam will close)
3️⃣ - Restart Steam and go Settings > Interface > Steam Skin > Open Millennium
4️⃣ - In Millennium interface click on Settings and check that JavaScript Execution is checked.
5️⃣ - Always in Millennium interface click on Community (Steam browser will open).
6️⃣ - Select the Minimal Dark for Steam theme and drag Drop onto Millennium button in the Millennium and wait download & installation
7️⃣ - Return to the Library tab and refresh the list of downloaded skins and click on Minimal Dark for Steam.

Installation documentation : https://millennium.gitbook.io/steam-patcher/getting-started/installation

`🔗 Manual installation with SFP 🔗`

1️⃣ - Download & extract latest release here
2️⃣ - Copy Minimal-Dark-for-Steam folder to "C:\Program Files (x86)\Steam\steamui\skins"
3️⃣ - Download the latest SFP version here
4️⃣ - Launch SFP, in settings go to Steam, check "Inject JavaScript", and now select steam skin (steam will reload automatically). If you want dev Steam, type -dev on the end of launch arguments to get -cef-enable-debugging -dev.

`🛠️ Tools used 🛠️`

`🖱️ Open Source References 🖱️`

Credits to Rose's Metro for Steam for the initial base of the theme and the inspiration it gave me.
Shiina for the dark base of webkit
Unofficial Patch for Metro for Steam for sharing reboot/reload script
ShadowMonster99 for the implementation in Millennium
PhantomGamers for SFP and the reboot/reload script
LaserFlash for WaitForElement module

SaiyajinK / Minimal-Dark-for-Steam