# Jakich używacie niestandardowych motywów?

**URL:** <https://ai-speaker.discourse.group/t/jakich-uzywacie-niestandardowych-motywow/1919>\
**Category:** Inspiracje\
**Created:** [5 Lipiec 2021 16:11 UTC](https://ai-speaker.discourse.group/t/jakich-uzywacie-niestandardowych-motywow/1919 "2021-07-05T16:11:34Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

Autor: ![Szamotuly2004](https://yyz2.discourse-cdn.com/free1/user_avatar/ai-speaker.discourse.group/szamotuly2004/32/14213_2.png) [@Szamotuly2004](https://ai-speaker.discourse.group/u/Szamotuly2004)\
Data publikacji: [5 Lipiec 2021 16:11 UTC](https://ai-speaker.discourse.group/t/jakich-uzywacie-niestandardowych-motywow/1919/1 "2021-07-05T16:11:34Z")

</div>

Ja od niedawna korzystam z [tego motywu](https://imgur.com/a/5YDdSRf)  
Kod do motywu poniżej

> **[Share your Themes](https://community.home-assistant.io/t/share-your-themes/22018/213?u=akszyn_pl)**
>
> Here’s mine Not mine originally but one I have modified to my preference. Code below BlueNight: background-image1: "radial-gradient(at 50% 50%, rgb(0, 78, 146) 0%, rgb(0, 4, 40) 100%)" background-image: "radial-gradient(at 50% 50%, rgb(148, 13,...

---

<div class="post-metadata">

Autor: ![Kraszewsky](https://avatars.discourse-cdn.com/v4/letter/k/9fc29f/32.png) [@Kraszewsky](https://ai-speaker.discourse.group/u/Kraszewsky)\
Data publikacji: [21 Lipiec 2021 09:42 UTC](https://ai-speaker.discourse.group/t/jakich-uzywacie-niestandardowych-motywow/1919/2 "2021-07-21T09:42:10Z")

</div>

Czytałem gdzieś na forum że będą jakieś aktualizacje aplikacji więc może wtedy interfejs też dostanie nowy motyw.  
Zobaczymy 🙂  
Póki co chyba wszyscy używają standardów 🙂

---

<div class="post-metadata">

Autor: ![Grubsztyk](https://yyz2.discourse-cdn.com/free1/user_avatar/ai-speaker.discourse.group/grubsztyk/32/2266_2.png) [@Grubsztyk](https://ai-speaker.discourse.group/u/Grubsztyk)\
Data publikacji: [21 Lipiec 2021 12:07 UTC](https://ai-speaker.discourse.group/t/jakich-uzywacie-niestandardowych-motywow/1919/3 "2021-07-21T12:07:30Z")

</div>

Ja używam lekko zmodyfikowanego [https://github.com/JuanMTech/google\_dark\_theme](https://github.com/JuanMTech/google_dark_theme)

Modyfikacje zrobione przeze mnie to: transparentność kart oraz kolory poszczególnych elementów tematu.

Na razie wygląda to tak:

 ![image](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/2X/b/bc2af50bfd131b2a8f7d03cd0391885db7deaa90.jpeg)

---

<div class="post-metadata">

Autor: ![Kraszewsky](https://avatars.discourse-cdn.com/v4/letter/k/9fc29f/32.png) [@Kraszewsky](https://ai-speaker.discourse.group/u/Kraszewsky)\
Data publikacji: [21 Lipiec 2021 12:42 UTC](https://ai-speaker.discourse.group/t/jakich-uzywacie-niestandardowych-motywow/1919/4 "2021-07-21T12:42:37Z")

</div>

@Grubsztyk super to wygląda.  
Pewnie zespół Ai-Speaker wprowadzi podobne motywy bo większość klientów kupuje oczami 🙂  
Widzę że masz kartę z wywozem śmieci.  
Czekam aż będzie to wprowadzone w standardzie. Tak aby można wprowadzić w kalendarzu daty co i kiedy. 🙂

---

<div class="post-metadata">

Autor: ![Grubsztyk](https://yyz2.discourse-cdn.com/free1/user_avatar/ai-speaker.discourse.group/grubsztyk/32/2266_2.png) [@Grubsztyk](https://ai-speaker.discourse.group/u/Grubsztyk)\
Data publikacji: [21 Lipiec 2021 12:47 UTC](https://ai-speaker.discourse.group/t/jakich-uzywacie-niestandardowych-motywow/1919/5 "2021-07-21T12:47:59Z")

</div>

@Kraszewsky dzięki 😉

Karty z wywozem śmieci to “custom\_button\_card”.  
Myślę że w standardzie nie powinno tego być, każdy powinien sam sobie dokładać odpowiednie karty inaczej za dużo tego będzie na dzień dobry 😉

Za to w standardzie powinien HACS być 🙂

---

<div class="post-metadata">

Autor: ![Kraszewsky](https://avatars.discourse-cdn.com/v4/letter/k/9fc29f/32.png) [@Kraszewsky](https://ai-speaker.discourse.group/u/Kraszewsky)\
Data publikacji: [21 Lipiec 2021 13:03 UTC](https://ai-speaker.discourse.group/t/jakich-uzywacie-niestandardowych-motywow/1919/6 "2021-07-21T13:03:41Z")

</div>

Wątpię żeby to HACS przeszedł. 🙂  
Może niektóre integrację które tam są ale nie całe HACS. Klient końcowy chce zrobić jaknajmniej i mieć jaknajwiecej.  
Więc pewnie dojdą finalnie karty z wywozem śmieci lub integrację odnośnie burz.

Aż dziw bierze że jeszcze nie ma Integracji RSO lub innego systemu wczesnego ostrzegania.

---

<div class="post-metadata">

Autor: ![JotKej](https://avatars.discourse-cdn.com/v4/letter/j/f0a364/32.png) [@JotKej](https://ai-speaker.discourse.group/u/JotKej)\
Data publikacji: [21 Lipiec 2021 19:48 UTC](https://ai-speaker.discourse.group/t/jakich-uzywacie-niestandardowych-motywow/1919/7 "2021-07-21T19:48:01Z")

</div>

@Grubsztyk  
Z ciekawości, czy kilka encji w jednej linii (tak jak na zdjęciu) zrobiłeś z wykorzystaniem HACS czy udało Ci się bez niego? Chciałem coś takiego zrobić to nigdy nie wyszło 😭  
 ![IMG_20210721_214320](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/2X/a/aa8262e4085dbc420cd71a493090d2c41f7c4372.jpeg)

---

<div class="post-metadata">

Autor: ![Grubsztyk](https://yyz2.discourse-cdn.com/free1/user_avatar/ai-speaker.discourse.group/grubsztyk/32/2266_2.png) [@Grubsztyk](https://ai-speaker.discourse.group/u/Grubsztyk)\
Data publikacji: [21 Lipiec 2021 20:08 UTC](https://ai-speaker.discourse.group/t/jakich-uzywacie-niestandardowych-motywow/1919/8 "2021-07-21T20:08:16Z")

</div>

@JotKej wykorzystałem [https://github.com/benct/lovelace-multiple-entity-row](https://github.com/benct/lovelace-multiple-entity-row)

Daje fajne możliwości i pozwala mocno skompresować informacje na dashboardzie. Muszę jeszcze rozkminić jak zrobić żeby zamiast informacji tekstowych była ikonka i zmieniała kolor w zależności od stanu, dla czujników ruchu i kontaktronów.

---

<div class="post-metadata">

Autor: ![Piotr.eK](https://yyz2.discourse-cdn.com/free1/user_avatar/ai-speaker.discourse.group/piotr.ek/32/3204_2.png) [@Piotr.eK](https://ai-speaker.discourse.group/u/Piotr.eK)\
Data publikacji: [21 Lipiec 2021 20:21 UTC](https://ai-speaker.discourse.group/t/jakich-uzywacie-niestandardowych-motywow/1919/9 "2021-07-21T20:21:20Z")

</div>

O takie ikony Ci chodzi:  
 ![icons](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/2X/7/790f30217fad88074375efe5ae4435aafd37c285.png)

---

<div class="post-metadata">

Autor: ![Grubsztyk](https://yyz2.discourse-cdn.com/free1/user_avatar/ai-speaker.discourse.group/grubsztyk/32/2266_2.png) [@Grubsztyk](https://ai-speaker.discourse.group/u/Grubsztyk)\
Data publikacji: [21 Lipiec 2021 20:34 UTC](https://ai-speaker.discourse.group/t/jakich-uzywacie-niestandardowych-motywow/1919/10 "2021-07-21T20:34:42Z")

</div>

Tylko bez opisu jeszcze 😉

---

<div class="post-metadata">

Autor: ![Piotr.eK](https://yyz2.discourse-cdn.com/free1/user_avatar/ai-speaker.discourse.group/piotr.ek/32/3204_2.png) [@Piotr.eK](https://ai-speaker.discourse.group/u/Piotr.eK)\
Data publikacji: [21 Lipiec 2021 21:02 UTC](https://ai-speaker.discourse.group/t/jakich-uzywacie-niestandardowych-motywow/1919/11 "2021-07-21T21:02:09Z")

</div>

![obraz_2021-07-21_230047](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/2X/e/ecb770ccb8fb4738c7457b9186135d5e2300ffd9.png)

w wierszu:  
name: ’ ’  
daj ’ [spacja] ’

---

<div class="post-metadata">

Autor: ![JotKej](https://avatars.discourse-cdn.com/v4/letter/j/f0a364/32.png) [@JotKej](https://ai-speaker.discourse.group/u/JotKej)\
Data publikacji: [21 Lipiec 2021 21:18 UTC](https://ai-speaker.discourse.group/t/jakich-uzywacie-niestandardowych-motywow/1919/12 "2021-07-21T21:18:46Z")

</div>

Moglibyście podzielić się jak to w yaml wygląda? Albo gdzieś coś pomieszałem albo robię nie tam gdzie trzeba. A przy sporej ilości urządzeń każde miejsce jest na wagę złota

---

<div class="post-metadata">

Autor: ![Grubsztyk](https://yyz2.discourse-cdn.com/free1/user_avatar/ai-speaker.discourse.group/grubsztyk/32/2266_2.png) [@Grubsztyk](https://ai-speaker.discourse.group/u/Grubsztyk)\
Data publikacji: [21 Lipiec 2021 21:24 UTC](https://ai-speaker.discourse.group/t/jakich-uzywacie-niestandardowych-motywow/1919/13 "2021-07-21T21:24:53Z")

</div>

Bangla 👍🏻 🍻

 ![image](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/2X/5/546aa82620665862318cd361e9e9f571bf369893.jpeg)

---

<div class="post-metadata">

Autor: ![Grubsztyk](https://yyz2.discourse-cdn.com/free1/user_avatar/ai-speaker.discourse.group/grubsztyk/32/2266_2.png) [@Grubsztyk](https://ai-speaker.discourse.group/u/Grubsztyk)\
Data publikacji: [21 Lipiec 2021 21:26 UTC](https://ai-speaker.discourse.group/t/jakich-uzywacie-niestandardowych-motywow/1919/14 "2021-07-21T21:26:15Z")

</div>

@JotKej poniżej przykładowy mój yaml:

To jest cała karta Gabinet, którą na screenie widać 😉

```auto
type: vertical-stack
cards:
  - type: entities
    entities:
      - entity: binary_sensor.sensor_pir_1_occupancy
        name: Gabinet
        icon: ' '
        type: custom:multiple-entity-row
        state_color: false
        show_state: false
        entities:
          - entity: sensor.gabinet_temperature
            name: Temperatura
          - entity: sensor.gabinet_humidity
            name: Wilgotność
          - entity: binary_sensor.sensor_pir_1_occupancy
            icon: mdi:account
            name: ' '
            state_color: true
      - type: section
      - entity: switch.marcin_biurko
        type: custom:multiple-entity-row
        toggle: true
        state_color: true
        entities:
          - entity: sensor.marcin_biurko_energy_power
          - entity: sensor.marcin_biurko_energy_voltage
          - entity: sensor.marcin_biurko_energy_today
      - entity: switch.drukarka_3d
        type: custom:multiple-entity-row
        toggle: true
        state_color: true
        entities:
          - entity: sensor.drukarka_3d_energy_power
          - entity: sensor.drukarka_3d_energy_voltage
          - entity: sensor.drukarka_3d_energy_today
      - entity: light.led_drukarka_3d
        type: custom:multiple-entity-row
        toggle: true
        state_color: true
        entities:
          - entity: sensor.led_drukarka_3d_dht11_temperature
            name: Temperatura
          - entity: sensor.led_drukarka_3d_dht11_humidity
            name: Wilgotność
      - entity: switch.nas_2
        type: custom:multiple-entity-row
        toggle: true
        state_color: true
        entities:
          - entity: binary_sensor.nas
            name: ' '
            icon: mdi:nas
            state_color: true
      - type: section
      - entity: light.led_biurko
      - entity: light.lampa_gabinet
      - entity: light.biurko_halina
      - type: section
      - entity: binary_sensor.pc_marcin
        type: custom:multiple-entity-row
        name: ' '
        show_state: false
        state_color: false
        entities:
          - entity: binary_sensor.tv_biurko
            name: TV Biurko
            icon: mdi:television
            state_color: true
          - entity: binary_sensor.pc_marcin
            name: PC
            icon: mdi:desktop-tower
            state_color: true
          - entity: binary_sensor.laptop_marcin
            name: Lenovo
            icon: mdi:laptop
            state_color: true
          - entity: binary_sensor.laptop_suus
            name: Dell
            icon: mdi:laptop
            state_color: true
          - entity: binary_sensor.laptop_halina
            name: HP
            icon: mdi:laptop
            state_color: true
    state_color: true
    show_header_toggle: false
```

---

<div class="post-metadata">

Autor: ![Cezary.K](https://avatars.discourse-cdn.com/v4/letter/c/a88e4f/32.png) [@Cezary.K](https://ai-speaker.discourse.group/u/Cezary.K)\
Data publikacji: [21 Lipiec 2021 23:05 UTC](https://ai-speaker.discourse.group/t/jakich-uzywacie-niestandardowych-motywow/1919/15 "2021-07-21T23:05:28Z")

</div>

Temat o motywach ale może ktoś szuka alternatywy dla karty dziennika, to polecam:

> **[GitHub - royto/logbook-card: Logbook card for Home Assistant UI Lovelace](https://github.com/royto/logbook-card)**
>
> Logbook card for Home Assistant UI Lovelace. Contribute to royto/logbook-card development by creating an account on GitHub.

 ![obraz](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/2X/c/c0cdeefc75d17967f5d14d688b2f307ac62479eb.png)

 ![obraz](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/2X/0/09af49cc61b3df0ff31b98e6f629a421b171fde6.png)

 ![obraz](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/2X/f/fc4ad6d491a14ba93146bbed8ee0446e4a9413c2.png)

---

<div class="post-metadata">

Autor: ![CichY](https://avatars.discourse-cdn.com/v4/letter/c/82dd89/32.png) [@CichY](https://ai-speaker.discourse.group/u/CichY)\
Data publikacji: [23 Lipiec 2021 13:25 UTC](https://ai-speaker.discourse.group/t/jakich-uzywacie-niestandardowych-motywow/1919/16 "2021-07-23T13:25:14Z")

</div>

> [@Grubsztyk](#):
>
> @JotKej wykorzystałem [https://github.com/benct/lovelace-multiple-entity-row](https://github.com/benct/lovelace-multiple-entity-row)

Pojawia mi się taki komunikat “Custom element doesn’t exist: multiple-entity-row.”. Gdzie należy skopiować plik “multiple-entity-row.js” i jaką ścieżkę należy wpisać w pliku konfiguracyjnym przy " - url:" ?

---

<div class="post-metadata">

Autor: ![Cezary.K](https://avatars.discourse-cdn.com/v4/letter/c/a88e4f/32.png) [@Cezary.K](https://ai-speaker.discourse.group/u/Cezary.K)\
Data publikacji: [23 Lipiec 2021 13:29 UTC](https://ai-speaker.discourse.group/t/jakich-uzywacie-niestandardowych-motywow/1919/17 "2021-07-23T13:29:48Z")

</div>

![obraz](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/2X/f/f739988f929f442f34ac9db1a73b02076db03c1d.png)

```auto
lovelace:
  resources:
    - url: /local/multiple-entity-row.js?v=4.2.0
      type: module

```

> [@CichY](#):
>
> Gdzie należy skopiować plik “multiple-entity-row.js”

Katalog `www`

Ścieżka do wpisania w GUI → konfiguracja → Dashboardy → zasoby:

URL:  
`/local/multiple-entity-row.js?v=4.2.0`

 ![obraz](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/2X/5/52f7d4c8ca27aa245c452923fa5a271d884c7d43.png)

Edit:  
U mnie wymagało `pm2 restart ais`

---

<div class="post-metadata">

Autor: ![JotKej](https://avatars.discourse-cdn.com/v4/letter/j/f0a364/32.png) [@JotKej](https://ai-speaker.discourse.group/u/JotKej)\
Data publikacji: [16 Wrzesień 2021 16:44 UTC](https://ai-speaker.discourse.group/t/jakich-uzywacie-niestandardowych-motywow/1919/18 "2021-09-16T16:44:19Z")

</div>

Wrócę do tematu który odłożyłem w czasie. Otóż w którym miejscu w configuration.yaml należy dopisać linijki z ww dodatkiem? Dopisałem pod grupami świateł (tylko je dodałem tam, reszta bez zmian) i nadal jest nie obsługiwalne. Podejrzewam że głupi błąd robię ale może ktoś mnie nakieruje 😅

---

<div class="post-metadata">

Autor: ![macek](https://yyz2.discourse-cdn.com/free1/user_avatar/ai-speaker.discourse.group/macek/32/4936_2.png) [@macek](https://ai-speaker.discourse.group/u/macek)\
Data publikacji: [16 Wrzesień 2021 17:27 UTC](https://ai-speaker.discourse.group/t/jakich-uzywacie-niestandardowych-motywow/1919/19 "2021-09-16T17:27:41Z")

</div>

Twórcy HA dążą do tego aby nie było potrzeby “grzebania” w plikach dlatego instalacja powinna być wykonana w sposób zaproponowany przez @Cezary.K :

- należy skopiować plik `multiple-entity-row.js` do katalogu `config/www/`
- w menu HA → **Konfiguracja** → **Dashboardy** → zakładka **Zasoby** , dodać zasób wg konfiguracji jak poniżej:  
 ![image](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/2X/7/7ebf060b0d5c28687b37a23b3e04e37bc4759bcc.png)
- zrestartować HA (AIS: `pm2 restart ais`).

Wykonałem to przed chwilą w “oryginalnym” HA (na RPi3) i działa 🙂 .

P.S. Czy w AIS w w menu HA → **Konfiguracja** → **Kontrola serwera** jest możliwość zrestartowania HA:

 ![image](https://global.discourse-cdn.com/free1/uploads/ai_speaker/original/2X/c/c127d7739e2e01782c672ae43a6431ee8e801fb3.png)

---

<div class="post-metadata">

Autor: ![Cezary.K](https://avatars.discourse-cdn.com/v4/letter/c/a88e4f/32.png) [@Cezary.K](https://ai-speaker.discourse.group/u/Cezary.K)\
Data publikacji: [16 Wrzesień 2021 17:44 UTC](https://ai-speaker.discourse.group/t/jakich-uzywacie-niestandardowych-motywow/1919/20 "2021-09-16T17:44:32Z")

</div>

> [@macek](#):
>
> P.S. Czy w AIS w w menu HA → **Konfiguracja** → **Kontrola serwera** jest możliwość zrestartowania HA:

Od pewnego czasu mam wrażenie, że restart wykonany z tego poziomu nie działa dobrze. To znaczy serwer HA (ais) nie startuje po nim poprawnie i kończę zazwyczaj komendą `sudo reboot now` lub wyjęciem wtyczki zasilania. Dawniej działało bez problemu… Jest z tym różnie w zależności od złożoności zmian jakie wprowadzam.

[Następna strona](https://ai-speaker.discourse.group/t/jakich-uzywacie-niestandardowych-motywow/1919.md?page=2)