Imported components now properly use default tag styles from their source project
We’ve shipped a fix that resolves an issue where components imported from other Plasmic projects weren’t correctly applying their original default tag styles (for headings, paragraphs, links, etc.).
What was happening
When you import a component from another Plasmic project, that component should retain its original styling—including the default tag styles defined in its source project. However, there was a bug where imported components would use the current project’s default tag styles instead of their source project’s styles.
For example: if you imported a component from Project A (which has blue h1 headings) into Project B (which has red h1 headings), the imported component would incorrectly display red headings in your Loader app.
This issue specifically affected default tag styles (h1, h2, p, a, etc.) in Loader apps and Codegen using “css” scheme. Normal text default styles were not affected.
How Plasmic handles component styling
To give some context: Plasmic uses a style isolation approach to ensure predictable, deterministic styling. Each component fully specifies its own styles, and we block CSS inheritance at component boundaries. This prevents:
- Your app’s existing styles from leaking into Plasmic components
- Plasmic styles from accidentally affecting other parts of your app
When you define default tag styles in a project’s theme (like setting all h1 elements to use a specific font, size, or color), those styles are scoped to that project. Components within that project automatically pick up these defaults.
The bug was that when a component was imported into a different project, the default tag styles from the source project weren’t being considered, causing the imported component to pick up the current project’s default tag styles instead.
What we fixed
We updated our code generation to ensure that when your project includes imported components, we now correctly attach the default tag styles from all source projects, not just your current project.
This means imported components will now render exactly as they appear in their source project, with all their original default tag styling intact.
Who is affected
- Projects using Loader mode
- Projects using Codegen mode with “css” style scheme
If you’ve imported components from other Plasmic projects and noticed that their default tag styles (headings, paragraphs, links, etc.) looked different in your live app compared to the Studio, this fix should resolve that discrepancy.
No action is required on your part. The fix is applied automatically—just republish or regenerate your project to pick up the corrected styles.
Let us know if you have any questions!