corerpg interface graphics questions

[tahl_liadon]

.
hi. not sure if this is the correct forum; plz move to appropriate one if necessary.

i have gone under the hood and replaced a good amount of graphics to create a themed interface.

i am running into a few things that are puzzling and i can't figure them out. in the attached pic (below):

- the graphics in the magenta areas -- they are displaying as dark and not see-able; the original graphics are white. what is going on here?
- the icons in the yellow area -- where are these (overlaying icons?) files, as i am not able to locate them in the 'graphics' directory?

thx for any insight.

[mattekure]

The two buttons in yellow are:
windowmenubar_close.png
windowmenubar_help.png

located in the graphics\icons\ directory

[mattekure]

I believe the icons colors are set using the ColorManager functions like:

ColorManager.resetUIColors();

ColorManager.setSidebarCategoryIconColor("A3A29D") ;
ColorManager.setSidebarCategoryTextColor("A3A29D") ;
ColorManager.setSidebarRecordIconColor("272727");
ColorManager.setSidebarRecordTextColor("272727");
ColorManager.setButtonContentColor("FFFFFF");
ColorManager.setWindowMenuIconColor("31352E");

[Moon Wizard]

In addition to what @mattekurre provided, you'll need to define:

framedef name="windowmenubar_button"
framedef name="windowmenubar_button_down"

Regards,
JPG

[tahl_liadon]

.
i appreciate the info... but it's kinda outside of my experience to know where /how to apply codes.

i was hoping it was a matter of swapping out graphics. thx anyway.

[mattekure]

.
i appreciate the info... but it's kinda outside of my experience to know where /how to apply codes.

i was hoping it was a matter of swapping out graphics. thx anyway.

A good example would be to unzip up one of the provided themes and see how its done. for exmaple, the FG leather theme can be unzipped and take a look at the extension.xml file. it contains a perfect example of how to use the functions I listed. you can also look inside the graphics_frames.xml file for an example of the framedef definitions. they are not terribly complex.

<root version="3.0">
	<announcement text="SmiteWorks Leather Theme for Fantasy Grounds\rCopyright 2019 Smiteworks USA, LLC." font="emotefont" icon="rulesetlogo_CoreRPG" />

	<properties>
		<name>Theme: FG Leather</name>
		<author>SmiteWorks</author>
		<loadorder>50</loadorder>
		<ruleset>Any</ruleset>	
	</properties>
	
	<base>
		<script name="DesktopThemeLeather">
			function onInit()
				ColorManager.resetUIColors();

				ColorManager.setSidebarCategoryIconColor("A3A29D");
				ColorManager.setSidebarCategoryTextColor("A3A29D");
				ColorManager.setSidebarRecordIconColor("332A25");
				ColorManager.setSidebarRecordTextColor("332A25");
				ColorManager.setButtonContentColor("FFFFFF");
				ColorManager.setWindowMenuIconColor("332A25");
			end
		</script>

[tahl_liadon]

.
thx much @mattekure for pointing me in the right direction.

with a little trial-and-error, i managed to apply desired colors / graphics (texts / icons green is currently a bit intense, but i know where to adjust now).

cheers!

[Moon Wizard]

As a suggestion, I might simplify the buttonup/buttondown frames in your theme too. They are a bit noisy and make the font harder to read on the button.

Regards,
JPG