# Dynamically change the color theme

**URL:** <https://community.glideapps.com/t/dynamically-change-the-color-theme/37577>\
**Category:** Ask for Help\
**Created:** [January 23, 2022, 1:05pm UTC](https://community.glideapps.com/t/dynamically-change-the-color-theme/37577 "2022-01-23T13:05:59Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![KenApp](https://avatars.discourse-cdn.com/v4/letter/k/57b2e6/32.png) [@KenApp](https://community.glideapps.com/u/KenApp)\
**Post date:** [January 23, 2022, 1:05pm UTC](https://community.glideapps.com/t/dynamically-change-the-color-theme/37577/1 "2022-01-23T13:05:59Z")

</div>

Hi guys. Might have been answered already but I couldn’t find it. Apologies if it’s staring me in my face!

Can we dynamically change the theme colors? I’m not looking to use CSS if possible. But if that’s the only option I can give it a go. But it’s a lot of working updating individual elements I think.

Thanks as always

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [January 23, 2022, 2:22pm UTC](https://community.glideapps.com/t/dynamically-change-the-color-theme/37577/2 "2022-01-23T14:22:00Z")

</div>

only CSS…

> **[Code BOOK](https://code-book.glideapp.io/)**
>
> share cool codes, scripts and links

---

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [January 23, 2022, 2:59pm UTC](https://community.glideapps.com/t/dynamically-change-the-color-theme/37577/3 "2022-01-23T14:59:37Z")

</div>

Not exactly what you’re looking for but a well placed emoji can make your glide app stand out.

🔵 Looks great

⚪ Easy to use

🔴 No CSS

---

<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:** [January 23, 2022, 11:48pm UTC](https://community.glideapps.com/t/dynamically-change-the-color-theme/37577/4 "2022-01-23T23:48:46Z")

</div>

How “dynamic” do you want it to be? Can you share with us the use case? I don’t think CSS is easy for this, at all.

---

<div class="post-metadata">

**Author:** ![KenApp](https://avatars.discourse-cdn.com/v4/letter/k/57b2e6/32.png) [@KenApp](https://community.glideapps.com/u/KenApp)\
**Post date:** [January 24, 2022, 7:06am UTC](https://community.glideapps.com/t/dynamically-change-the-color-theme/37577/5 "2022-01-24T07:06:37Z")

</div>

Thanks for the replies. Much appreciated.

What I’m trying to achieve….users log into the app and join a team. I’d like each team to have their own color theme. Nothing super complex. The same color theme selection (background/accent color) as glide provide in the app options.

Hopefully that makes sense? I’m not trying to change individual widgets. I just want it to be (for example)……black background with white accent. Or Red background with white accent etc.

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [January 24, 2022, 7:30am UTC](https://community.glideapps.com/t/dynamically-change-the-color-theme/37577/6 "2022-01-24T07:30:02Z")

</div>

Other than dark/light mode, which can be set to match a users device settings, there is no way to dynamically change the app theme colours for individual users. Once it’s set, it’s set and all users get the same theme. The only way to do this would be to have a separate app for each team, but that would most likely be way more work than you’re interested in.

What I would suggest instead is to use a bit of CSS to customise the app per team. Perhaps have a common header or footer on each screen that’s presented in the team “colours”. Along with a team logo, or banner, or some such.

It wouldn’t be too hard to set this up so it would be very low maintenance, and even allow teams to select their own colours. All you’d really need to do is make the team colour an attribute of your teams table, and then you can reference that from anywhere in the app that it needs to be used.

---

<div class="post-metadata">

**Author:** ![KenApp](https://avatars.discourse-cdn.com/v4/letter/k/57b2e6/32.png) [@KenApp](https://community.glideapps.com/u/KenApp)\
**Post date:** [January 24, 2022, 7:36am UTC](https://community.glideapps.com/t/dynamically-change-the-color-theme/37577/7 "2022-01-24T07:36:49Z")

</div>

Perfect. Thanks Darren. That’s what I had in my head as a workaround also but I just wanted to check and make sure there wasn’t a full theme change hiding somewhere.

Thanks everyone.

---

<div class="post-metadata">

**Author:** ![KenApp](https://avatars.discourse-cdn.com/v4/letter/k/57b2e6/32.png) [@KenApp](https://community.glideapps.com/u/KenApp)\
**Post date:** [January 24, 2022, 7:37am UTC](https://community.glideapps.com/t/dynamically-change-the-color-theme/37577/8 "2022-01-24T07:37:57Z")

</div>

This is amazing! Very nicely done

---

<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:** [January 24, 2022, 9:07am UTC](https://community.glideapps.com/t/dynamically-change-the-color-theme/37577/9 "2022-01-24T09:07:56Z")

</div>

> [@Cloudinary: Image Filters and Overlays in Glide!](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917):
>
> Thanks to @ionamol for keying me into Cloudinary for on the fly, URL based image editing! This awesome resource allowed me to gray out badges that haven’t yet been earned by the user— Started by uploading the image into Cloudinary and then using the built in tools to generate the new URL. Used this URL schema to create this formula: Then, simply created an if/then in Glide. If the badge was owned by the user, then use the colored URL, i…

You can either use Cloudinary or dynamic HTML + CSS to achieve what Darren said. It’s a good approach.
