How to FIX the Steam Library UI! Guide to tweaks
130NOTE: A new version with a GUI has made the overall process much easier.
New guide on SteamUI-OldGlory: https://youtu.be/foCewvyOszQ
This Video guide is most relevant for Releases before 4.0, but still contains some useful information.
=====
The new Steam Library UI was introduced in Oct 2019. In June 2020, I was forced off the old UI, and so I began tweaking the layout and styling to fix the main issues that made the whole new UI unpleasant to use.
This video is an overview on how to apply those tweaks, and find tweaks of your own to add.
0:00 Intro
1:34 Part 1 - How to apply tweaks
3:13 - Overview of CSS tweaks
5:04 - Removing blurry game images
7:05 - Small JavaScript tweaks
9:52 - Some extra settings you can change within the client
10:45 Part 2 - Dev Mode/Advanced Tweaks
14:25 - Dev Mode - JavaScript
15:27 - Getting the client to refresh
16:19 - Bringing back the Grid view
19:23 - Recreating the List view - is it possible?
22:12 Conclusion and Thanks
=== Download Links ===
- SteamFriendsPatcher - https://github.com/PhantomGamers/SteamFriendsPatcher/releases
- SteamUI Tweaks - https://github.com/Jonius7/SteamUI-OldGlory/releases
- Steam Missing Covers Downloader build - https://github.com/Jonius7/steam-missing-covers-downloader/releases/tag/new-format-fix
===UPDATES and extra notes===
2:47
Download the .zip file under the Releases page (on the right sidebar) instead.
7:41
- Since Release 3, js_tweaker and fixes.txt has been reworked to allow comments and blank lines. In the file, you can see what lines correspond to what JavaScript tweak. Uncomment out the lines you want below each section header.
7:44
- There are at least 8 different JS tweaks now.
8:11
- You also need to copy fixes.txt over
9:10
You won't need to do this, the CSS code for the DLC Manager is uncommented out already
11:47
F12 also works to open up the Dev Tools.
15:30
- Sometimes, if you have the Chrome Dev Tools already open, if you press Ctrl + Shift + I, it will close the Tools, unable to be reopened, and the Steam Library will refuse to load game pages. To reset this state, go to Task Manager and end all instances of Steam Client WebHelper. The Steam Client will then reload the library again.
17:18
- Steam file validation is based on the original file length. This is why, if you go to Steam\steamui\css\libraryroot.css and open it up, after you run SteamFriendsPatcher, you will see that it is padded out with spaces to match the original file length. If Steam detects otherwise, it will delete the files and re-download them on restart.
- js_tweaker changes the single reference of "libraryroot.js" inside library.js to "libraryreet.js". So this is the file you see in use in the video. libraryroot.js is unmodified so as to pass Steam file validation.
- What js_tweaker does is take libraryroot.js, makes a copy and beautifies it to libraryroot.beaut.js, adds in the fixes (fixes.txt) to libraryroot.modif.js, and then minifies the whole file again to libraryreet.js
- After using js_tweaker, if you ever want to reset the JS modifications, modify fixes.txt accordingly, and delete libraryroot.beaut.js. It will be recreated next time you run the js_tweaker.
22:24
You can leave comments on Steam Discussions:
https://steamcommunity.com/discussions/forum/0/2451595019863406679/?ctp=6#c2798376099463297200
=== Imgur Albums ===
- More DLC and Screenshots, more info!: https://imgur.com/a/3WTdrXP
- JS Tweaks: https://imgur.com/a/mL4QNYB
- Is Steam Grid View Back?: https://imgur.com/gallery/qcIHx0l
- Steam List View Proof of Concept: https://imgur.com/a/ZqvqrkR
- Preview GIF: https://gyazo.com/38d0101b493741501697b4a0f5f0818f
=== Steam Discussions ===
Discussions Topic on this video - https://steamcommunity.com/discussions/forum/1/2798376099463291162/
Discussions on SteamUI CSS - https://steamcommunity.com/discussions/forum/0/2451595019863406679/
Other Videos By Jonius7
Other Statistics
Hearthstone Statistics For Jonius7
Jonius7 presently has 25,452 views for Hearthstone across 34 videos, with the game making up 11 hours of published video on his channel. This is 36.29% of the total watchable video for Hearthstone on Jonius7's YouTube channel.