A premium, modern, and dark "Glassmorphism" theme designed specifically for the Heimdall Application Dashboard.
- 💎 Obsidian Glass Aesthetic: Replaces the default flat backgrounds with a translucent, dark frosted glass effect (
backdrop-filter) that beautifully interacts with your wallpaper. - 🔍 Redesigned Search Bar: Complete overhaul of the search pill, featuring a distinct frosted input area and a striking, asymmetrical "Vermilion Red" action button.
- 📁 Universal Category/Tag System: Automatically detects folder buttons and applies a visually distinct "Folder" design with a bold Vermilion left-ribbon, rounded edges, and Tesla-inspired typography.
- ⚡ Dynamic Micro-Interactions: Custom hover states, scaled zoom on icons, and glowing text shadows that enhance the modern automotive/tech feel.
- 🔡 Premium Typography: Fully unified around Google's elegant 'Outfit' font.
Ready to transform your dashboard? Follow these simple steps:
- Copy the Code: Open the
heimdall-obsidian-glass.cssfile and copy the entire content. - Open Heimdall: Navigate to your Heimdall Dashboard.
- Settings: Access the Settings (gear icon on the bottom right).
- Inject CSS: Paste the code into the Custom CSS field at the bottom of the page.
- Save: Hit save and refresh your browser (F5).
Tip
For the best visual experience, use a high-quality abstract or dark wallpaper. The glassmorphism effect relies on background colors pushing through the transparency!
Not a fan of red? You can easily change the accent color to match your setup:
- Locate the "Vermilion Red" RGBA value in the CSS:
rgba(230, 70, 50, ...) - Use a Find and Replace tool in your code editor to swap it with your preferred color code across the entire file.
- Lead Designer: Cedric
- Community: Built with ❤️ for the Heimdall community.
Heimdall Obsidian Glass Style • 2026