The Infor CRM web client introduced theming into the UI starting in version 9.0. This allows users to set their color theme, which then applies to all pages. There is an issue currently where if you add a Image button to a form it will not correctly render when in “Dark” mode.
In non-“Dark” mode, an image button utilizes the default image color of black, as shown with the Save icon above the Account Name in this image:
However if a user changes the theme to “Dark” mode the image icon remains black, as shown here:
This improper rendering of the icons as black, does not happen for the image buttons that exist on within the Toolbar area of a form. Those change from a black icon to a white icon when the user sets the theme mode to “Dark”. This is because of correct style declaration within the toolbar div, however normal forms lack this declaration. We can do introduce a fix to do the same thing as the Toolbar, by introducing custom css markup within the web client.
The style declaration that needs to be added is:
[data-theme-mode="dark"] input[id$="AccountDetails_QFButton"] {
filter: invert(1);
}
The result of this new style is that image button’s icon will convert to white when Dark mode is selected, as show here:
