Transparent lightbox images - set a default background

[cderv]

Discussed in #9043

^{Originally posted by th0ger March 12, 2024}

Description

Lightbox images does not work well with transparent figures.

• The opened image-box is also transparent, meaning that the background document obsures the content.
• The background is greyed out, and this also affects the visibilty of the opend image.

I'm not sure about the best solution, but in the example below it would certainly be better with white background inside the box.
Maybe default to lightbox background (color) = page background (color).

Corner cases to consider: Dark mode. Page image background.

Example:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

![Transparent SVG 1](https://upload.wikimedia.org/wikipedia/commons/2/2f/D-Type_Transparent_Latch.svg){.lightbox}

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

![Transparent SVG 2](https://upload.wikimedia.org/wikipedia/commons/2/2f/D-Type_Transparent_Latch.svg){.lightbox}

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

![Transparent SVG 3](https://upload.wikimedia.org/wikipedia/commons/2/2f/D-Type_Transparent_Latch.svg){.lightbox}

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.