# Button block in different colors

**URL:** <https://community.glideapps.com/t/button-block-in-different-colors/73110>\
**Category:** Ask for Help\
**Created:** [May 6, 2024, 11:45am UTC](https://community.glideapps.com/t/button-block-in-different-colors/73110 "2024-05-06T11:45:02Z")\
**Posts on this page:** 1\
**Showing post:** 4

<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:** [May 6, 2024, 11:55pm UTC](https://community.glideapps.com/t/button-block-in-different-colors/73110/4 "2024-05-06T23:55:21Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/2/52404737c028764035a9e128c6ac338a05e6fdbd.png)

Applying Himaladin’s code, we can get something like this.

```auto
[aria-label="Rezultati"]{
background-color: red;
}

[aria-label="Rezultati"] > div{
color: white;
}

[aria-label="Rezultati"] svg {
fill: white;
}

[aria-label="Raspored"]{
background-color: gold;
}

[aria-label="Raspored"] > div{
color: black;
}

[aria-label="Rezultati"] svg {
fill: black;
}

[aria-label="Preostali"]{
background-color: green;
}

[aria-label="Preostali"] > div{
color: white;
}

[aria-label="Preostali"] svg {
fill: white;
}

[aria-label="Odložení"]{
background-color: darkblue;
}

[aria-label="Odložení"] > div{
color: white;
}

[aria-label="Odložení"] svg {
fill: white;
}

```

---

_[View the full topic](https://community.glideapps.com/t/button-block-in-different-colors/73110)._