Polaris-react: Customize Colors

[paragjagdale]

Issue summary

While the Shopify Polaris color theme is great, how do we go about creating a customized color theme without losing the ability to merge in updates into our codebase and / sketch file?
A bigger question is, does Polaris encourage changing the color theme based on branding, or are we, as developers/designers on our own if we do choose to change colors to match?

Expected behavior

The Sketch Web.UIKit.sketch file should have used shared styles to make colors customizable so that app developers can customize the colors to fit branding while keeping the structure in place. This is possible in the CSS, however it is not in the Sketch file.

Actual behavior

Sketch Web.UIKit.sketch hard codes colors into every symbol, thus it is hard to start using if we wanted customized branding.

Specifications

N/A

[Geczy]

Would also like to know Shopify's recommendations on how to modify colors in a React application

[allylane]

Thanks for reaching out @paragjagdale.

One of the goals of Polaris is to unify all of the product design work that's being done on Shopify, both internally and by our partners. We recommend using the colors that have been supplied as part of Polaris for any of the work you're producing on Shopify.

You can find out more about our color palette and how to use it here:
https://polaris.shopify.com/design/colors

Thanks,

Alistair

[paragjagdale]

@allylane I think I found the cause of the misunderstanding. I was equating Polaris to something like Bootstrap or Google Material Design Lite, which could be used to create the whole admin for an app, which is where company branding would matter more. However, Polaris is just what should be used INSIDE of Shopify alone using the embedded app API. Is that a correct assessment? If so, I recommend making this point clear somewhere in the documentation if others were also confused. Thanks.

[allylane]

That's right @paragjagdale. Thanks for the recommendation. I'll take it back to the team.

[benbonnet]

that is, the licence does not bound polaris to a strict use within the shopify ecosystem; right ?

[BPScott]

@benbonnet Correct. You're permitted to use Polaris wherever as per the MIT licensing, but we won't support features that would only be useful outside of the Shopify ecosystem. For instance we won't add support for customizing the colors away from the Shopify brand colors as that feature is not useful within the Shopify ecosystem.