# Bootstrap Element Properties: How to show customized colors?

**URL:** <https://forum.pinegrow.com/t/bootstrap-element-properties-how-to-show-customized-colors/3828>\
**Category:** General\
**Created:** [March 2, 2020, 5:59pm UTC](https://forum.pinegrow.com/t/bootstrap-element-properties-how-to-show-customized-colors/3828 "2020-03-02T17:59:31Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Wizard](https://avatars.discourse-cdn.com/v4/letter/w/a87d85/32.png) [@Wizard](https://forum.pinegrow.com/u/Wizard)\
**Post date:** [March 2, 2020, 5:59pm UTC](https://forum.pinegrow.com/t/bootstrap-element-properties-how-to-show-customized-colors/3828/1 "2020-03-02T17:59:31Z")

</div>

Hi,  
I am new to Pinegrow and have started with a Bootstrap 4 Project. I wanted to use custom `theme-colors` so I changed some colors like the `primary` color following this tutorial: [Customize Bootstrap 4 themes](https://pinegrow.com/docs/bootstrap-visual-editor/customize-bootstrap-4-themes/?highlight=Using%20variables%20in%20CSS%20rules).

This works fine but the issue for me is that I do not see the changes made reflected in the _Element Properties_ for specific bootstrap element like navbar and so on. The _Element Properties_ Tab in Pinegrow still shows the initial theme-colors, even though I changed the `primary` color to violet. This is what I see in Pinegrow:  
 ![pinegrow_bootstrap_element_properties](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/8/8800ca9c2665ddadb03f589251ee5517eda7632e.jpeg)

**Is there any way to adjust the color panel for bootstrap element properties to reflect the customized bootstrap theme?**

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [March 2, 2020, 11:03pm UTC](https://forum.pinegrow.com/t/bootstrap-element-properties-how-to-show-customized-colors/3828/2 "2020-03-02T23:03:48Z")

</div>

Right now, the buttons are assigned a fixed color that isn’t impacted by changes to your style sheet. No real way to do it as the code base is right now. You can request it as a new feature.

---

<div class="post-metadata">

**Author:** ![Wizard](https://avatars.discourse-cdn.com/v4/letter/w/a87d85/32.png) [@Wizard](https://forum.pinegrow.com/u/Wizard)\
**Post date:** [March 4, 2020, 1:43pm UTC](https://forum.pinegrow.com/t/bootstrap-element-properties-how-to-show-customized-colors/3828/3 "2020-03-04T13:43:00Z")

</div>

@RobM: Thanks for the reply. I will make this a feature request then.