corerpg interface graphics questions

.
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.

https://www.fantasygrounds.com/forum...chmentid=59512

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

located in the graphics\icons\ directory

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");

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

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

Regards,
JPG

.
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.

Quote:

---

Originally Posted by 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.

---

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.

Code:

---

<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>

---

.
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!

https://www.fantasygrounds.com/forum...chmentid=59535

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