# Ability to customise the Favorites component

**URL:** <https://community.glideapps.com/t/ability-to-customise-the-favorites-component/33274>\
**Category:** Feature Requests\
**Created:** [October 19, 2021, 8:09am UTC](https://community.glideapps.com/t/ability-to-customise-the-favorites-component/33274 "2021-10-19T08:09:33Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![garrison](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/garrison/32/22059_2.png) [@garrison](https://community.glideapps.com/u/garrison)\
**Post date:** [October 19, 2021, 8:09am UTC](https://community.glideapps.com/t/ability-to-customise-the-favorites-component/33274/1 "2021-10-19T08:09:33Z")

</div>

When adding the Favorites component the colour is red by default but it would be much nicer if we had the option of either choosing our own colour, OR basing it on our app’s Accent colour would be a nice touch!

I would also like to see Add to Favorites as an action because we could then use the Floating Button for this which is styled to match our app’s Accent colour.

---

<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:** [October 19, 2021, 8:30am UTC](https://community.glideapps.com/t/ability-to-customise-the-favorites-component/33274/2 "2021-10-19T08:30:13Z")

</div>

It’s possible to do a bit of customisation of this with some CSS…

> [@CSS Trick: Change Favorite Heart to Bookmark](https://community.glideapps.com/t/css-trick-change-favorite-heart-to-bookmark/17951):
>
> \<pre\>\<span\>\<style\> [data-test="app-switch-view"] :nth-child(2) :nth-child(1) :nth-child(1) { stroke: white; box-shadow: 1px 1px 45px 3px rgba(136,136,136,1); d: path("m 1 1 l 16 0 l 0 18 l -8 -6 l -8 6 l 0 -18"); }

---

<div class="post-metadata">

**Author:** ![garrison](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/garrison/32/22059_2.png) [@garrison](https://community.glideapps.com/u/garrison)\
**Post date:** [October 19, 2021, 8:50am UTC](https://community.glideapps.com/t/ability-to-customise-the-favorites-component/33274/3 "2021-10-19T08:50:24Z")

</div>

Cheers as always Darren 👌

Just scanned through that thread and saw your comment about the Reaction component which I’d forgotten existed, so thank you again!

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [October 19, 2021, 11:32am UTC](https://community.glideapps.com/t/ability-to-customise-the-favorites-component/33274/4 "2021-10-19T11:32:18Z")

</div>

> [@garrison](#):
>
> like to see Add to Favorites as an action

The isFavorite column is just a boolean column, so you sould be able to set up a button with a custom action to set or unset the value as true or false.

---

<div class="post-metadata">

**Author:** ![garrison](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/garrison/32/22059_2.png) [@garrison](https://community.glideapps.com/u/garrison)\
**Post date:** [October 19, 2021, 11:53am UTC](https://community.glideapps.com/t/ability-to-customise-the-favorites-component/33274/5 "2021-10-19T11:53:29Z")

</div>

Thanks Jeff, I’ll have a go. Would be better if we had the option of a Button on the Title component like there is for the Image component. That would make our app more consistent for our end users.