Frosted Glass Theme for Home Assistant ✨

Share your Projects! Themes
1

Hi everyone! :wave:
I’m excited to share the Frosted Glass Theme with the Home Assistant community!

I got started with Home Assistant just a few months ago, and while exploring different themes, I couldn’t find one that truly matched my vision - I was switching themes every few days! That’s when I realized: why not make my own?

With almost no prior coding experience (unless you count making Minecraft Pocket Edition mods and texture packs on an Android tablet as a kid :sweat_smile:), it was a bit of a leap. I began by studying other theme YAML files, asking AI what each line did, and experimenting with designs. Eventually, I dove into browser inspect tools to really understand how the UI elements work.

What started as a small personal project turned into something much bigger - the theme gained a lot of traction on Reddit, with nearly 2,000 upvotes! So now, I’m thrilled to bring it here and share it more widely.

The rest of the post is shortened text from the GitHub README. I hope you enjoy using it as much as I enjoyed building it! (and fixing issues lol)

As a new user I can not post more links so please visit GitHub if you are interested in more details.

Frosted Glass Theme for Home Assistant :sparkles:

Bring depth and elegance to your dashboard with blurred glass panels and soft UI touches. :sunny:

This theme brings a sophisticated “Frosted Glass” aesthetic to your dashboard, combining transparency with elegant blurring effects to create a truly unique and contemporary look. Designed for both visual appeal and comfortable usability, the Frosted Glass Theme transforms your Home Assistant interface into a work of art. :framed_picture:

:sparkles: Features

  • Frosted Glass Aesthetic: Transparent and blurred card elements create depth and layering. :snowflake:
  • Light & Dark Modes: Choose between a bright, clean look or a soft dark interface. :sunny::new_moon:
  • Modern Design: Rounded corners, minimal shadows, and cohesive color palettes. :couch_and_lamp:
  • Enhanced UX: Designed to feel fluid, comfortable, and polished. :framed_picture:

:framed_picture: Screenshots

:sunny: Light Mode:

Screenshot_2025-07-25-23-04-57-629
Screenshot_2025-07-25-23-04-57-6292000×1200 162 KB

:new_moon: Dark Mode:

New user, can not post more media :frowning_face:

16 Likes
2

Best theme out there! Must be adopted as default theme for HA as it is so beautiful!

Great work!

3

Hi! I am new to HA but very excited to dive in. I installed this them and it works great on my computer and the Lenovo Tablet I have running the HA companion app. However, on my iPhone the theme does not transfer. Any suggestions? TIA

4

Very nice update and hard work to get to this point. I liked it so much that it may become my default. This combined with Material-You makes a great combo. I have hit a few strange snags, and will keep looking around. I will report back!

1 Like
5

Thank you so much! Material You is indeed a very beautiful theme, it was actually the first one I installed since I switched to HA from Google Home and I wanted the visuals to be pretty close at first but then Apple released iOS 26 Beta and I liked it so much that I wanted a similair looking theme so I made this one :slight_smile: Thank you so much for using it :slight_smile:

1 Like
6

Comgratulations, the theme is astonishing!! I immediatly installed it ad soon as I saw it☺️

P.S. You seem to have a nice weather card, can I ask you the name? Thanks!!

7

This looks amazing! I’ve just tried to install this, but it doesn’t seem to be applying properly to bubble cards. First, does the theme support bubble cards? I’ve seen there are other custom third-party cards supported, and saw in a few comments of issues in the repo that various bubble cards were supported, but didn’t see bubble cards mentioned in the documentation.

I’ve also tried to add new bubble cards to my dashboard to test (remove any overriding css from bubble modules), but can’t seem to get it working properly. Any ideas?

8

Sorry for late reply!! I dont come to forums that often lately. Bubble cards are extremely difficult to work with since they use their own styling which my theme can not pierce, they are supported in a way that my theme has a specific code to ignore them and NOT apply any styling because when it does it creates a weird overlay since Bubble cards are using different borders. :slight_smile:

9

[Huge Update] Frosted Glass v1.3 is here! :rocket:

Untitled design (1)
Untitled design (1)1920×1080 134 KB

Customize colors & backgrounds via UI (No YAML!) with the new Theme Manager

Hey everyone! :wave:

It’s been an incredible journey since I first shared the Frosted Glass Theme. To be honest, I never expected it to reach this level. Watching it become one of the highly-starred themes for Home Assistant has been surreal, and I am truly humbled by this amazing community.

From day one, the #1 most requested feature has been easier customization. You wanted to change the primary color or the background image without diving into thousands of lines of code.

I heard you. And today, I’m delivering that.

Introducing Frosted Glass v1.3 and the brand new Frosted Glass Theme Manager integration! :hammer_and_wrench:

:art: Customize your experience without touching a single line of YAML.

The Frosted Glass Theme Manager is a powerful companion integration that lets you tweak the aesthetic directly from your Home Assistant settings.

:sparkles: What can it do?

:art: Full UI Configuration

Forget file editors. You can now configure everything via Settings > Devices & Services > Frosted Glass Manager > Configure.

  • Pick your Color: Use the native Home Assistant color picker for both Light and Dark modes.
  • Custom Backgrounds: Simply paste the URL of your favorite wallpaper.

:brain: Smart Tonal Palette Algorithm

This is the magic under the hood. The manager doesn’t just swap a single color.
When you pick a primary color (e.g., Red), the integration mathematically calculates a complete Material Design tonal palette (shades 05 through 95). This ensures that buttons, shadows, and text contrasts remain perfect and readable, no matter what crazy color you choose!

:zap: Dual Theme Generation

With a single click on “Submit”, the manager automatically generates and updates two theme files in your /themes/ folder:

  1. Frosted Glass Custom.yaml (Full visual experience)
  2. Frosted Glass Custom Lite.yaml (Performance optimized, no-blur version)

:arrows_counterclockwise: Reset Functionality

Messed up your colors? No problem. A new “Reset to Defaults” checkbox allows you to instantly revert to the original, signature Frosted Glass look.

:memo: A Note on Transparency & Performance

I’m also aware that some of you occasionally experience issues where transparency or blur doesn’t load correctly on certain cards. Please know that I am monitoring this closely.

To give you some context: Frosted Glass is a beast. While standard themes usually run on ~400-500 lines of code, this project exceeds 1,000 lines. It utilizes heavy CSS backdrop filters and effects that really push the limits of Home Assistant’s current rendering engine.

I have optimized the code as much as humanly possible to keep it snappy, but at this moment, we are operating at the very edge of what the system allows. I appreciate your patience and understanding as we navigate these limits!

:heart: A massive Thank You

I really can’t wait to see what you all build with this new flexibility. Please share your screenshots!

I also want to express my deepest gratitude for every star on GitHub, every bug report, and especially to those who supported me via Buy Me a Coffee. Every single donation means the world to me and keeps me motivated to push this project further.

:link: Links:

Available now in HACS! Go check it out and let me know what you think!

Enjoy! :clinking_glasses: