Difference between revisions of "Steam Skins"

From Valve Developer Community
Jump to: navigation, search
m
Line 1: Line 1:
The most important thing about skinning in the new Steam is the change of the skinning method. Instead of using <code>TrackerScheme.res</code>, <code>steamscheme.res</code> is now used. The <code>steamscheme.res</code> file is located in the <code>resource</code> folder in the Steam root folder. It should be copied to <code>skins\''YourSkinName''\resource</code>. Like everything else, images are uncompressed 24-bit [[TGA]] files.
+
==Setting Up==
The following is documentation on the structure of <code>steamscheme.res</code>.
+
The first thing you need to do is make sure steam is not running, then navigate to your steam directory "'''C:\Program Files(x86)\Steam'''" and copy the '''resource''' folder and paste it into your skin folder in "'''Steam\skins\Your Skin Name'''" folder. The resource folder contains all of the images and the assets needed to customize the Steam UI. Then go to your steam shortcut and goto it's properties and select the shortcut tab. In the target box type <code>-dev</code> after the directory. Now when you launch steam go to the settings and select the Interface tab, you can now select your skin.
* [[Steamscheme.res file structure]] &mdash; Help on creating your own scheme.
+
==Changing Colors==
* [[Steam Resource Map]] &mdash; list of res files and accompanying images of them.
+
While in any Steam window you if you set up the <code>-dev</code> launch option correctly you should be able to press {{key|F6}} and the "vgui layout debugger" should appear. While the debugger is open you cannot interact with anything in the Steam Client until you close the window. Using the debugger you can (like inspect element in web browsers) see what code and scripts are behind what you click and the colors and you can use it to identify which colors you can edit, and which file houses the code for text and images.
 +
 
 
[[Category:Steam UI]]
 
[[Category:Steam UI]]

Revision as of 22:34, 12 June 2015

Setting Up

The first thing you need to do is make sure steam is not running, then navigate to your steam directory "C:\Program Files(x86)\Steam" and copy the resource folder and paste it into your skin folder in "Steam\skins\Your Skin Name" folder. The resource folder contains all of the images and the assets needed to customize the Steam UI. Then go to your steam shortcut and goto it's properties and select the shortcut tab. In the target box type -dev after the directory. Now when you launch steam go to the settings and select the Interface tab, you can now select your skin.

Changing Colors

While in any Steam window you if you set up the -dev launch option correctly you should be able to press F6 and the "vgui layout debugger" should appear. While the debugger is open you cannot interact with anything in the Steam Client until you close the window. Using the debugger you can (like inspect element in web browsers) see what code and scripts are behind what you click and the colors and you can use it to identify which colors you can edit, and which file houses the code for text and images.