Branding
Logos
If you open brand.ex
you will find a functional component for your logo. You can use it in your templates like so:
For this to work with your own logo, you will need to replace the Petal logos:
/priv/static/images/logo_dark.svg
/priv/static/images/logo_light.svg
/priv/static/images/logo_icon_dark.svg
/priv/static/images/logo_icon_light.svg
/priv/static/images/favicon.png
Colors
Petal Pro and Petal Components expects you to define a primary and secondary color. These typically represent your brand.
In the file /assets/tailwind.config.js
you will see the primary and secondary colors defined:
Last updated
Was this helpful?