Shop Mobile More Submit  Join Login


Submitted on
June 2, 2011
File Size
975 KB


1,033,937 (446 today)
2,851 (who?)
384,667 (129 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
131 out of 137 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
92 out of 96 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 5 hours 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
OmarOs Featured By Owner 2 days ago
Where are the Icons ? I don't have the icons of the games !
pulseh Featured By Owner 1 day 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 4 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: