SaiyajinK / Minimal-Dark-for-Steam

A dark minimalist skin for steam new UI
26 stars 4 forks source link

KoFi

⚡ 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 understanding if you encounter any bugs.

🧪 Restylised vanilla skin topbar + UI enhancements 🧪

steamwebhelper_g2wSwTkeAz

I created a minimal topbar to best optimize the space compared to the vanilla base.
The home and collection button are now hidden to minimize the space taken up (they are accessible from the top bar).

🎨 Customize theme with the color of your choice 🎨

I'm not a fan of heavy interfaces with "uncoordinated" colors. So I did my best to have a theme with matching colorimetry. In building the skin, I defined a function on many elements that injects the color code defined in the configuration file across the entire skin and webkit.

How change the skin color ?

  1. Open config.css with notepad++ and modify lines 4 and 5.
  2. Open webkit.css and modify lines 8 and 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.

📸 Compact mode + friends 📸

steamwebhelper_fg4wOYs2Yr

👤 Profil 👤

Some profiles have neon lights around the headers, I removed them by default.
If you want to remove this, open webkit.css and remove line 100

steamwebhelper_D6E8lmLWw0

🌐 Dark webkit 🌐

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

steamwebhelper_jCRvt3NLNE

✅ 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 🖱️


KoFi