Color Themes

Color Themes

Available themes:

• Default
• Dark
• Green
• Purple
• Custom

The color theme can be changed from within the game, via the Customizations menu.

Modifying the theme / Making your own theme

Color explanations for custom/colors.res (general HUD colors)

• PrimaryBG - Controls the color of buttons, main menu top bar and certain backgrounds (e.g rank panel, matchmaking menus)
• SecondaryBG - Controls the color of the main menu background and main background in some other panels (e.g class loadout, store)
• AccentBG - Controls the color of hovered over buttons as well as the XP bar
• DarkPrimaryBG - Controls the color of some more miscellaneous panels (e.g advanced options, voting panel, MVM upgrade menu)

Color explanations for custom/colors_sourcescheme.res (source/VGUI colors (e.g options menu, server browser)

• PrimaryBG - Controls the color of window frames and backgrounds
• SecondaryBG - Controls the color of buttons, text fields and background for the servers in the server browser
• AccentBG - Controls the color of hovered over buttons

---

Adding the colors for your custom theme

Before starting, I heavily recommend that you use Visual Studio Code with the VSCode VDF extension. That way you will also actually be able to see the colors for the theme, instead of just a bunch of numbers.

1. Navigate to producthud\customizations\color_themes\custom
2. You will see three files - borders.res, colors.res and colors_sourcescheme.res
   • borders.res - Controls "borders", aka backgrounds for various elements, such as item panels or tooltips
   • colors.res - Controls main colors of the HUD and text colors
   • colors_sourcescheme.res - Controls colors of the default VGUI menus and text, such as Settings or Developer Console
3. Have fun! Everything