Container background image changes font colors

  1. Create a new app
  2. Created a new navigation screen
  3. added a container to the new screen
  4. add a Title component - Simple to the container

When I select image for the container background the font color changes.

Is it supposed to do this? Is there a way to stop it?

all help appreciated

It’s not great, but yes that is expected. When using an image as a background, I think it’s assuming that the image will be dark, so it lightens the text color to compensate. I don’t believe it actively analyzes the image colors to adjust font colors accordingly. It just overrides to white text.

I think your options are to use a darker image, explore the other background options, or else you need to start getting into CSS to manually override font colors.

1 Like

Yea, I feared as much. I went down the CSS path, but it adds a lot of fragility. Darn.

Can you explain why so? Can we help you set this up?

2 Likes

See what happens with this setup.

3 Likes