dark-mode problem due to transparency has been fixed

[best-rion]

In spring-security documentation page I was having difficulty to read diagrams in dark mode. Because their backgrounds were transparent and text black. So I converted the background of all diagrams to white and fixed the problem.

It provides a better user experience.

ImageMagick was used for conversion. The command used in the process :

~/spring-security/docs/modules/ROOT/assets/images/servlet$
mogrify -background white -alpha remove -alpha off find . -name '*.png'

Correct Image Rendering in Dark Mode

Closes gh-14834

[pivotal-cla]

@best-rion Please sign the Contributor License Agreement!

Click here to manually synchronize the status of this Pull Request.

See the FAQ for frequently asked questions.

[pivotal-cla]

@best-rion Thank you for signing the Contributor License Agreement!

[jzheaux]

Hi, @best-rion! I appreciate all your work here. Instead of changing the image transparency, though, will you please take a look at this ticket and this feature?

Essentially, I think you can do the following to each image reference:

+ [.invert-dark]
image::<image-name>

And then all the images can remain transparent.

[jzheaux]

Also, would you please include the following ticket at the end of your comment:

Correct Image Rendering in Dark Mode

Closes gh-14834

This integrates with our ticket workflow a little better. It also allows folks to research more deeply when they want to know why a given change was made.

[best-rion]

Hi, @best-rion! I appreciate all your work here. Instead of changing the image transparency, though, will you please take a look at this ticket and this feature?

Essentially, I think you can do the following to each image reference:

+ [.invert-dark]
image::<image-name>

And then all the images can remain transparent.

Do you mean changing background-color through css instead of using images with white background?

[jzheaux]

Yes. spring-ui-antora's CSS has a class, invert-dark, that we can use.