# CSS for stacked bar charts

**URL:** https://community.glideapps.com/t/css-for-stacked-bar-charts/85726
**Category:** Ask for Help
**Created:** [December 16, 2025, 6:25am UTC](https://community.glideapps.com/t/css-for-stacked-bar-charts/85726 "2025-12-16T06:25:24Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Alan8a31](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alan8a31/32/93447_2.png) [@Alan8a31](https://community.glideapps.com/u/Alan8a31)
#### Post date: [December 16, 2025, 6:25am UTC](https://community.glideapps.com/t/css-for-stacked-bar-charts/85726/1 "2025-12-16T06:25:24Z")

</div>

Would anyone know what CSS code can be used in order to give specific colors to the different stacks in a bar chart? I have 4 parts and 1 and 4 are the repeated color, which makes it not easy to read

---

<div class="post-metadata">

### Author: ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)
#### Post date: [December 17, 2025, 4:16pm UTC](https://community.glideapps.com/t/css-for-stacked-bar-charts/85726/2 "2025-12-17T16:16:59Z")

</div>

Is this in the dedicated Bar Chart component or the Charts (Beta) → Bar Charts component?

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [December 20, 2025, 2:50am UTC](https://community.glideapps.com/t/css-for-stacked-bar-charts/85726/3 "2025-12-20T02:50:29Z")

</div>

If you are using the **beta Chart** component, you can configure the stacked bar colors without using CSS.

 ![Screenshot 2025-12-20 094549](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/6/865f92b3a6b41a8e5bdba6bd8047e6bafdf68657.png)
