I’m thrilled to share my latest project with the community—a fresh update to the popular Matrix theme for HabPanel, now known as the Pride Theme! This update is all about enhancing the user experience, especially for iPhone users, with a focus on vibrant visuals and seamless integration into your daily routine.
What’s New?
- Colorful Palette: The theme features a lively color scheme that pops on iPhone screens, making navigation a breeze.
- Lowercase Text: A modern touch that keeps the interface clean and easy to read.
- System Font: Apple’s system font ensures readability and consistency across devices.
- Optimized for iPhone X and Beyond: While it works well on most phones and tablets, the theme is specifically tailored for the iPhone X’s larger screen, maximizing space and visual appeal.
How to Get Started
If you’re already using the Matrix theme, transitioning to the Pride Theme is straightforward! Simply replace the matrix-theme.css file with the new pride-theme.css file. You can find the updated CSS file here.
The Experience
I’ve been using this theme on my iPhone for the past week, and it’s been a game-changer. By adding the HabPanel page to my home screen, I’ve turned it into a Progressive Web App (PWA), which means no browser bars and faster load times. The interface feels more integrated with my phone’s ecosystem, making it easier to manage my smart home on the go.
Screenshots
Here’s a glimpse of what the Pride Theme looks like on both phones and tablets:


Feedback and Collaboration
I’d love to hear your thoughts on the Pride Theme! Whether you’re considering switching or have suggestions for future updates, feel free to drop a comment below. Let’s make HabPanel even better together!
Cheers to a brighter, more colorful smart home experience! ![]()