# Show customized colors for bootstrap element properties

**URL:** <https://forum.pinegrow.com/t/show-customized-colors-for-bootstrap-element-properties/3837>\
**Category:** Feature Request\
**Created:** [March 4, 2020, 1:55pm UTC](https://forum.pinegrow.com/t/show-customized-colors-for-bootstrap-element-properties/3837 "2020-03-04T13:55:39Z")\
**Posts on this page:** 1\
**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 4, 2020, 1:55pm UTC](https://forum.pinegrow.com/t/show-customized-colors-for-bootstrap-element-properties/3837/1 "2020-03-04T13:55:39Z")

</div>

Currently pinegrow seems to have a fixed color palette showing up for element properties of bootstrap elements. When customizing one or more of these colors (e.g. following [Customize Bootstrap 4 themes](https://pinegrow.com/docs/bootstrap-visual-editor/customize-bootstrap-4-themes/?highlight=Using%20variables%20in%20CSS%20rules)), those changes are not reflected by the pinegrow UI for bootstrap element properties.

Specific example:  
Let’s say one changes the `primary` color of the bootstrap `theme-colors` to violet following this tutorial: [Customize Bootstrap 4 themes](https://pinegrow.com/docs/bootstrap-visual-editor/customize-bootstrap-4-themes/?highlight=Using%20variables%20in%20CSS%20rules). Then the following screenshot shows what should occurr, but currently does not:  
 ![pinegrow_bootstrap_element_properties](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/8/8800ca9c2665ddadb03f589251ee5517eda7632e.jpeg)