# Light/Dark mode for images

**URL:** <https://community.glideapps.com/t/light-dark-mode-for-images/24208>\
**Category:** Ask for Help\
**Created:** [March 13, 2021, 6:34pm UTC](https://community.glideapps.com/t/light-dark-mode-for-images/24208 "2021-03-13T18:34:57Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![JoshuaRiley](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joshuariley/32/23639_2.png) [@JoshuaRiley](https://community.glideapps.com/u/JoshuaRiley)\
**Post date:** [March 13, 2021, 6:34pm UTC](https://community.glideapps.com/t/light-dark-mode-for-images/24208/1 "2021-03-13T18:34:57Z")

</div>

Hello,

I’m trying to show my logo which is an image, I have 2 images for both dark mode and light mode, is there a way to show/hide if the app is using dark mode and vice versa for if it’s using light mode? I’m trying to do it using CSS but having issues

---

<div class="post-metadata">

**Author:** ![AymenM](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/aymenm/32/21370_2.png) [@AymenM](https://community.glideapps.com/u/AymenM)\
**Post date:** [March 13, 2021, 6:41pm UTC](https://community.glideapps.com/t/light-dark-mode-for-images/24208/2 "2021-03-13T18:41:26Z")

</div>

Have you tried to have a transparent background of your logo ? This is something that you should definitely consider.

---

<div class="post-metadata">

**Author:** ![JoshuaRiley](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joshuariley/32/23639_2.png) [@JoshuaRiley](https://community.glideapps.com/u/JoshuaRiley)\
**Post date:** [March 13, 2021, 9:45pm UTC](https://community.glideapps.com/t/light-dark-mode-for-images/24208/3 "2021-03-13T21:45:12Z")

</div>

Hello,

It is transparent, I have it as a black text png, the original file is an SVG so I can make a white text png version too and I want to try switch them out based on if the user is on dark mode or not

---

<div class="post-metadata">

**Author:** ![AymenM](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/aymenm/32/21370_2.png) [@AymenM](https://community.glideapps.com/u/AymenM)\
**Post date:** [March 13, 2021, 9:46pm UTC](https://community.glideapps.com/t/light-dark-mode-for-images/24208/4 "2021-03-13T21:46:16Z")

</div>

I’m not sure how to do so, any idea on that @Robert_Petitto (CSS, perhaps ?)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [March 13, 2021, 11:10pm UTC](https://community.glideapps.com/t/light-dark-mode-for-images/24208/5 "2021-03-13T23:10:49Z")

</div>

I don’t think there’s a way to get data about which mode the device is using.