# Lightbox background

**URL:** <https://meta.discourse.org/t/lightbox-background/85188>\
**Category:** UX\
**Created:** [April 12, 2018, 8:20pm UTC](https://meta.discourse.org/t/lightbox-background/85188 "2018-04-12T20:20:37Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)\
**Post date:** [April 12, 2018, 8:20pm UTC](https://meta.discourse.org/t/lightbox-background/85188/1 "2018-04-12T20:20:37Z")

</div>

I’ve just spent twenty minutes trying to figure out why a users png wouldn’t appear when lightboxed, only to realise that the background of .mfp-figure:after is set to #444, the same color as the logo in the image (sat on transparency).

Any hope we could either throw down a pattern, or slight gradient? Appreciate this isn’t going to be a common case, but it’s also completely avoidable.

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [April 13, 2018, 6:53am UTC](https://meta.discourse.org/t/lightbox-background/85188/2 "2018-04-13T06:53:47Z")

</div>

Not sure; what are your thoughts here @awesomerobot?

---

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [April 13, 2018, 6:01pm UTC](https://meta.discourse.org/t/lightbox-background/85188/3 "2018-04-13T18:01:30Z")

</div>

Definitely uncommon, but adding a subtle gradient background is a good suggestion.

[https://github.com/discourse/discourse/commit/fa2c47461770614b73f50861f6e15017fb3dd86a](https://github.com/discourse/discourse/commit/fa2c47461770614b73f50861f6e15017fb3dd86a)