# Setting a different background image for light and dark

**URL:** https://meta.discourse.org/t/setting-a-different-background-image-for-light-and-dark/273660
**Category:** UX
**Tags:** completed, search-banner
**Created:** [March 28, 2023, 7:58pm UTC](https://meta.discourse.org/t/setting-a-different-background-image-for-light-and-dark/273660 "2023-03-28T19:58:59Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![profcaju](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/profcaju/32/301565_2.png) [@profcaju](https://meta.discourse.org/u/profcaju)
#### Post date: [March 28, 2023, 7:58pm UTC](https://meta.discourse.org/t/setting-a-different-background-image-for-light-and-dark/273660/1 "2023-03-28T19:58:59Z")

</div>

Is there a CSS available that we could set a different background image for when user selects dark mode?

---

<div class="post-metadata">

### Author: ![profcaju](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/profcaju/32/301565_2.png) [@profcaju](https://meta.discourse.org/u/profcaju)
#### Post date: [March 29, 2023, 2:38pm UTC](https://meta.discourse.org/t/setting-a-different-background-image-for-light-and-dark/273660/2 "2023-03-29T14:38:32Z")

</div>

I just made a PR to this theme-component adding the ability to choose a different background image for when user is using dark mode.

@awesomerobot could you review it? Is my first time using PR, I guess I did it correctly 😃

Kind regards,

---

<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: [March 30, 2023, 7:32pm UTC](https://meta.discourse.org/t/setting-a-different-background-image-for-light-and-dark/273660/3 "2023-03-30T19:32:57Z")

</div>

Thanks I just reviewed it and made a few minor suggestions.

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [August 2, 2023, 2:34pm UTC](https://meta.discourse.org/t/setting-a-different-background-image-for-light-and-dark/273660/4 "2023-08-02T14:34:48Z")

</div>

Just to round this one out, it was merged. 🥳

> <https://github.com/discourse/discourse-search-banner/pull/26>
>
> Add setting option to set an alternative background image for dark themes.

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [August 2, 2023, 2:34pm UTC](https://meta.discourse.org/t/setting-a-different-background-image-for-light-and-dark/273660/5 "2023-08-02T14:34:50Z")

</div>