X3Photo Gallery Forums

Let me understand your issue correctly: I can see that for your website with the BLACK primary color, the icons are not visible ... But is there any problem other than with the website with BLACK primary color?

GeoPal wrote:The one with the red menu- is it supposed to have dark red lines and then white?

Yes. This is a conscious design decision to move towards "softer" buttons, while HOVER/ACTIVE state will trigger the color white. Just like our new plugin buttons:

GeoPal wrote:If so, the problem is only with the black color site.

This is related to the above. The icons are there, but they are using a semi-transparent black, which obviously becomes invisible on black backgrounds. REALLY, you should be using a different color than pure black, since the "primary color" should contrast with both black and white ... Also to make these buttons (that are always visible), less overwhelming to the visitor when they are not active. Furthermore, we can't simply "calculate" the icon color from your custom "primary color" (which could be anything).

If you want, I can provide you with a custom CSS fix, which will color the icons differently (or white again). But ultimately, it will be forced to choose a non-black / non-white color as primary color, since the color needs to maintain a contrast to both black and white. Even GREY would be fine ...

Custom CSS:

Even in this color scheme the toolbar share icon is with white arrow within, as are the arrows in the next/previous image in the slideshow.

The idea is to change this in next major release. However, I might include a fix so that icons remain white if the background (primary color) is black/dark.

With release X3 0.22, you should no longer require the custom CSS code above. It should automatically detect a DARK primary color, and change to a "white" icon color.