I have a problem with the final step of module publishing, like on the next screenshot:
Publishing issue
Who knows how to solve it?
Hi @ASolutionForG,
you’ll need to add an inheritance to your color settings(fields.json) like this to solve this error
Option 1:
{
"name": "primary",
"label": "Primary color",
"required": false,
"locked": false,
"inline_help_text": "",
"help_text": "",
"type": "color",
"inherited_value": {
"property_value_paths": {
"color": "brand_settings.primaryColor"
}
},
"visibility": {
"hidden_subfields": {
"opacity": true
}
},
"default": {
"color": "#ffd60a"
}
},
and then reffer to it through the whole theme like (path may vary)
...,
"inherited_value": {
"property_value_paths": {
"color": "theme.colors.primary.color"
}
},
...
Option 2:
use only the brand-color inheritance
...,
"inherited_value": {
"property_value_paths": {
"color": "brand_settings.colors[1-19]" {# change the number to the according color position #}
}
}
...
Since there will be a brand-kit update soon I recommend you to use one of those options
best,
Anton
fields.json file code:
[ {
“id” : “eefc1ed3-359d-d419-7dde-85033b842f4b”,
“name” : “sections”,
“display_width” : null,
“label” : “Sections”,
“required” : false,
“locked” : false,
“occurrence” : {
“min” : 1,
“max” : null,
“sorting_label_field” : null,
“default” : 1
},
“children” : [ {
“id” : “0c3b97b6-41ed-5c54-e07a-1377b9d812e6”,
“name” : “section_title”,
“display_width” : null,
“label” : “Section Title”,
“required” : false,
“locked” : false,
“validation_regex” : “”,
“allow_new_line” : false,
“show_emoji_picker” : false,
“type” : “text”,
“default” : “Section Title”
}, {
“id” : “7c4a947a-8ad0-4c42-334c-5e577fcf453d”,
“name” : “section_content”,
“display_width” : null,
“label” : “Section Content”,
“required” : false,
“locked” : false,
“type” : “richtext”,
“default” : “<p><span><strong>Content</strong> is the essence that breathes life into various mediums, including websites, applications, and publications. It encompasses text, images, videos, and other elements crafted to inform, engage, or entertain an audience. Effective content communicates ideas, conveys information, and creates meaningful connections. </span></p>\n<p><span>Whether it’s a captivating article, an engaging video, or a well-designed webpage, compelling content has the power to inspire, educate, and leave a lasting impression on those who encounter it.</span></p>\n<p><span> In the <em>digital age,</em> where information is abundant, creating quality content is key to capturing attention and building a meaningful online presence.</span></p>”
} ],
“tab” : “CONTENT”,
“expanded” : false,
“type” : “group”,
“default” : [ {
“section_title” : “Section Title”,
“section_content” : “<p><span><strong>Content</strong> is the essence that breathes life into various mediums, including websites, applications, and publications. It encompasses text, images, videos, and other elements crafted to inform, engage, or entertain an audience. Effective content communicates ideas, conveys information, and creates meaningful connections. </span></p>\n<p><span>Whether it’s a captivating article, an engaging video, or a well-designed webpage, compelling content has the power to inspire, educate, and leave a lasting impression on those who encounter it.</span></p>\n<p><span> In the <em>digital age,</em> where information is abundant, creating quality content is key to capturing attention and building a meaningful online presence.</span></p>”
} ]
}, {
“id” : “4fd5cd35-4fdd-f914-6cf8-e18c1cf27fda”,
“name” : “primary_color”,
“display_width” : null,
“label” : “Primary Color”,
“required” : false,
“locked” : false,
“show_opacity” : true,
“type” : “color”,
“default” : {
“color” : “#425b76”,
“opacity” : 100
}
}, {
“id” : “9814a916-b8f3-eaca-f4d9-9c77ec6b0880”,
“name” : “panel_hover”,
“display_width” : null,
“label” : “Panel Hover”,
“required” : false,
“locked” : false,
“type” : “color”,
“default” : {
“color” : “#40b9e4”,
“opacity” : 70
}
}, {
“id” : “654d7be5-038a-b6e5-8ec9-6cce1b312598”,
“name” : “accordion_color”,
“display_width” : null,
“label” : “Accordion Color”,
“required” : false,
“locked” : false,
“type” : “color”,
“default” : {
“color” : “#e5f6fd”,
“opacity” : 100
}
}, {
“id” : “bcece506-3707-b75e-27b0-948d27487ec2”,
“name” : “title_color”,
“display_width” : null,
“label” : “Title Color”,
“required” : false,
“locked” : false,
“type” : “color”,
“default” : {
“color” : “#000000”,
“opacity” : 100
}
}, {
“id” : “ce01c158-6d3a-f3c2-2650-dd0312310c37”,
“name” : “title_hover_active”,
“display_width” : null,
“label” : “Title Hover/Active”,
“required” : false,
“locked” : false,
“type” : “color”,
“default” : {
“color” : “#666666”,
“opacity” : 100
}
}, {
“id” : “d947e502-6060-11c0-77e4-972845ed69a1”,
“name” : “border_color”,
“display_width” : null,
“label” : “Border Color”,
“required” : false,
“locked” : false,
“type” : “color”,
“default” : {
“color” : “#666666”,
“opacity” : 10
}
}, {
“id” : “f1858ae0-ba1c-be7c-5e79-2eaf35351156”,
“name” : “bold_title”,
“display_width” : null,
“label” : “Bold Title”,
“required” : false,
“locked” : false,
“display” : “toggle”,
“type” : “boolean”,
“default” : true
} ]
I’ve added some examples to the code.
[
{
"id": "eefc1ed3-359d-d419-7dde-85033b842f4b",
"name": "sections",
"display_width": null,
"label": "Sections",
"required": false,
"locked": false,
"occurrence": {
"min": 1,
"max": null,
"sorting_label_field": null,
"default": 1
},
"children": [
{
"id": "0c3b97b6-41ed-5c54-e07a-1377b9d812e6",
"name": "section_title",
"display_width": null,
"label": "Section Title",
"required": false,
"locked": false,
"validation_regex": "",
"allow_new_line": false,
"show_emoji_picker": false,
"type": "text",
"default": "Section Title"
},
{
"id": "7c4a947a-8ad0-4c42-334c-5e577fcf453d",
"name": "section_content",
"display_width": null,
"label": "Section Content",
"required": false,
"locked": false,
"type": "richtext",
"default": "<p><span><strong>Content</strong> is the essence that breathes life into various mediums, including websites, applications, and publications. It encompasses text, images, videos, and other elements crafted to inform, engage, or entertain an audience. Effective content communicates ideas, conveys information, and creates meaningful connections. </span></p>\n<p><span>Whether it's a captivating article, an engaging video, or a well-designed webpage, compelling content has the power to inspire, educate, and leave a lasting impression on those who encounter it.</span></p>\n<p><span> In the <em>digital age,</em> where information is abundant, creating quality content is key to capturing attention and building a meaningful online presence.</span></p>"
}
],
"tab": "CONTENT",
"expanded": false,
"type": "group",
"default": [
{
"section_title": "Section Title",
"section_content": "<p><span><strong>Content</strong> is the essence that breathes life into various mediums, including websites, applications, and publications. It encompasses text, images, videos, and other elements crafted to inform, engage, or entertain an audience. Effective content communicates ideas, conveys information, and creates meaningful connections. </span></p>\n<p><span>Whether it's a captivating article, an engaging video, or a well-designed webpage, compelling content has the power to inspire, educate, and leave a lasting impression on those who encounter it.</span></p>\n<p><span> In the <em>digital age,</em> where information is abundant, creating quality content is key to capturing attention and building a meaningful online presence.</span></p>"
}
]
},
{
"id": "4fd5cd35-4fdd-f914-6cf8-e18c1cf27fda",
"name": "primary_color",
"display_width": null,
"label": "Primary Color",
"required": false,
"locked": false,
"show_opacity": true,
"type": "color",
"inherited_value": {
"property_value_paths": {
"color": "brand_settings.primaryColor"
}
},
"default": {
"color": "#425b76",
"opacity": 100
}
},
{
"id": "9814a916-b8f3-eaca-f4d9-9c77ec6b0880",
"name": "panel_hover",
"display_width": null,
"label": "Panel Hover",
"required": false,
"locked": false,
"type": "color",
"inherited_value": {
"property_value_paths": {
"color": "brand_settings.colors[1]"
}
},
"default": {
"color": "#40b9e4",
"opacity": 70
}
},
{
"id": "654d7be5-038a-b6e5-8ec9-6cce1b312598",
"name": "accordion_color",
"display_width": null,
"label": "Accordion Color",
"required": false,
"locked": false,
"type": "color",
"inherited_value": {
"property_value_paths": {
"color": "brand_settings.colors[2]"
}
},
"default": {
"color": "#e5f6fd",
"opacity": 100
}
},
{
"id": "bcece506-3707-b75e-27b0-948d27487ec2",
"name": "title_color",
"display_width": null,
"label": "Title Color",
"required": false,
"locked": false,
"type": "color",
"default": {
"color": "#000000",
"opacity": 100
}
},
{
"id": "ce01c158-6d3a-f3c2-2650-dd0312310c37",
"name": "title_hover_active",
"display_width": null,
"label": "Title Hover/Active",
"required": false,
"locked": false,
"type": "color",
"default": {
"color": "#666666",
"opacity": 100
}
},
{
"id": "d947e502-6060-11c0-77e4-972845ed69a1",
"name": "border_color",
"display_width": null,
"label": "Border Color",
"required": false,
"locked": false,
"type": "color",
"default": {
"color": "#666666",
"opacity": 10
}
},
{
"id": "f1858ae0-ba1c-be7c-5e79-2eaf35351156",
"name": "bold_title",
"display_width": null,
"label": "Bold Title",
"required": false,
"locked": false,
"display": "toggle",
"type": "boolean",
"default": true
}
]
You should walk through every color option and apply the changes.
best,
Anton