# iOS Themes

Beschreibung:

Themes im Look von iOS, können bezogen werden aus dem HACS Store.  
Wie HACS installiert wird, findet Ihr [hier](https://wiki.hacker-net.de/books/home-assistant/page/installation-von-hacs-home-assistant-community-store "Installation von HACS - Home Assistant Community Store")

Installation:

Wir gehen in den HACS Store

[![Auswahl_363.png](https://wiki.hacker-net.de/uploads/images/gallery/2024-03/scaled-1680-/QjbMYemoZqqSpYQo-auswahl-363.png)](https://wiki.hacker-net.de/uploads/images/gallery/2024-03/QjbMYemoZqqSpYQo-auswahl-363.png)

dann auf Frontend

[![Auswahl_364.png](https://wiki.hacker-net.de/uploads/images/gallery/2024-03/scaled-1680-/F2wkt7G8Zikwoh44-auswahl-364.png)](https://wiki.hacker-net.de/uploads/images/gallery/2024-03/F2wkt7G8Zikwoh44-auswahl-364.png)

Dann auf durchsuchen und herunterladen von Repositories

[![Auswahl_365.png](https://wiki.hacker-net.de/uploads/images/gallery/2024-03/scaled-1680-/Z1VfdASlh1S3tUnH-auswahl-365.png)](https://wiki.hacker-net.de/uploads/images/gallery/2024-03/Z1VfdASlh1S3tUnH-auswahl-365.png)

Dort in der Suche ios eingeben, dann auf ios Dark and Light klicken

[![Auswahl_366.png](https://wiki.hacker-net.de/uploads/images/gallery/2024-03/scaled-1680-/Rk4fBCK9Dskeies1-auswahl-366.png)](https://wiki.hacker-net.de/uploads/images/gallery/2024-03/Rk4fBCK9Dskeies1-auswahl-366.png)

unten rechts auf herunterladen klicken

[![Auswahl_367.png](https://wiki.hacker-net.de/uploads/images/gallery/2024-03/scaled-1680-/O6qyGBKAnhOa8Gwc-auswahl-367.png)](https://wiki.hacker-net.de/uploads/images/gallery/2024-03/O6qyGBKAnhOa8Gwc-auswahl-367.png)

Nun nochmals auf Herunterladen klicken

Nun den File Editor öffnen und nach der Datei `configuration.yaml` suchen und anklicken

[![Auswahl_369.png](https://wiki.hacker-net.de/uploads/images/gallery/2024-03/scaled-1680-/dcF7oR7zYFy8gw6N-auswahl-369.png)](https://wiki.hacker-net.de/uploads/images/gallery/2024-03/dcF7oR7zYFy8gw6N-auswahl-369.png)

Diesen Absatz hinzufügen am Ende, dann auf speichern klicken

```
frontend:
  	  # your configuration.
themes: !include_dir_merge_named themes
      # your configuration.
```

[![Auswahl_372.png](https://wiki.hacker-net.de/uploads/images/gallery/2024-03/scaled-1680-/i4V2peVRgdcA4rlx-auswahl-372.png)](https://wiki.hacker-net.de/uploads/images/gallery/2024-03/i4V2peVRgdcA4rlx-auswahl-372.png)

Dann die `lovelace-ui.yaml` editieren.  
Das geht so:  
  
Im Menü auf übersicht klicken

[![Auswahl_374.png](https://wiki.hacker-net.de/uploads/images/gallery/2024-03/scaled-1680-/ffCcH3UwJRVWnRI6-auswahl-374.png)](https://wiki.hacker-net.de/uploads/images/gallery/2024-03/ffCcH3UwJRVWnRI6-auswahl-374.png)

Dann auf den Stift

[![Auswahl_375.png](https://wiki.hacker-net.de/uploads/images/gallery/2024-03/scaled-1680-/bpk3Pj4vmmgWRlK4-auswahl-375.png)](https://wiki.hacker-net.de/uploads/images/gallery/2024-03/bpk3Pj4vmmgWRlK4-auswahl-375.png)

Dann auf Code Editor

[![Auswahl_376.png](https://wiki.hacker-net.de/uploads/images/gallery/2024-03/scaled-1680-/xcZkqhAzgs1ynj08-auswahl-376.png)](https://wiki.hacker-net.de/uploads/images/gallery/2024-03/xcZkqhAzgs1ynj08-auswahl-376.png)

Dort folgende Zeile anfügen, auf Speichern klicken :

```
background: var(--background-image)
```

[![Auswahl_377.png](https://wiki.hacker-net.de/uploads/images/gallery/2024-03/scaled-1680-/U8OUbluTcilQX6IG-auswahl-377.png)](https://wiki.hacker-net.de/uploads/images/gallery/2024-03/U8OUbluTcilQX6IG-auswahl-377.png)

Home Assistant neustarten