Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save shopifypartners/931e182bda0ab8d4192ae4c99533fb43 to your computer and use it in GitHub Desktop.
Save shopifypartners/931e182bda0ab8d4192ae4c99533fb43 to your computer and use it in GitHub Desktop.
Creating Dynamic Color Schemes with Theme Options and Presets - https://www.shopify.com/partners/blog/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