Skip to main content
Welcome to this lesson on Backstage customization! In this module, we’ll guide you through two key areas: tailoring the Backstage UI to match your brand and extending its capabilities by integrating and developing plugins.
The image shows two icons representing "Customizing UI of Backstage" and "Implementing New Features with Backstage Plugins," each with a stylized "B" logo.
First, you’ll explore the Backstage Design System—its core components, layout patterns, and styling conventions. Then, you’ll learn how to update your site’s theme colors and typography for a seamless, branded experience.
The image shows a four-step process related to design and plugins, with the second step, "Changing Color Theme," highlighted in blue. The other steps include "Backstage design system," "Adding 3rd Party Plugins," and "Creating our own plugins."

​
Module Overview

PhaseFocus AreaKey Learning
1Backstage Design SystemCore components & styling conventions
2Theme CustomizationBranding with colors & typography
3Third-Party PluginsInstall, configure, and manage
4Custom Plugin DevelopmentScaffold, build, and deploy
For detailed guidelines on components and theming, visit the Backstage Design System documentation.

Watch Video