Steam Community :: Guide :: [HL2DM] Customizing the GUI

Store Page

Half-Life 2: Deathmatch

All Discussions Screenshots Artwork Broadcasts Videos News Guides Reviews

Half-Life 2: Deathmatch > Guides > kot.aKew's Guides

Not enough ratings

[HL2DM] Customizing the GUI

By kot.aKew

In this guide you learn how to customize your GUI (Grafic User Interface). This includes your console, server browser, options menu, loading screen etc.

Questions? Post in the comments.
Leave a rating if this guide was helpful. More guides will follow.

Award

Created by

kot.aKew
Offline

Category: Modding or Configuration, Multiplayer, Secrets, Walkthroughs

Languages: English

Posted

16 May, 2013 @ 10:35am

1,539	Unique Visitors
23	Current Favorites

Guide Index

Overview

Preparation

Adding the colors

Explanation of the GUI elements.

Final result

Comments

Preparation

Required Programs:

GCFScape[nemesis.thewavelength.net] to get the required files.
Any text editor. I will use Notepad ++[notepad-plus-plus.org].

Getting the files:

The file we need to modify is called sourcescheme.res and we will get it with GCFScape.
Open GCFScape, click on File --> Open, browse to \Steam\SteamApps\ and open the multiplayer ob binaries.gcf.
Now you will see alot of folders. Go into the hl2/resource folder and extract the sourcescheme.res to some place. Close GCFScape.
Put the clientscheme.res into the following game folder: \Steam\SteamApps\common\Half-Life 2 Deathmatch\hl2mp\custom\my_custom_stuff\resource

Now you are ready to modify the file.

Adding the colors

Open the sourcescheme.res with your text editor. You may want to read the comments on the top to understand a little bit how this file works. But i will also explain it in this guide.

Search for "Colors" (you can search a text file in most text editors by hitting ctrl+f).
Here are all colors listed that you want to use. There's always the name for the color and the RGB color code (the 4th number is for the opacity). Here[www.tayloredmktg.com] you find a small list of colors along with their RGB color codes. You can also open up an image editing software (like Paint) and find the RGB values for a color of your choice.

Add all the colors you want to use to the "Colors" section.

Colors { // base colors "Orange" "255 176 0 255" "OrangeDim" "255 176 0 120" "LightOrange" "188 112 0 128" "Red" "192 28 0 140" "Black" "0 0 0 196" "TransparentBlack" "0 0 0 196" "TransparentLightBlack" "0 0 0 90" "Blank" "0 0 0 0" "ForTesting" "255 0 0 32" "ForTesting_Magenta" "255 0 255 255" "ForTesting_MagentaDim" "255 0 255 120" // My Colors "BlackLight" "0 0 0 155" "DisabledItem1" "117 117 117 255" "DisabledItem2" "30 30 30 255" "Gray" "78 78 78 255" "GrayLight" "78 78 78 200" "Green" "43 118 49 255" "LightGreen" "100 225 120 255" "Red" "199 19 18 255" // For Testing "Testing" "0 0 255 255" //blue "Testing2" "0 255 255 255" //turquoise }

Now you are ready to set a specific color for each GUI element.

Explanation of the GUI elements.

Search for 'BaseSettings'. Below this part you find all GUI elements along with their color value.
Here is my BaseSettings along with description of each element.

SourceScheme.res with descriptions.[pastebin.com]

If you have problems anywhere, then post in the comments of this guide. I will try to help or maybe some others can also help you.

Have fun and don't get frustrated!

Final result

This is how your GUI could look like in the end.

12 Comments

< >