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.
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).
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 ?
- Open
config.css
with notepad++ and modify lines4
and5
. - Open
webkit.css
and modify lines8
and9
; save and reload Steam.
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.
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
Thanks Shiina for the base of the webkit
All aspects were changed to match my theme.
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
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
.
- Steam DevTools
- Color picker
- ColorSpace
- CSS Gradient
- Free SVG collection
- 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
- Icon8 for Base64 icons