Hi,

I would like to adapt the UI colors to my personal preferences.
For that i need to find the respective terms in the CSS file
for the different color fields (1,2,3,4). ?!
I attached a file numbering the different color fields (1.2.3.4)

TOM

Hi Tom,

1 - near the top of moi.css look for .SidePaneBody

2 - in moi.css find:    moi\:PaletteHeader > .PaletteHeaderBackground

3 - in moi.css find: moi\:PaletteBody

4 - that's the on color for a <moi:StateButton> control, in moi.css find:    moi\:StateButton.on


You'd want to change the background-color: property on each of those.

- Michael

Thanks for helping !

OK I am very pleased with the results.
What I did not achieve is to adapt the icons of the
toolbar on bottom. Moi did not update the changes
of the icons and I did not find all of them in the
MoI folders. Anyone any tips ? TOM

Hi Tom, some of the icons are embedded as resources inside of moi_lib.dll because that's what the distribution license for those particular icon images required.

If you look in CommandBar.htm, those icons will be ones that have their icon="" property using the res:// protocol like this: icon="res://saveicon"

For these you can also create a replacement icon file with that same filename and put it in the ui\icons folder and it will pick up that version if it's present. So for example for replacing the save icon put a file named saveicon.png inside of the \ui\icons folder. These icons should usually be 64 by 64 PNG images with alpha mask to make a transparent background.


> Moi did not update the changes of the icons

Which ones did you have problems with not updating?

- Michael

Thx Michael. with "updating" I meant that some icons did not change
their appearance in the UI although I modified them in the icon
folders. ("save as" / "history) But I think I remember a UI posted
here where some had modified all of them.

Hi Tom,

> I meant that some icons did not change
> their appearance in the UI although I modified them in the icon
> folders. ("save as" / "history)

Those 2 ("save as" and history) are also ones that have the icon in resources, so there isn't any already existing file in icons to modify for those.

If you create new images named SaveAsIcon.png and HistoryIcon.png and put them in the ui\icons folders it should use them.

- Michael

Your support is amazing, thank you !