[Huge Update] Frosted Glass v1.3 is here! 🚀 Customize colors & backgrounds via UI (No YAML!) with the new Theme Manager

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

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

Hey everyone! 👋

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! 🛠️

🎨 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.

✨ What can it do?

🎨 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.

🧠 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!

⚡ 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)

🔄 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.

📝 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!

❤️ 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.

🔗 Links:

• Theme Repository: GitHub Link
• Theme Manager Repository: GitHub Link

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

Enjoy! 🥂

Frosted Glass Theme v1.2.2 - Card-mod 4.0.0 Compatibility & Custom Backgrounds

👨‍💻 A Quick Note from the Maintainer

I'd like to apologize for the slower release cycle of bug fixes recently. Life has been quite busy lately! My wife and I are expecting the arrival of our second daughter 🎀 (December/January), and I have also recently changed jobs. As you can imagine, this period is quite demanding on both my time and resources.

This project started purely as a hobby, and I honestly never expected it to reach this level of success. I truly appreciate every single one of you who uses this theme.

If you enjoy my work and would like to support me or say thanks, you can do so here:

🔥 Breaking Change Fixes (Card-mod 4.0.0):

• Updated CSS selectors for Bubble Cards to ensure compatibility with the new Card-mod rendering engine. Migrated deprecated syntax (ha-card.type-...) to the new standard (:host(.type-...) ha-card)

✨ Improvements:

• Custom Background Support: Removed global !important flags from the base card styling

What this means: You can now define custom backgrounds (images, colors, gradients) on individual cards using card_mod or button-card, and the theme will respect your choice instead of forcing the default frosted glass effect.
Default theme behavior remains unchanged (glass effect applies unless overridden).

Frosted Glass Theme v1.2.1 – 2025‑09‑19

🚀 Frosted Glass v1.2.1

A tidy compatibility pass: new HA color tokens for text/primary, proper Light/Dark mode wiring and clearer pop-ups for better readability on non-blur setups in Lite versions.

🎨 New HA Color Tokens (2025.8)

• Added the full ha-color-primary-05…95 scale, aligned to the theme palette.
• Added color-primary-05…95 aliases for broader card compatibility.
• Support for HA’s new text-color token usage across cards - components that rely on HA’s updated color system now pick up the correct contrast and accents automatically.

🌓 Mode-Aware by Design

• The theme now cleanly defines both light and dark modes.
• Cards and custom components that respect HA modes read the right values per mode, reducing edge cases and visual drift.

🪟 Readability Boost for Lite Dialogs

• Lower transparency on pop-ups/dialogs in Lite variants for sharper text and controls.
• This specifically targets the no-blur environment, where overly transparent layers made content harder to read.

🧩 Better Card Interop (Under the Hood)

• Token mapping and variable consistency tightened up so cards that reference HA’s primary/text tokens behave more predictably.
• Same look you expect, less fiddling with per-card overrides.

Known Limitations (Unchanged)

Some complex custom cards (deep shadow DOM / heavy nesting) still resist fully uniform styling.
➡️ They continue to fall back gracefully; no aggressive forcing beyond safe defaults.

Frosted Glass Theme v1.2 – 2025‑08‑17

🚀 Frosted Glass v1.2

A small but mighty release: a new glassy card engine, some under-the-hood optimizations, and an all-new Lite variant for low-end devices - which also sidesteps the long-standing dropdown blur issue.

✨ New Glassy Card Effect

• Variable-driven “glass” overlay for all cards
• Cards now use a tint + inset glow combo for a crisp, consistent frosted look — without changing your existing colors or layout.
• Better depth, cleaner edges, and consistent visuals across native & most custom cards.

⚙️ Internal Optimizations

• Theme token cleanup & consolidation
• Minor refactors to reduce redundancy and keep styles predictable across Light/Dark.
• Same visuals, less CSS churn, smoother rendering on mid-range devices.

🎉 Introducing: Frosted Glass Lite

• No-blur, semi-transparent glass that looks nearly identical at a glance to the full theme.
• Fixes misplaced dropdowns caused by browser/HA handling of backdrop-filter.
• Noticeably faster on low-end/older devices
• Addresses: #42

You’ll find Frosted Glass Light (Lite), Frosted Glass Dark (Lite), and Frosted Glass (Lite) alongside the standard themes.

Known Limitations (Unchanged)

Some custom cards (e.g., complex stacks/bubble-style components) still resist uniform styling due to deep shadow DOM/nesting and internal overrides.
➡️ They now fall back gracefully; no aggressive forcing beyond safe defaults.

Frosted Glass Theme v1.1.9 – 2025‑07‑28

🔧 Fixes & Visual Improvements

• Chips Card Full Transparency Fix
  Chips cards (custom:mushroom-chips-card) now fully respect the frosted style and background transparency.
  ✅ No more opaque chips on light or dark dashboards.
  Addresses: #41

• Title Card Now Fully Transparent
  The custom:mushroom-title-card and native markdown titles now properly match subtitle cards with a transparent background.
  ➕ Improved consistency in dashboards using mixed heading styles.
  Addresses: #40

• Bubble Card Compatibility Tweaks
  Various fixes to avoid broken visuals introduced by strong ::before styling in v1.1.8:

  • Removed shadow and ghost background from slider buttons
  • Improved separator appearance in Light Mode
    ➕ Cards now look visually cleaner even if not 100% consistent with theme styling
    Addresses: #38, #39

---

📌 Known Limitations (Unchanged)

• Bubble Cards remain difficult to style consistently due to deeply nested structure and custom internal logic. They now fall back to neutral visual styling instead of trying to force theme effects.
  ➡️ I won’t try to "pierce" their CSS anymore unless a stable method appears.
  Mentioned in: #39

Full Changelog: v1.1.8...v1.1.9

Frosted Glass Theme v1.1.8 – 2025-07-21

✨ New Features & Major Fixes

• Comprehensive Blur Implementation:
  Blur is now applied consistently and correctly across the UI, including pop-ups, cards, badges, and the header. Achieving this required deep workarounds due to Home Assistant’s handling of blur, especially for dropdowns and overlays. The solution leverages advanced pseudo-elements and custom ::before styling for reliable, system-wide frosted glass effects.
  Addresses: #32 , #31 , #27

• Header Height Flexibility:
  The fixed header height was removed. This allows for the header to be fully hidden using browser-mod or other custom solutions, enabling true full-screen dashboards and flexible layouts.
  Addresses: #26

• Dark Mode Color Correction:
  Fixed an issue where certain elements in dark mode did not display correct color palettes, restoring intended contrast and visual harmony.
  Addresses: #34

🪄 Tweaks & Enhancements

• Heavy Optimization:
  Theme CSS and variables have been further optimized for improved performance and faster rendering across all Home Assistant views.

• Color Palette Improvements:
  Refined and balanced color assignments throughout various Home Assistant sections for greater consistency and better aesthetics in both light and dark modes.

• Blur, Border & Shadow Tweaks:
  Fine-tuned blur intensity, border radius, and shadow softness for smoother frosted glass visuals and a more polished UI.

Frosted Glass Theme v1.1.7 - 2025-07-13

🐛 Bug Fixes

• Fixed energy-sources-table Corrected styling to ensure sources within the energy table now consistently match the overall theme aesthetic. Credits to @kbullet

Frosted Glass Theme v1.1.6 - 2025-07-12

🐛 Bug Fixes

• Transparency is applied correctly now Transparency functionality has been restored. During the streamlining effort for v1.1.5, it became clear that unifying themes into a single configuration was not feasible due to the existing YAML structure of the automatic theme. Therefore, maintaining separate light and dark versions is necessary for correct functionality.

Frosted Glass Theme v1.1.5 - 2025-07-11

✨ New Features

• Theme Renaming & Streamlining: For improved consistency and a more streamlined workflow, the Frosted Glass Auto theme has been officially renamed to simply Frosted Glass. Going forward, the separate Frosted Glass Light and Frosted Glass Dark themes will no longer receive updates; all future enhancements and fixes will be integrated directly into the unified Frosted Glass theme.
• Enhanced System Color Consistency:
  • Light Theme: The app-header, sidebar, and primary-background-color now feature harmonized background and associated text/icon colors, ensuring a consistent light aesthetic across the application. Transparency levels have been subtly adjusted for a smoother visual flow.
  • Dark Theme: Similarly, background and text/icon colors have been aligned for dark mode. The primary-background-color has been adjusted to have an alpha value of 0.6 (from 1.0), allowing the main background to fully participate in the frosted glass effect.
• Improved Token Variable Consistency: Where possible, direct color values throughout the theme have been replaced with references to defined token-color-* variables. This significantly enhances maintainability and ensures greater consistency across the entire theme.

🐛 Bug Fixes

• Text Divider Row Background Fix: Resolved an issue where the custom:text-divider-row background was not consistently matching the theme in both light and dark modes, ensuring a seamless visual integration. #22

Frosted Glass Theme v1.1.4 - 2025-07-09

🐛 Bug Fixes

• Fixed background not visible on light theme - reported by @lolmeister77