# Custom properties (color vars) doesn't setup in frontend

**URL:** <https://forum.pinegrow.com/t/custom-properties-color-vars-doesnt-setup-in-frontend/7465>\
**Category:** Pinegrow WordPress Plugin\
**Created:** [December 16, 2022, 7:35pm UTC](https://forum.pinegrow.com/t/custom-properties-color-vars-doesnt-setup-in-frontend/7465 "2022-12-16T19:35:22Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jugibur](https://avatars.discourse-cdn.com/v4/letter/j/8797f3/32.png) [@Jugibur](https://forum.pinegrow.com/u/Jugibur)\
**Post date:** [December 16, 2022, 7:35pm UTC](https://forum.pinegrow.com/t/custom-properties-color-vars-doesnt-setup-in-frontend/7465/1 "2022-12-16T19:35:22Z")

</div>

Hi again,  
I have passed a color to a text and background as a custom property like var(–primary).  
In the preview this is also displayed correctly.  
But when I export the block afterwards, even re-integrate it into a page, the color is not applied.  
In the source code you can see that the variable was not set.  
Is there anything else I need to consider with custom properties or is this a bug?

Thanks!  
Juergen

---

<div class="post-metadata">

**Author:** ![Dom](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/dom/32/4887_2.png) [@Dom](https://forum.pinegrow.com/u/Dom)\
**Post date:** [December 16, 2022, 7:47pm UTC](https://forum.pinegrow.com/t/custom-properties-color-vars-doesnt-setup-in-frontend/7465/2 "2022-12-16T19:47:29Z")

</div>

@Jugibur Are you working on a new project here or are you working through and experimenting with the Project that is used by the tutorials?

---

<div class="post-metadata">

**Author:** ![Jugibur](https://avatars.discourse-cdn.com/v4/letter/j/8797f3/32.png) [@Jugibur](https://forum.pinegrow.com/u/Jugibur)\
**Post date:** [December 16, 2022, 8:17pm UTC](https://forum.pinegrow.com/t/custom-properties-color-vars-doesnt-setup-in-frontend/7465/3 "2022-12-16T20:17:00Z")

</div>

The latter, but is there a difference? I thought I had already exported a full block in the tutorial.

---

<div class="post-metadata">

**Author:** ![Dom](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/dom/32/4887_2.png) [@Dom](https://forum.pinegrow.com/u/Dom)\
**Post date:** [December 16, 2022, 8:50pm UTC](https://forum.pinegrow.com/t/custom-properties-color-vars-doesnt-setup-in-frontend/7465/4 "2022-12-16T20:50:52Z")

</div>

It sounds as if you may have missed something.  
I went through the tutorial earlier today and everything did work as it should,

I’ve just finally shut down my machine for the day but will look through the whole thing again in the morning just in case there is a step that is not as clear as it ought to be.

---

<div class="post-metadata">

**Author:** ![Dom](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/dom/32/4887_2.png) [@Dom](https://forum.pinegrow.com/u/Dom)\
**Post date:** [December 17, 2022, 2:28pm UTC](https://forum.pinegrow.com/t/custom-properties-color-vars-doesnt-setup-in-frontend/7465/5 "2022-12-17T14:28:34Z")

</div>

@Jugibur I can see that something isn’t right but as yet I don’t know what. I need to do some more experimentation to determine that it’s not something I’m doing that’s incorrect.

Edit:  
I can get this to work using Tailwind but not Bootstrap. Obviously this involves creating a new project. Still can’t be sure whether this is down to something that I’m doing (or not doing) or if it is actually a bug.