How can I define color schemes in the Craft theme settings?

i’m currently trying to edit the color scheme of the craft theme but i always get

No color schemes defined. Color schemes must be defined in settings_data and settings_schema files.

how do i fix this ?

any help is appreaciated thanks

thanks for your reply, i don’t completely understand what im supposed to do here, i only want black and white and to add a gradient for the background. this is my code

{
“name”: “t:settings_schema.colors.name”,
“settings”: [
{
“type”: “color_scheme_group”,
“id”: “color_schemes”,
“definition”: [
{
“type”: “color”,
“id”: “background”,
“label”: “t:settings_schema.colors.settings.background.label”,
“default”: “#00BFFF
},
{
“type”: “color_background”,
“id”: “background_gradient”,
“label”: “t:settings_schema.colors.settings.background_gradient.label”,
“info”: “ffe1e1”
},
{
“type”: “color”,
“id”: “text”,
“label”: “t:settings_schema.colors.settings.text.label”,
“default”: “#00BFFF
},
{
“type”: “color”,
“id”: “button”,
“label”: “t:settings_schema.colors.settings.button_background.label”,
“default”: “#00BFFF
},
{
“type”: “color”,
“id”: “button_label”,
“label”: “t:settings_schema.colors.settings.button_label.label”,
“default”: “#00BFFF
},
{
“type”: “color”,
“id”: “secondary_button_label”,
“label”: “t:settings_schema.colors.settings.secondary_button_label.label”,
“default”: “#00BFFF
},
{
“type”: “color”,
“id”: “shadow”,
“label”: “t:settings_schema.colors.settings.shadow.label”,
“default”: “#00BFFF
}
],
“role”: {
“text”: “text”,
“background”: {
“solid”: “background”,
“gradient”: “background_gradient”
},
“links”: “secondary_button_label”,
“icons”: “text”,
“primary_button”: “button”,
“on_primary_button”: “button_label”,
“primary_button_border”: “button”,
“secondary_button”: “background”,
“on_secondary_button”: “secondary_button_label”,
“secondary_button_border”: “secondary_button_label”
}
}
]

Hi @Mromanos

This is Noah from PageFly - Shopify Page Builder App

This is a bug at a 11.0 version for the theme such like : Dawn, Refresh, Studio… etc

There are several ways to solve this:

  1. You can contact the Shopify support team and state about the issue. This will more easier.

  2. This can resolved by editing the settings_data.json file on the updated theme. The code for the color schemes just needs to be moved to the proper spot. You can see how to do this below:

Hope this can help you solve the issue

Best regards,

Noah | PageFly

1 Like