Theming with CSS & Dark Mode Support
Style your popup and options pages consistently, support light and dark themes, and respect user preferences.
Why Theming Matters
Your popup and options pages are small windows into your extension. Consistent, polished styling builds trust and makes the extension feel native to the browser.
Supporting dark mode respects users who set their system to a dark appearance.
Linking a Stylesheet
Keep styles in a separate CSS file and link it from your popup HTML for clean separation.
<head>
<link rel="stylesheet" href="popup.css">
</head>All lessons in this course
- Creating Interactive Popup UI
- Building an Options Page
- Communication Between UI Components
- Theming with CSS & Dark Mode Support