Theming Backstage: Make It Your Own!

on YouTube ↗26m

" summary

Shows how to theme Backstage by using the backstage theme package and Material UI utilities to build a custom theme with createUnifiedTheme, override the color palette and fonts, swap SVG logos and add per-page page themes and a custom navigation background. A live demo takes a vanilla app and applies brand colors and logos in about 10–20 minutes, with minor live‑coding hiccups but a working result. Examples include American Airlines Runway, Netflix Spotlight, and a how‑to from Excellent Solutions.

AI-written summary · about

" chapters (7)

1. 0:00Theming Backstage intro
2. 1:48Why customize with theming
3. 3:14Live demo: Theming in 20 min
4. 16:22Custom headers and nav
5. 23:24Results and options
6. 24:06Real-world theme showcase
7. 25:36Q&A

" related talks

• 27mIntroduction to BackstageBrad McCoy, Courtney Nickerson · KCD Pakistan 2023
• 35mImproving Developer Experience with BackstageSuzanne Daniels · code.talks 2022
• 08mLightning Talk: Maximising Developer Experience with Backstage: An Exploratio...Debabrata Panigrahi · Emerging OS Forum @ Open Source Summit North America 2023
• 29mWhat Does Backstage Really Offer – Looking Beyond Catalog and Templates and Into...Himanshu Mishra · BackstageCon NA 2023
• 40mShaping The Future of Developer Productivity with Spotify BackstageLee Mills · GOTO Aarhus 2023
• 42mNavigating Backstage: A Year in Developer LifeHelen Greul · GOTO Amsterdam 2024
• 09mBackstage Beyond Engineering Teams: Can We Deliver Value to Other...Olivier Liechti · BackstageCon NA 2023
• 22mGetting Started with Backstage in 2023Djamaile Rahamat, Mitchell Hentges · BackstageCon NA 2023