Define a reusable theme
Configure brand colors, surfaces, typography, shape, component styles, and diagram annotation styling.
Embed theming
Make embedded parts catalogs fit your brand.
PartGrid embed theming lets teams assign reusable visual themes to embedded diagrams, collections, and dealer catalog experiences so they fit the destination brand while staying governed and maintainable.
Reusable theme definitions
Assigned runtime theme tokens
Preview and publish governance
Same catalog, assigned themes
Choose a destination and watch the embed retheme.
OEM website
Service blue12
Ref 12
Ref 13
Ref 14
Resolved theme tokens
OEM website
Primary#2563EB
Surface#FFFFFF
Hotspot#2563EB
Border#BFDBFE
Radius12px
DensityComfortable
The embed receives controlled tokens from PartGrid. It does not need to scrape the host page CSS.
Brand fit problem
A powerful embed still needs to look like it belongs.
Interactive parts catalogs become more useful when they can live inside existing websites, dealer portals, customer portals, ecommerce pages, and service environments. Embed theming gives teams a controlled way to align the visual experience without making every deployment a custom design project.
Generic-looking embeds can reduce customer trust.
Brand teams may block inconsistent customer-facing experiences.
Dealer portals often need different visual presentation.
Custom CSS for every embed does not scale.
Iframes should not depend on fragile host-page CSS.
Multi-collection deployments need governed styling.
How it works
Define a theme once, assign it where it belongs.
PartGrid themes use structured visual tokens rather than unstructured CSS snippets. That makes them easier to validate, preview, reuse, and apply across embedded experiences.
Preview the embedded catalog
Review how the diagram viewer, parts list, controls, hotspots, and buttons feel before publishing.
Assign it where it belongs
Apply themes to supported targets such as company defaults, collections, dealer collections, or schematics.
Resolve at runtime
The embed loads predictable theme tokens and applies styling variables internally.
Runtime theming
Runtime theming without host-page CSS scraping.
PartGrid does not need to depend on the host website's CSS to style an embed. Themes are assigned and resolved inside PartGrid. The embedded experience receives predictable styling tokens and applies them through runtime variables.
Predictable for developers. Safer for brand governance.
Theme proposals may use website or brand inputs to help create a draft, but the published embed should rely on assigned theme tokens rather than live CSS scraping from the host page.
Read theming docsTheme coverage
Control the visual language of the embed.
Themes focus on the parts of the embedded catalog experience users actually see: the diagram area, parts list, panels, controls, buttons, hotspots, annotations, and supporting UI.
Brand colors
Accent colors
Backgrounds
Surfaces and panels
Text and muted text
Borders
Typography
Radius and shape
Spacing density
Buttons and inputs
Tables and tabs
Hotspots and active glow
Annotation lines
Badges and dropdowns
Light or dark appearance
Theme assignments
Apply the right theme to the right experience.
Theme assignments help teams apply the right visual theme at the right level without duplicating catalog data or creating one-off frontend builds.
Company default
A governed fallback theme for standard embeds.
Embed collection
Style a public catalog collection for a website or portal.
Dealer collection
Give dealer-facing embeds appropriate presentation while preserving source catalog control.
Schematic embed
Apply a specific theme to a high-value diagram or deployment context.
Prepare theme changes before they go live.
Draft and active tokens let teams test visual changes, review previews, and publish when the result is ready for customer-facing use.
Generate a starting point from brand inputs.
Where configured, PartGrid can help generate a draft theme proposal from website, logo, or brand inputs. The result should still be reviewed before publishing.
Keep dealer and customer embeds consistent.
OEMs can keep the source catalog governed while dealer-facing or customer-facing embedded experiences use appropriate visual themes where configured.
Deployment fit
Built for real embed deployments.
Embed theming works alongside PartGrid iframe, collection, schematic, dealer collection, and integration workflows. It helps teams deploy interactive parts diagrams into existing environments without turning every deployment into a custom frontend project.
Brand alignment, not full website cloning.
Embed theming is not a website builder, CMS, design system replacement, or automatic clone of the host website. It is a controlled way to apply visual styling to PartGrid embedded experiences so they feel aligned, trustworthy, and easier to deploy.
FAQ
Embed theming questions.
What is embed theming?+
Embed theming lets teams apply reusable visual themes to embedded PartGrid catalog experiences, such as diagrams, collections, dealer collections, or schematics where supported.
Does PartGrid scrape my website CSS?+
No. PartGrid embed theming is based on assigned theme tokens that are resolved and applied by the embedded experience. Theme proposals may use website or brand inputs to create a draft starting point where configured.
Can themes be reused?+
Yes. Themes are designed to be reusable so teams can apply consistent visual styling across multiple embedded experiences.
Can different collections use different themes?+
Yes, where assignment targets are configured. Themes can be assigned at different supported levels, such as collection, dealer collection, schematic, or company default.
Can themes be previewed before publishing?+
Yes. Themes can support preview workflows and draft tokens so teams can review changes before publishing them as active styling.
What visual elements can be themed?+
Themes can include brand colors, surfaces, panels, text, muted text, borders, typography, shape, spacing, component styles, annotation lines, markers, hotspots, and active states.
Can AI generate a theme proposal?+
Where configured, PartGrid can help generate a draft theme proposal from website, logo, or brand inputs. The proposal should be reviewed and edited before publishing.
Does theming replace custom development?+
No. Embed theming reduces one-off visual customization, but bespoke layout, behavior, or integration logic may still require custom development.
Ready to make embedded parts catalogs feel like part of your experience?
Show us your website, dealer portal, or embedded catalog use case and see how PartGrid themes can align the visual experience while keeping catalog workflows governed.