# cannot use inherited\_value from fields.json, loads default value instead.

**URL:** <https://community.hubspot.com/t/cannot-use-inherited-value-from-fields-json-loads-default-value-instead/94751>\
**Category:** CMS Development\
**Tags:** css\
**Created:** [November 24, 2023, 5:47pm UTC](https://community.hubspot.com/t/cannot-use-inherited-value-from-fields-json-loads-default-value-instead/94751 "2023-11-24T17:47:07Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![DZhatov](https://avatars.discourse-cdn.com/v4/letter/d/eb9ed0/32.png) [@DZhatov](https://community.hubspot.com/u/DZhatov)\
**Post date:** [November 24, 2023, 5:47pm UTC](https://community.hubspot.com/t/cannot-use-inherited-value-from-fields-json-loads-default-value-instead/94751/1 "2023-11-24T17:47:07Z")

</div>

Hello good people of Hubspot, really need your help here. I am building a theme, and trying to use brand colors in fields.json and then use this color as a background color for header and footer in css. What is happening is that when i use the field value in css what I get is a default value instead of property\_value\_paths. Here is my fields.json:

[

{

“label”: “Global colors”,

“name”: “global\_colors”,

“type”: “group”,

“children”: [

{

“label”: “Primary”,

“name”: “primary”,

“type”: “color”,

“visibility”: {

“hidden\_subfields”: {

“opacity”: true

}

},

“inherited\_value”: {

“property\_value\_paths”: {

“color”: “brand\_settings.colors[0]”

}

},

“default”: {

“color”: “#494A52”

}

},

{

“label”: “Color2”,

“name”: “color2”,

“type”: “color”,

“visibility”: {

“hidden\_subfields”: {

“opacity”: true

}

},

“inherited\_value”: {

“property\_value\_paths”: {

“color”: “brand\_settings.colors[1]”

}

},

“default”: {

“color”: “#F8FAFC”

}

},

{

“label”: “Color3”,

“name”: “color3”,

“type”: “color”,

“visibility”: {

“hidden\_subfields”: {

“opacity”: true

}

},

“inherited\_value”: {

“property\_value\_paths”: {

“color”: “brand\_settings.colors[2]”

}

},

“default”: {

“color”: “#F8FAFC”

}

}

]

},{

“label”: “Header and Footer”,

“name”: “header\_and\_footer”,

“type”: “group”,

“children”:[

{

“label”:“Header and Footer background color”,

“name”:“header\_and\_footer\_bg\_color”,

“type”:“color”,

“visibility”: {

“hidden\_subfields”:{

“opacity”: true

}

},

“inherited\_values”: {

“property\_value\_paths”:{

“color”:“brand\_settings.primaryColor”

}

},

“default”:{

“color”:“#00ff00”

}

}

]

}]

the problem happends inside the header\_and\_footer block. What am I doing wrong? Thanks in advance for your help, cheers.

---

<div class="post-metadata">

**Author:** ![Jaycee\_Lewis](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jaycee_lewis/32/61352_2.png) [@Jaycee\_Lewis](https://community.hubspot.com/u/Jaycee_Lewis)\
**Post date:** [November 27, 2023, 6:27pm UTC](https://community.hubspot.com/t/cannot-use-inherited-value-from-fields-json-loads-default-value-instead/94751/2 "2023-11-27T18:27:02Z")

</div>

Hi, @DZhatov 👋 Thanks for your post and for including some of your code. Were you able to make any progress?

Best,

Jaycee

---

<div class="post-metadata">

**Author:** ![DZhatov](https://avatars.discourse-cdn.com/v4/letter/d/eb9ed0/32.png) [@DZhatov](https://community.hubspot.com/u/DZhatov)\
**Post date:** [November 29, 2023, 5:22pm UTC](https://community.hubspot.com/t/cannot-use-inherited-value-from-fields-json-loads-default-value-instead/94751/3 "2023-11-29T17:22:18Z")

</div>

Hi [@Jaycee\_Lewis](https://community.hubspot.com/t5/user/viewprofilepage/user-id/127074) , thank you for your reply. No, I did not make any progress, the project is in stand-by right now, but I am still looking for the solutions