# Conditions rooted in dark/light mode

**URL:** <https://community.noloco.io/t/conditions-rooted-in-dark-light-mode/240>\
**Category:** Feature Requests\
**Tags:** feature-request\
**Created:** [February 7, 2024, 5:58pm UTC](https://community.noloco.io/t/conditions-rooted-in-dark-light-mode/240 "2024-02-07T17:58:25Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![buildwithjoel](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/buildwithjoel/32/1537_2.png) [@buildwithjoel](https://community.noloco.io/u/buildwithjoel)\
**Post date:** [February 7, 2024, 5:58pm UTC](https://community.noloco.io/t/conditions-rooted-in-dark-light-mode/240/1 "2024-02-07T17:58:25Z")

</div>

**Conditions rooted in dark/light mode**

- Use-case example: Certain images (for example logos) look bad in either light or dark mode. The obvious workaround is to simply re-design the logo in your app to be a brighter or darker color (as needed), so that it works decently with both light and dark mode. But that’s a bad workaround because people follow brand style guides.
- In other words, maintaining proper color tone and visual continuity across the assets displayed in an app really matters. So, being able to conditionally display X logo when the app is in light mode, and then Y logo when the app is in dark mode, would be amazing.

**Exhibit A**  
_Example of good color contrast, light_

 ![Screenshot 2024-02-07 at 12.46.31 PM](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/1X/fb9556c093d06c21969f2193af99efbd70c87d51.png)

**Exhibit B**  
_Example of poor color contrast, dark.  
It would be ideal to conditionally display the white version of the logo here._

 ![Screenshot 2024-02-07 at 12.46.38 PM](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/1X/ed47b38766949104465b7233303cf128d8335574.png)