# Checklist 'button' colours

**URL:** <https://community.evolveauthoring.com/t/checklist-button-colours/2030>\
**Category:** General Help\
**Created:** [December 2, 2022, 12:38am UTC](https://community.evolveauthoring.com/t/checklist-button-colours/2030 "2022-12-02T00:38:50Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![melissa.halliday](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@melissa.halliday](https://community.evolveauthoring.com/u/melissa.halliday)\
**Post date:** [December 2, 2022, 12:38am UTC](https://community.evolveauthoring.com/t/checklist-button-colours/2030/1 "2022-12-02T00:38:50Z")

</div>

Hi, how can I change the colour of the ‘buttons’ on checklist items? I’ve been experimenting with them but nothing seems to change the colour so that they are visible even when we are not hovering on them. Thanks.

---

<div class="post-metadata">

**Author:** ![Sam\_Cook\_Evolve\_LQA](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/sam_cook_evolve_lqa/32/902_2.png) [@Sam\_Cook\_Evolve\_LQA](https://community.evolveauthoring.com/u/Sam_Cook_Evolve_LQA)\
**Post date:** [December 2, 2022, 9:52am UTC](https://community.evolveauthoring.com/t/checklist-button-colours/2030/2 "2022-12-02T09:52:28Z")

</div>

Hi Melissa, these can be set in Theme \> Component Item \> Appearance \> Component Item Background Colours. There’s different settings for each button state.  
Cheers-Sam

---

<div class="post-metadata">

**Author:** ![JessicaTN](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/jessicatn/32/1930_2.png) [@JessicaTN](https://community.evolveauthoring.com/u/JessicaTN)\
**Post date:** [January 15, 2024, 10:08pm UTC](https://community.evolveauthoring.com/t/checklist-button-colours/2030/3 "2024-01-15T22:08:37Z")

</div>

Hi Sam! My checklist is currently appearing as thin line yellow circles, but I want them to be filled in yellow circles. I am struggling to find where to change this… do you know/ is it possible? I followed the instructions above and that does change the colour, but it is still just a thin outline rather than a filled in circle… thank you! Jess

---

<div class="post-metadata">

**Author:** ![BarryBPS](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/barrybps/32/540_2.png) [@BarryBPS](https://community.evolveauthoring.com/u/BarryBPS)\
**Post date:** [January 16, 2024, 10:03am UTC](https://community.evolveauthoring.com/t/checklist-button-colours/2030/4 "2024-01-16T10:03:45Z")

</div>

Hi Jessica and Sam, if I remember correctly, the checklist buttons are unaffected by component level theming and use the core colours set in the theme instead.

I had wanted to do the same as you Jess, but couldn’t do it.

I’m sure I raised it as an issue, I’ll check.

---

<div class="post-metadata">

**Author:** ![BarryBPS](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/barrybps/32/540_2.png) [@BarryBPS](https://community.evolveauthoring.com/u/BarryBPS)\
**Post date:** [January 16, 2024, 10:07am UTC](https://community.evolveauthoring.com/t/checklist-button-colours/2030/5 "2024-01-16T10:07:37Z")

</div>

> [@Checklist Color](https://community.evolveauthoring.com/t/checklist-color/2564):
>
> I have been exploring evolve and I cant still find where I can edit the checklist button colors without affecting other components’ color. I cant do this thru the default colors tab? As it affects other components… Where can I do this? Im looking at article styles but cant find it there neither. Any help is appreciated!

---

<div class="post-metadata">

**Author:** ![Matt\_Leathes](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/matt_leathes/32/586_2.png) [@Matt\_Leathes](https://community.evolveauthoring.com/u/Matt_Leathes)\
**Post date:** [January 16, 2024, 10:33am UTC](https://community.evolveauthoring.com/t/checklist-button-colours/2030/6 "2024-01-16T10:33:37Z")

</div>

> [@JessicaTN](#):
>
> I want them to be filled in yellow circles. I am struggling to find where to change this… do you know/ is it possible?

It’s not possible I’m afraid.

---

<div class="post-metadata">

**Author:** ![JessicaTN](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/jessicatn/32/1930_2.png) [@JessicaTN](https://community.evolveauthoring.com/u/JessicaTN)\
**Post date:** [January 17, 2024, 4:15am UTC](https://community.evolveauthoring.com/t/checklist-button-colours/2030/7 "2024-01-17T04:15:57Z")

</div>

Thank you all! Yes, created a new article style and found it in component item, button appearance, and made changes there so that the colours don’t affect other component item colours on my main article style. But yes, understand it cannot be a filled in circle to begin with. So I changed the colours to meet accessibility requirements. Cheers!
