[TUT] EASY : Modify UI/HUD colors & fonts in BtS

Greetings,

I seem to be missing something in my mod. I am looking just to recollor the UI. Not change out fonts or create new tga images. Just a simple recoloring.

I followed the tutorial and what seems to happen every time when I load my mod is the bottom bar at the main menu screen is gone and when I start a game all the backpanel images seem to be gone, and no color is showing. I don't see the boarders, I I don't see the background images, I just see the lettering and icons.

I am thinking there is an asset or resource folder. Now to be fair, I tried downloading the gold or green files at the beginning tutorial and civ fanatics said the files could not be found. Is that what I'm missing?

Thanks for the help in advance.

P.S. when I edited the color I did leave the opaque (4th number) 150.
 
never mind I was missing a few files :)
 
How easy would it be to simply change the blue color scheme to a dark brown? I read this whole thread and I am not understanding it. I don't want to change everything (text and such), I just want to change the vanilla interface colors to dark brown with like a white-gold trim if that is possible.
 
Use Civscale - it's perfect just for changing color
 
Here it is:
http://forums.civfanatics.com/showthread.php?t=149780
1. Backup your .thm files
2. Apply changes with civscale
3. Copy new .thm to your mod
4. If you want the old .thm for standard game you can bring it back with civscale or paste backuped .thm files
5. Link your mod to the new .thm (explained already by Fabrysse)
 
You want to edit font or edit .thm to switch for another font?
 
It's how I've made it for 1939 Mod

In Civ4Theme_Common.thm I've changed to my own typewriter font. 1939 Typewriter PL is the name of the font. Size0, Size 1 etc are the sizes of the font - one are text, other headers etc. You can of course use different font for header and different for standard text.

Code:
			with SF_CtrlTheme_Civ4_Control_Font
			{
//				GFont	.Size0_Normal			=	GFont("1939 Typewriter PL",		"Regular",		10, GFlags(GFontFeature, GFC_FONT_ALPHA));
//				GFont	.Size0_Bold				=	GFont("1939 Typewriter PL",		"Bold",			10, GFlags(GFontFeature, GFC_FONT_BOLD,	GFC_FONT_ALPHA));
//				GFont	.Size0_Italic			=	GFont("1939 Typewriter PL",		"Italic",		10, GFlags(GFontFeature, GFC_FONT_ITALIC, GFC_FONT_ALPHA), 0, GRectMargin(1));
//				GFont	.Size0_BoldItalic		=	GFont("1939 Typewriter PL",		"Bold Italic",	10, GFlags(GFontFeature, GFC_FONT_BOLD,	GFC_FONT_ITALIC, GFC_FONT_ALPHA), 0, GRectMargin(1));

				GFont	.Size1_Normal			=	GFont("1939 Typewriter PL",		"Regular",		12, GFlags(GFontFeature, GFC_FONT_ALPHA));
//				GFont	.Size1_Bold				=	GFont("1939 Typewriter PL",		"Bold",			12, GFlags(GFontFeature, GFC_FONT_BOLD,	GFC_FONT_ALPHA));
//				GFont	.Size1_Italic			=	GFont("1939 Typewriter PL",		"Italic",		12, GFlags(GFontFeature, GFC_FONT_ITALIC, GFC_FONT_ALPHA), 0, GRectMargin(1));
//				GFont	.Size1_BoldItalic		=	GFont("1939 Typewriter PL",		"Bold Italic",	12, GFlags(GFontFeature, GFC_FONT_BOLD,	GFC_FONT_ITALIC, GFC_FONT_ALPHA), 0, GRectMargin(1));

				GFont	.Size2_Normal			=	GFont("1939 Typewriter PL",		"Regular",		14, GFlags(GFontFeature, GFC_FONT_ALPHA));
				GFont	.Size2_Bold				=	GFont("1939 Typewriter PL",		"Bold",			14, GFlags(GFontFeature, GFC_FONT_BOLD,	GFC_FONT_ALPHA));
				GFont	.Size2_Italic			=	GFont("1939 Typewriter PL",		"Italic",		14, GFlags(GFontFeature, GFC_FONT_ITALIC, GFC_FONT_ALPHA), 0, GRectMargin(1));
//				GFont	.Size2_BoldItalic		=	GFont("1939 Typewriter PL",		"Bold Italic",	14, GFlags(GFontFeature, GFC_FONT_BOLD,	GFC_FONT_ITALIC, GFC_FONT_ALPHA), 0, GRectMargin(1));

				GFont	.Size3_Normal			=	GFont("1939 Typewriter PL",		"Regular",		16, GFlags(GFontFeature, GFC_FONT_ALPHA));
				GFont	.Size3_Bold				=	GFont("1939 Typewriter PL",		"Bold",			16, GFlags(GFontFeature, GFC_FONT_BOLD,	GFC_FONT_ALPHA));
//				GFont	.Size3_Italic			=	GFont("1939 Typewriter PL",		"Italic",		16, GFlags(GFontFeature, GFC_FONT_ITALIC, GFC_FONT_ALPHA), 0, GRectMargin(1));
//				GFont	.Size3_BoldItalic		=	GFont("1939 Typewriter PL",		"Bold Italic",	16, GFlags(GFontFeature, GFC_FONT_BOLD,	GFC_FONT_ITALIC, GFC_FONT_ALPHA), 0, GRectMargin(1));

				GFont	.Size4_Normal			=	GFont("1939 Typewriter PL",		"Regular",		22, GFlags(GFontFeature, GFC_FONT_ALPHA));
				GFont	.Size4_Bold				=	GFont("1939 Typewriter PL",		"Bold",			22, GFlags(GFontFeature, GFC_FONT_BOLD,	GFC_FONT_ALPHA));
//				GFont	.Size4_Italic			=	GFont("1939 Typewriter PL",		"Italic",		22, GFlags(GFontFeature, GFC_FONT_ITALIC, GFC_FONT_ALPHA), 0, GRectMargin(1));
//				GFont	.Size4_BoldItalic		=	GFont("1939 Typewriter PL",		"Bold Italic",	22, GFlags(GFontFeature, GFC_FONT_BOLD,	GFC_FONT_ITALIC, GFC_FONT_ALPHA), 0, GRectMargin(1));
			}
 
I have font in
Modname\Resource\Fonts
and in Windows\Fonts

The name you should type in .thm appears when you double click on the font.
Note for file name is "1939_PL.ttf" but the name of font is "1939 Typewriter PL"
 
This tutorial helped a lot! I tweaked the Black UI made available by Afforess to my exacting preferences.

Now only one tweak left:
So one question...
Where is the line that control the color of "ready to be selected" background?
To clarify "ready to be selected", here is an example.
I am in Custom Game. My UI is all Black, with full opacity. Now I'm clicking my player's line's LeaderHead. Now I decide which LH I want. I move my cursor toward Alexander. Here is the problem, the color of the Alexander's background is the same as other background, and thus not confirming whether or not my cursor is actually pointing at Alexander or not.

See what I mean? OK, which line control that so I can tweak it to be slightly brighter than fully non-transparent black?
 
And one more question:
The rollover block for messages near tech bar, and for terrain, unit, resource, etc are both a bit too transparent for my eyes. Which lines control the colors of these rollover blocks?
 
These 2:
PHP:
GColor	.IconBG	= GColor( 200, 200,200, 200)	: GFC_Control_Color;	//Set for dynamic color change
GColor	.HelpBG	= GColor( 200, 200,200, 200)	: GFC_Control_Color;	//Set for dynamic color change

(color values are already changed here, example how this looks is here, maybe you want to use these)
 
Back
Top Bottom