Theme app extensions, typography and background colors

Shopify Apps

Topic summary

App review feedback requests that a theme app extension’s app block inherit the store’s theme styling, specifically typography and colors, per Shopify’s UX guidelines (link provided) and an accompanying screencast. The goal is to align the app block’s look with the theme rather than hardcoding styles.

Proposed approaches from the original poster include using CSS like “background: inherit;” and offering a theme editor setting for merchants to manually choose a background color. A small code snippet illustrates the background inheritance idea.

Another participant reports receiving the same review note and asks whether a working solution was found.

No confirmed solution or implementation details are shared yet. The thread remains open with key questions unresolved, including how best to handle full typography inheritance and whether manual color controls satisfy the review requirement versus automatic theme-driven styling.

Summarized with AI on January 18. AI used: gpt-5.
1

Hey, I’m at a stage of review where Shopify mentioned this:

Update your app block so that it inherits styling properties from the theme, such as typography and colors. Refer to this help document (https://shopify.dev/apps/online-store/theme-app-extensions/ux-guidelines) and see this screencast for context.

Some ideas I’ve had include doing a style like this:


.some-class {

background: inherit;

}

I also have the option to allow customers to manually change background color in the theme editor.

2

@growing_swede Hello, I got the same issue from the Shopify app review team, can you find any solution for this issue?