Hey everyone! I’ve just come across this amazing update to the Matrix theme for HabPanel, and I wanted to share my excitement with you all. The new Pride theme is a purely CSS update, which means if you’re already using the Matrix theme, you can easily switch over by replacing the matrix-theme.css file with the new pride-theme.css. It’s been optimized specifically for the iPhone X, but it works beautifully on most phones and tablets too!
One of the things I love most about this theme is its vibrant color palette. It uses lowercase text and Apple’s system font, which gives it a sleek, modern look. Plus, it takes full advantage of the phone’s screen, making navigation a breeze. I’ve been using it on my iPhone, and I have to say, the user experience is top-notch.
I decided to take it a step further and try it out on my tablet as well. The transition was seamless, and the interface looks just as stunning on the larger screen. I’ve included some screenshots below to give you a better idea of how it looks in action. Trust me, you won’t be disappointed!
To get started, all you need to do is open HabPanel in your browser, add it to your home screen, and voilà! You’ve got yourself a Progressive Web App (PWA) with its own icon, all without the hassle of dealing with browser status and toolbars. It’s like having a dedicated app right there on your phone.
I’m really impressed with how this update enhances the overall experience. The developers have done an incredible job, and I can’t thank them enough for sharing this with the community. If you’re looking for a fresh, modern look for your HabPanel, I highly recommend giving the Pride theme a try. You won’t regret it!
Here’s a quick guide to get you started:
- Replace your current matrix-theme.css with the new pride-theme.css.
- Open HabPanel in your browser.
- Add it to your home screen to enjoy it as a PWA.
Let me know if you have any questions or if you’d like some tips on customizing it further. Happy theming everyone! ![]()