#neven-marinkovic_stripe-apps-brand-style
viscid heraldBOT
👋 Welcome to your new thread!
⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.
⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.
🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1374785460794167318
📝 Have more to share? Add more details, code, screenshots, videos, etc. below.
signal quarry
Hi 👋
So the problem you are seeing is with the SVG icon, correct? If you copy that file locally, can you load it that way?
Okay so the problem here is that we do not support SVG icons. We require that your icon image end in .ico, .jpeg, .jpg, .png.
Can you convert your image into one of those and try again?
golden moon
Yes! I used a png version of the image and referenced the file locally, and it worked! I was also hoping to update the app's brandColor at the app level (not specific to a view), but haven't found documentation to update the app indicator color in the same way as the app icon.
signal quarry
When you say the App Indicator, do you mean the placeholder that we display when you don't have an icon?
golden moon
To my understanding, the indicator is both the icon, title, and color bar. Referencing: https://docs.stripe.com/stripe-apps/design?locale=en-GB#branding-elements
signal quarry
Ah so that styling is applied to the ContextView component. You can see the individual properties in this doc: https://docs.stripe.com/stripe-apps/components/contextview
golden moon
Gotcha. I'm able to update the ContextView component for the views that I'm using (stripe.dashboard.customer.detail), but if I open the app on a different view (stripe.dashboard.home.overview for example), I see the regular grey/white color. I was hoping that the coloring would remain consistent accross all views.
Here's what I'm seeing in my app after updating the ContextView for my customer details view.
signal quarry
The ContextView should be the root of your app. Let me check some of my own test apps
Okay yeah I think you would need to update that brand color for each context view
One way you could adjust your app to make it easier to apply a universal style is to use the constants section of the App manifest https://docs.stripe.com/stripe-apps/reference/app-manifest#schema
If you had a constant called BRAND_COLOR with your specific hash code, you could use that constant in all your ContextView components.
Then, when you make updates, it applies to all of them
golden moon
Okay, that's what I figured. Because a user can open the app drawer on any page and not just on the pages where the app has a view, to me, it would make sense to have the ability to set a global brandColor for the context view component the same way we can for the icon. Then, if a user wanted to customize a specific view's brand color, they could use that specific contextView's brandColor attribute.
Thanks for your help!
signal quarry
So in that situation the branding components might live on the App Manifest and be the default when you do not specify a value?
I can raise that as a feature request
golden moon
Yup, that's what I'm thinking!
signal quarry
Okay I'll file that feedback. I can't guarantee it'll get built out but I can make your interest known.
golden moon
No worries, thanks for doing that.
signal quarry
Okay feedback filed 👍