iOS Dark and Light Mode with easy background change - A theme pack

I’m running on the latest version of everything, so if the latest HACS is v2, then yes.

Perhaps my biggest question would be: Why isn’t the upgrade backwards compatible? Upgrades should not break existing configurations. (Especially, after I spent atmost 12-months getting the ‘look-n-feel’ just how I wanted it.) Very frustrating.

The problem is not that the theme made a breaking change. HACS v2 made a backwards incompatible change which resulted in theme files (except for the yaml) not being distributed and downloaded anymore. Therefore, we needed to make a change. We first added the background images as base64 but got reports regarding performance problems. So I switched to 2 options, getting the image from a url or locally. In the latter case the user must download the images manually.

OK. I if I want to download the image locally,

  1. Where do I get it from? (I assume the name will be obvious)
  2. Where do I dump it?

Then, I presume I do a restart of HA to make it active.

UPDATE: No need to answer this post. I left everything alone for about four hours and checked again. Mysteriously, The CSS modifications took effect again. As of writing, the home page now looks like my old home page. The only thing I changed was the theme from “ios-dark-blue-red-alternative” to “ios-dark-blue-red”. Very weird.

Thank you for your hard work, like many others I’m a noob but I’ve managed to add in the theme and update the top navigation bar to be transparent etc and all is looking great! Only issue I have is when I select an item to turn on (bulb, switch etc)I was hoping the card would go from see though to white, however this doesn’t happen for me, icon colour changes but that’s it.
Note - using the light orange alternative

Thank you to anyone that have help resolve

@basnijholt I have been using your iOS Themes for sometime without issues.
However with the latest HA 2025.8.0 update, the theme now looks a bit out of place.
the font has all gone fade and it’s unreadable.

do you know how can i fix this?

I’m using the iOS Dark Mode Theme - blue-red.

In Frontend version 20260107.2 and HA 2026.1.3, I started getting dark on dark text in the dropdown menu when editing automations.

Adding this to the theme yaml fixed it:

  # Web Awesome (wa-*) text colors
  wa-color-text-normal: var(--primary-text-color)
  wa-color-text-quiet: var(--secondary-text-color)

  # Dropdown / context menu background
  wa-color-neutral-fill-normal: "#474747"

  # Dropdown / context menu icon color
  ha-color-on-neutral-normal: "#8f8f8f"
2 Likes

@basnijholt Thank you for the themes. I am relatively new to Home assistant and I am not able to get these themes running. Can you or someone please help me? I have install it through HACS. These themes don’t show up in drop down menu of themes selector under profile tab.
Thank you.