Shop Mobile More Submit  Join Login


Submitted on
June 2, 2011
File Size
975 KB


1,034,626 (404 today)
2,851 (who?)
384,869 (112 today)


Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
PixelVision - Skin for Steam by pulseh PixelVision - Skin for Steam by pulseh
:bulletgreen: Steam Community Group

:bulletgreen: 2014.09.25: updated to v2014-0925 (see SPUF thread for details [Link]).

:bulletred: 2014.12.04: v2014-1204 Update for the ongoing Steam Client Beta available - [Link]

Well, it's been a while!

The last time I submitted a deviation was March 2005, if memory serves. And my last skin for Steam was even earlier than that, September 2004!

This was a while back, but it used to only take a few hours in Photoshop to work on a background, then assemble a skin within minutes... All you had to do was place an image and rearrange buttons. Good old Steam v1 [Link] ... Steam's a tad more complicated and time consuming to skin nowadays, but I reckon I did allright for being 7 years out of practice.

It did take some figuring out. The main culprit being the fact that Steam doesn't allow you to change everything right out of the skins folder, which took me several headaches to realise. Apart from that though the learning curve is quite forgiving and similar in nature to css.

The end result is something that I'm quite happy with. I set out with a clear concept in mind, but as things moved along I just kept stumbling upon ideas that improved it. The tabbed browsing was never part of the original concept for example, that came up while watching an old video about Steam's developer mode back before the 2010 UI update -- Steam v3 had tabs at the top, which I had completely forgotten about. The icons came up in a similar manner while I was building the info panels in the Library Details page, something was simply missing. After that, the idea of placing icons next to major titles or headers made its way throughout the skin.

The rest just came by ironing things out towards a Pixel Perfect style which I've always been a big fan of. It's sort of what lead to the name Pixel Vision as well.

Anyway, I wanted to keep this about the skin's creation process, but you can find more Steam-specific information and instructions on the PixelVision thread over at the SteamPowered User Forums - [Link]

Thanks for reading/downloading!
Add a Comment:
You sir rock, i have searched many sites for a half decent skin for steam and all i have found is sheet, like fpsbanana those kids haven't a clue how to make a skin, this is the best i have seen yet, hope to see more of your work sir.Damn 50 words to post this well now, what else can i say, this is just awsome, and i will stick with this skin till steam goes to V5. so i am sure i'm set for a few years to come, but plz ide love to see some more nice work like this in the future.
What do you think?
The Artist thought this was FAIR
132 out of 138 deviants thought this was fair.

This is definately a good skin for Steam, you've proven you know about VGUI stylesheets. If you keep it updated (Valve likes to break skins with new buttons), I may stick to it. You put a lot of time into changing every aspect of the client, adding a few background images and making the detail view of the library look great!

So, enough saying it's awesome (you probably already know), here are some negative points:

- The images next to the main tabs do not blur when selected
- The colors seem to be a bit bright on the friends list
- The link to open the friends window could be bigger, altough moving it to the top is the right choice
- The fonts seem a bit blurry, like pre-.NET 4.0 WPF fonts

Keep on being awesome.
What do you think?
The Artist thought this was FAIR
93 out of 97 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

HawK3yLV Featured By Owner 1 day ago  Hobbyist Digital Artist
The refresh button seems messed up,…
Any fix coming up soon?
Idea - you could add a custom icon for "console" button
pulseh Featured By Owner 9 hours ago  Hobbyist Interface Designer
This version fixes all known issues with the refresh button and broadcasting beta.

As for an icon for the console, the reason I haven't implemented it is there is no way for me to determine whether the user has launched Steam in dev mode or not through the markup language available to skinners. That would require conditional programming statements which skinning in Steam doesn't have access to. Seeing as the vast majority never use Steam in dev mode, most would end up with a floating icon which wouldn't make much sense. Or at least, that's why I didn't implement one : )

Hope this helps!
OmarOs Featured By Owner 3 days ago
Where are the Icons ? I don't have the icons of the games !
pulseh Featured By Owner 2 days ago  Hobbyist Interface Designer
In the Library view, click on the gear icon above the game list's scrollbar and tick 'games'.
OmarOs Featured By Owner 2 days ago
Nevermind, just found the option :D
GradyLorenzo Featured By Owner 5 days ago
Redsteel25 Featured By Owner Nov 6, 2014
..and once again, thank you very much  8-)
love it! makes my steam library look a lot more streamlined and no longer have the screen taking up unnecessary amounts of space. looks a lot more professional. 
WimboJallis121 Featured By Owner Nov 19, 2014
any chance of a folder icon to match it?
Chrispynutt Featured By Owner Oct 30, 2014
This is awesome thank you
Add a Comment: