Instantly share code, notes, and snippets.

Embed
What would you like to do?
Creating Dynamic Color Schemes with Theme Options and Presets
[
{
"name": "theme_info",
"theme_name": "My Fancy Theme",
"theme_author": "Your Name",
"theme_version": "1.0.0",
"theme_documentation_url": "https:\/\/help.shopify.com\/manual\/using-themes\/sections",
"theme_support_url": "https:\/\/support.shopify.com\/"
},
{
"name": "Theme Colors",
"settings": [
{
"type": "header",
"content": "Main Colors"
},
{
"type": "color",
"id": "color_heading",
"label": "Headings",
"default": "#3d4246"
},
{
"type": "color",
"id": "color_link",
"label": "Links",
"default": "#2980b9"
},
{
"type": "color",
"id": "color_body",
"label": "Body text",
"default": "#788188"
},
{
"type": "color",
"id": "color_hero",
"label": "Hero Text",
"default": "#ffffff"
},
{
"type": "color",
"id": "color_sale",
"label": "Sale text",
"default": "#2980b9"
},
{
"type": "color",
"id": "color_borders",
"label": "Borders and lines",
"default": "#e8e9eb"
}
]
}
]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment