# Custom colour responsive

**URL:** <https://forums.realmacsoftware.com/t/custom-colour-responsive/45852>\
**Category:** Elements API\
**Created:** [January 7, 2025, 7:54pm UTC](https://forums.realmacsoftware.com/t/custom-colour-responsive/45852 "2025-01-07T19:54:59Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [January 7, 2025, 7:54pm UTC](https://forums.realmacsoftware.com/t/custom-colour-responsive/45852/1 "2025-01-07T19:54:59Z")

</div>

@dan is there a reason why when using theme colour property it is not responsive, no dot to the left, the using

“responsive”: true,

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [January 7, 2025, 8:08pm UTC](https://forums.realmacsoftware.com/t/custom-colour-responsive/45852/2 "2025-01-07T20:08:10Z")

</div>

Hmm, we don’t support responsive colors. It’s not something people generally want to do, as far as I’m aware!

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [January 7, 2025, 9:00pm UTC](https://forums.realmacsoftware.com/t/custom-colour-responsive/45852/3 "2025-01-07T21:00:16Z")

</div>

ah ok I would prefer to have the choice though, its available for tailwind as needed

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [January 8, 2025, 11:46am UTC](https://forums.realmacsoftware.com/t/custom-colour-responsive/45852/4 "2025-01-08T11:46:36Z")

</div>

I would prefer not to use css and create colours that way or have to setup my own tailwind colour pallete, built in responsive would be better

---

<div class="post-metadata">

**Author:** ![logrunner](https://avatars.discourse-cdn.com/v4/letter/l/59ef9b/32.png) [@logrunner](https://forums.realmacsoftware.com/u/logrunner)\
**Post date:** [January 8, 2025, 12:10pm UTC](https://forums.realmacsoftware.com/t/custom-colour-responsive/45852/5 "2025-01-08T12:10:13Z")

</div>

How would responsive colours work?

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [January 8, 2025, 12:18pm UTC](https://forums.realmacsoftware.com/t/custom-colour-responsive/45852/6 "2025-01-08T12:18:06Z")

</div>

just a quick demo in play tailwind

---

<div class="post-metadata">

**Author:** ![anon68150607](https://avatars.discourse-cdn.com/v4/letter/a/4bbf92/32.png) [@anon68150607](https://forums.realmacsoftware.com/u/anon68150607)\
**Post date:** [January 8, 2025, 12:22pm UTC](https://forums.realmacsoftware.com/t/custom-colour-responsive/45852/7 "2025-01-08T12:22:20Z")

</div>

You can make color responsive using the ‘Advanced → CSS classes’ (ie. `md:bg-rose-400 lg:bg-sky-200, etc.`), and leaving the background color set to none; There’s no way to do this with text color as it doesn’t have the option to set it to none.

I can’t really see too many use cases for this other than purely creative ones - which of course, are totally valid.

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [January 8, 2025, 12:25pm UTC](https://forums.realmacsoftware.com/t/custom-colour-responsive/45852/8 "2025-01-08T12:25:25Z")

</div>

I would prefer to have the responsive option in the controls if I enter

“responsive”: true,

no dot appears next to colour the responsive option is not available

If I am creating a component want to make this as easy as possible for others to use, no requirement to enter tailwind classes

I have a use for this in my component

If it valid in tailwind not sure why the option is not available

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [January 8, 2025, 12:28pm UTC](https://forums.realmacsoftware.com/t/custom-colour-responsive/45852/9 "2025-01-08T12:28:19Z")

</div>

Yes I can do this for my one offs etc
