Would it be possible to add several predefined color schemes to the settings for a template, supporting Customizer?
Seems to me it's loading colours from default customizer.json, no-matter which colors it's in the default css.

Anyhow I would really like to see the designers docs being extended by someone knowing the full potential of the system, e.g. how to add settings etc.:
https://arastta.org/docs/designers/customizer
In Themes
Thursday, October 27 2016, 01:18 PM
Share this post:

Accepted Answer

Thursday, October 27 2016, 06:55 PM - #Permalink
Hi Rune,

Thank you for the suggestion. Having "pre-defined styles" and color pallets what I also want to have in Arastta. But it would be better if we have a css preprocessor, like Scss or less. Thus, we can implement pre-defined styles much more easier and also developing a new Arastta theme will be a joy for designers.

So, let's follow up this and have in the future Arastta releases.

I just updated Customizer documentation and now you can find more instructions there.

Regards...
The reply is currently minimized Show
Responses (2)
  • Accepted Answer

    Friday, October 28 2016, 11:30 AM - #Permalink
    Sounds good about extending the design system, and the updated docs looks good, thanks Enes. :)
    The reply is currently minimized Show
  • Accepted Answer

    Wednesday, October 04 2017, 08:38 PM - #Permalink
    Figured out it's possible to have predefined colour schemes as it is, but it surely limits the Customizer settings then.

    Still, by having only the basics in customizer.json and adding a scheme selection, it's possible. Even though, Customizer generates an error when saving, since it's also saving the select setting to customizer.css - and this is a bug I believe ...

    Example:
    {
    "general": {
    "title": "text_general_title",
    "description": "text_general_description",
    "control": {
    "sitename": {
    "selector": "#logo a"
    }
    }
    },
    "colors": {
    "title": "text_colors_title",
    "description": "text_colors_description",
    "control": {
    "container_background-color": {
    "type": "color",
    "label": "text_colors_container_background_label",
    "default": "#bdc3c7",
    "selector": "body"
    },
    "container-color_color": {
    "type": "color",
    "label": "text_colors_container_color_label",
    "default": "#666666",
    "selector": "body"
    },
    "colorscheme": {
    "type": "select",
    "label": "Colour scheme",
    "default": "blue",
    "choices": {
    "blue": "Blue",
    "green": "Green",
    "purple": "Purple",
    "red": "Red"
    },
    "selector": "colors"
    }
    }
    },
    "images": {
    "title": "text_images_title",
    "description": "text_images_description",
    "control": {
    "logo": {
    "selector": "#logo a img"
    }
    }
    }
    }


    Note! The use and point of the defaults in general and images I'm not sure of ...
    The reply is currently minimized Show
Your Reply