ubihazard / steam-styler

Steam CSS theme switcher

Steam Styler

This utility has become obsolete. Valve is now protecting Steam CSS files from changes, making it much harder to apply custom CSS styles. You can still use this tool, but every time you restart Steam it will redownload the entire client to restore original CSS files, forcing you to run Steam Styler again, creating an endless loop of Steam updates each time you restart it, which is not a good user experience.

As for me, I’ve simply reverted to using small library mode (just a list). I recommend using your desktop browser (not Steam client integrated browser) to actually browse the store, workshop, market, and manage your public profile and account. You will have to login twice, but it turned out to be very convenient because you can now use tabs to manage multiple Steam views and you won’t have to deal with forced marketing bullshit spam from Valve in your library.

Steam CSS theme switcher. You can use this tool to manage Steam CSS customizations with ease and hide the obnoxious “What’s New” section from the library view.

Steam Styler is built as a Microsoft HTML Application (HTA), which means it is open by nature, very lightweight, and doesn’t depend on any huge runtime.

Also check out Left 4 Dead launcher built using similar approach.

How to use

Download the latest release and unzip its contents into any directory. Run install.bat to create a shortcut in Start menu. Press Win key and launch Steam Styler.

Steam must be running first before using this tool.

You can see all currently available styles in the gallery.

Steam will revert back to original look with each update on each restart. So you will need to run Styler again to re-apply your style.

Configuration

Steam Styler must be pointed to the original Steam CSS file in order to be able to modify it. Use “Steam CSS...” button to point it to the correct CSS file. For example:

C:\Program Files (x86)\Steam\steamui\css\1010.css

The correct CSS file can be determined by trial and error, from the folder mentioned above. Note that future Steam updates can and do change CSS file names, so you might need to re-target different CSS file after a particular Steam update.

Clean uninstall

Run uninstall.bat and move the Steam Styler folder into recycle bin.

Command-line version

The advantage of command-line version is that it allows to apply styles quickly without going through GUI.

Create a shortcut to styler.jse script file and rename it to “Steam Styler (Re-apply)”. Right-click the created shortcut and go to “Properties” tab. Change the “Target” field as follows:

C:\Windows\System32\wscript.exe //E:JScript //NoLogo "C:\Steam Styler\styler.jse"

Start in:

C:\Steam Styler

(Assuming you extracted Styler into C:\Steam Styler.)

Change the shortcut icon to Styler icon included in the download. Click Apply and OK to dismiss the dialog.

Press Win+E to open Windows Explorer, then press Ctrl+L to change location and go to %APPDATA%\Microsoft\Windows\Start Menu\Programs. Copy the shortcut file you created into this location and delete the original.

Apply styles directly

The configured (in GUI version) style can be overriden by providing it as a command line argument at the end of the shortcut target field:

cd /d "C:\Steam Styler"
wscript.exe //E:JScript //NoLogo styler.jse ubi.css

⭐ Support

If you like Steam Styler, you can buy me a ☕!

steam-styler's Issues

Does this work on the latest version of Steam?

@ubihazard I've been holding off on updating Steam until a new solution had been found to remove the What's New section. Does this work at removing that? The game Oxygen Not Included updated to use the new Steam API and I can't run the game now. So I hope this works at removing What's New so I can update and get back to playing the game.

Thank you very much