version 3.0.1

Lovelace iOS Themes Release Notes – version 3.0.1

Some folks have reported problems with the 3.0.0 release. Somehow the files were not downloaded from GitHub. So in this release I switched to using https://www.jsdelivr.com/ to host the files. This is a CDN, so the files should load even faster.

Related: Issue #80.

Leave a star on the GitHub page!

Lovelace iOS Themes Release Notes – version 3.0.0

👋 Overview:

In this release, we've made some major changes to how background images are handled, addressing performance issues mentioned by users and exploring options beyond Base64-encoded images. The default themes will now use remote URLs, while alternative versions give users the flexibility to use local images if desired. These changes are mostly triggered by HACS 2.0 no longer supporting /hacsfiles for themes.

---

🚀 What's New:

1. 📷 Switch to Remote Background URLs (Default Themes)

• We received reports and identified that embedding background images as Base64 encoded strings slowed down the loading process for some users.
• To address this, we have now switched the default versions of all themes to source background images from a remote repository on GitHub (https://raw.githubusercontent.com/...). This allows for better caching and faster page loading.

2. 🏠 Support for Local Backgrounds (Alternative Themes)

• We understand that some users prefer to host background images locally, which can be beneficial for environments with slow or intermittent internet connections.
• The newly created "alternative" versions of each theme will use locally hosted images. These images can be stored in /config/www/ios-themes/. This gives users the flexibility to decide how they want to handle backgrounds, improving performance.
• See the README on GitHub for instructions on how to download the files easily.

3. 📈 Performance Improvements

• Base64 images cannot be cached, leading to UI slowness as backgrounds are repeatedly loaded. By switching to remote-hosted images in our default themes, we aim for improved caching behavior, meaning faster load times for dashboards.

4. 🔧 Configuration Script Update

• Updated the create-themes.py script to reflect the changes. It now supports both the remote background URLs for default themes and local file paths for alternative themes.

---

🎨 Available Themes:

As with previous versions, the following themes are available:

• Default (Remote backgrounds):

  • ios-light-mode-dark-green
  • ios-dark-mode-dark-green
  • ios-light-mode-light-blue
  • ios-dark-mode-light-blue
  • ios-light-mode-light-green
  • ios-dark-mode-light-green
  • ios-light-mode-orange
  • ios-dark-mode-orange
  • ios-light-mode-blue-red
  • ios-dark-mode-blue-red
  • ios-light-mode-red
  • ios-dark-mode-red
  • ios-light-mode-dark-blue
  • ios-dark-mode-dark-blue

• Alternative (Local backgrounds):

  • ios-light-mode-dark-green-alternative
  • ios-dark-mode-dark-green-alternative
  • ios-light-mode-light-blue-alternative
  • ios-dark-mode-light-blue-alternative
  • ios-light-mode-light-green-alternative
  • ios-dark-mode-light-green-alternative
  • ios-light-mode-orange-alternative
  • ios-dark-mode-orange-alternative
  • ios-light-mode-blue-red-alternative
  • ios-dark-mode-blue-red-alternative
  • ios-light-mode-red-alternative
  • ios-dark-mode-red-alternative
  • ios-light-mode-dark-blue-alternative
  • ios-dark-mode-dark-blue-alternative

---

📂 Local Background Setup Guide (For Alternative Versions):

1. Download the required background images to your local environment.
2. Place the images in the following directory inside your Home Assistant config folder: /config/www/ios-themes/
   • Example: /config/www/ios-themes/homekit-bg-dark-blue.jpg
3. Use the alternative theme variant in your Home Assistant profile settings (e.g., ios-dark-mode-dark-blue-alternative).

---

❗ Known Issues:

• Local File Hosting Note: Please make sure you have configured allowlist_external_dirs in your configuration.yaml for local image hosting if required.

---

🏗 Migration Notes:

• If you are impacted by the slow performance due to Base64 images, simply update to the latest version of the theme to get the performance improvements without the need for further configuration.
• If you've previously used custom local image paths, ensure you've switched to the -alternative variants of the themes to continue using local resources.

---

🙌 Special Thanks:

A huge thanks to the contributors and everyone who reported issues leading to these improvements. Especially:

• @rohankapoorcom for the initial Base64 transition work and ongoing discussions about the performance impacts.
• @Kagey-cmd for raising the issues with performance that affected multiple users. This led to the prompt diagnosis and resolution in collaboration with Nabu Casa support.

---

📥 How to Update:

Users can update the themes via HACS or download the latest version from GitHub.

---

🛠 Issues or Feedback:

If you encounter any issues or have feedback, feel free to open an issue on the GitHub repository.

version 3.0.0

Lovelace iOS Themes Release Notes – version 3.0.0

👋 Overview:

In this release, we've made some major changes to how background images are handled, addressing performance issues mentioned by users and exploring options beyond Base64-encoded images. The default themes will now use remote URLs, while alternative versions give users the flexibility to use local images if desired. These changes are mostly triggered by HACS 2.0 no longer supporting /hacsfiles for themes.

---

🚀 What's New:

1. 📷 Switch to Remote Background URLs (Default Themes)

• We received reports and identified that embedding background images as Base64 encoded strings slowed down the loading process for some users.
• To address this, we have now switched the default versions of all themes to source background images from a remote repository on GitHub (https://raw.githubusercontent.com/...). This allows for better caching and faster page loading.

2. 🏠 Support for Local Backgrounds (Alternative Themes)

• We understand that some users prefer to host background images locally, which can be beneficial for environments with slow or intermittent internet connections.
• The newly created "alternative" versions of each theme will use locally hosted images. These images can be stored in /config/www/ios-themes/. This gives users the flexibility to decide how they want to handle backgrounds, improving performance.
• See the README on GitHub for instructions on how to download the files easily.

3. 📈 Performance Improvements

• Base64 images cannot be cached, leading to UI slowness as backgrounds are repeatedly loaded. By switching to remote-hosted images in our default themes, we aim for improved caching behavior, meaning faster load times for dashboards.

4. 🔧 Configuration Script Update

• Updated the create-themes.py script to reflect the changes. It now supports both the remote background URLs for default themes and local file paths for alternative themes.

---

🎨 Available Themes:

As with previous versions, the following themes are available:

• Default (Remote backgrounds):

  • ios-light-mode-dark-green
  • ios-dark-mode-dark-green
  • ios-light-mode-light-blue
  • ios-dark-mode-light-blue
  • ios-light-mode-light-green
  • ios-dark-mode-light-green
  • ios-light-mode-orange
  • ios-dark-mode-orange
  • ios-light-mode-blue-red
  • ios-dark-mode-blue-red
  • ios-light-mode-red
  • ios-dark-mode-red
  • ios-light-mode-dark-blue
  • ios-dark-mode-dark-blue

• Alternative (Local backgrounds):

  • ios-light-mode-dark-green-alternative
  • ios-dark-mode-dark-green-alternative
  • ios-light-mode-light-blue-alternative
  • ios-dark-mode-light-blue-alternative
  • ios-light-mode-light-green-alternative
  • ios-dark-mode-light-green-alternative
  • ios-light-mode-orange-alternative
  • ios-dark-mode-orange-alternative
  • ios-light-mode-blue-red-alternative
  • ios-dark-mode-blue-red-alternative
  • ios-light-mode-red-alternative
  • ios-dark-mode-red-alternative
  • ios-light-mode-dark-blue-alternative
  • ios-dark-mode-dark-blue-alternative

---

📂 Local Background Setup Guide (For Alternative Versions):

1. Download the required background images to your local environment.
2. Place the images in the following directory inside your Home Assistant config folder: /config/www/ios-themes/
   • Example: /config/www/ios-themes/homekit-bg-dark-blue.jpg
3. Use the alternative theme variant in your Home Assistant profile settings (e.g., ios-dark-mode-dark-blue-alternative).

---

❗ Known Issues:

• Local File Hosting Note: Please make sure you have configured allowlist_external_dirs in your configuration.yaml for local image hosting if required.

---

🏗 Migration Notes:

• If you are impacted by the slow performance due to Base64 images, simply update to the latest version of the theme to get the performance improvements without the need for further configuration.
• If you've previously used custom local image paths, ensure you've switched to the -alternative variants of the themes to continue using local resources.

---

🙌 Special Thanks:

A huge thanks to the contributors and everyone who reported issues leading to these improvements. Especially:

• @rohankapoorcom for the initial Base64 transition work and ongoing discussions about the performance impacts.
• @Kagey-cmd for raising the issues with performance that affected multiple users. This led to the prompt diagnosis and resolution in collaboration with Nabu Casa support.

---

📥 How to Update:

Users can update the themes via HACS or download the latest version from GitHub.

---

🛠 Issues or Feedback:

If you encounter any issues or have feedback, feel free to open an issue on the GitHub repository.

version 2.14.0

What's Changed

• Switch all images to be loaded via base64 by @rohankapoorcom in #70

New Contributors

• @rohankapoorcom made their first contribution in #70

Full Changelog: v2.13.0...v2.14.0

version 2.13.0

What's Changed

• Add rgb-card-background-color to fix QR codes by @Nezz in #66

Full Changelog: v2.12.0...v2.13.0

version 2.12.0

What's Changed

• Fix tooltip background being always white by @Nezz in #65

New Contributors

• @Nezz made their first contribution in #65

Full Changelog: v2.11.0...v2.12.0

Version 2.11.0

What's Changed

• Add hard-coded header colors suggested by @okets in #42 by @basnijholt in #44

Full Changelog: v2.10.0...v2.11.0

version 2.10.0

What's Changed

• Add transparency to divider-color, as suggested by erikg by @basnijholt in #43

Full Changelog: v2.9.0...v2.10.0

version 2.9.0

What's Changed

• Update HACS URL by @wrt54g in #38
• Run creation script to fix ha-card-border-width, closes #40 by @basnijholt in #41

New Contributors

• @wrt54g made their first contribution in #38

Full Changelog: v2.8.0...v2.9.0

version 2.8.0

Restore order.

Make things as they were.

(I finally got HA set up in new house! So expect more updates 🎉)

version 2.7.0

Full Changelog: v2.6.0...v2.7.0

Fix for HA 2022.03