Dap Bella Grey - New Format Backstage - How It ... May 2026

This specific UI/UX skin or internal branding module is applied via the Backstage Theme API.

tsx theme integration, or more detail on the for the catalog?

Update your packages/app/src/App.tsx to import the Bella Grey theme provider. DAP Bella Grey - New Format Backstage - How it ...

Use this for your microservices or frontend apps.

Integrate the Backstage TechDocs plugin. In the new format, docs are treated "as code" and live alongside the repo. This specific UI/UX skin or internal branding module

If the Bella Grey styling looks "broken," ensure you haven't overridden core CSS classes in your local App.tsx that conflict with the theme’s standard library.

In the "New Format," Backstage moves away from fragmented configuration toward a more unified Software Catalog approach. Use this for your microservices or frontend apps

Instead of manual entry, use Software Templates to ensure every new project follows the Bella Grey standards automatically. Define a template.yaml . Include steps for "Publishing to GitHub/GitLab."