Barva písma

[radek]

Ahoj, jak prosím dokážu změnu písma u tlačítek? Nainstaloval jsem HACS i card-mod ale toto mi proste nic nedela (je to kus kodu z ui-lovelace.yaml) - zarovnaní mám dobře

- type: horizontal-stack
style: |
ha-card {
color: red
}
cards:

- type: button
tap_action:
action: toggle
entity: switch.sonoff_mini_relay

name: Pokoj
icon_height: 30px

budu rad za jakoukoli radu. Díky

EDIT: Tak jsem pokročil. Chyba je

Custom element doesn't exist: card-modder.

v konzoli chrome potom: Uncaught TypeError: Failed to resolve module specifier "card-tools/src/lit-element". Relative references must start with either "/", "./", or "../".

[Lion®]

Hooj,
toto jsi viděl?

[Pete30]

Ahoj, jak prosím dokážu změnu písma u tlačítek? Nainstaloval jsem HACS i card-mod ale toto mi proste nic nedela (je to kus kodu z ui-lovelace.yaml)

Pokud myslíš něco takového:

Nazev barva.png (26.31 KiB) Zobrazeno 454 x

tak především je potřeba jak je psáno na začátku (jak se správně zeptat)
Kusy kodu které již od pohledu nemohou fungovat !!!
Vlož kod ve kterém chceš udělat úpravu
Použil jsi definované karty tlačítka nebo vlastní?
Popiš čeho chceš dosáhnout a co jsi pro to udělal.Jedině tak se dá nějak pomoci jinak je to věštění z křišťálové koule a tu tady nemáme

[radek]

Ahoj, omlouvam se. Cele to vypadá takto:

Kód: Vybrat vše

resources:
  - url: /local/plugins/card-mod.js
    type: module
  
views:
  - title: Dashboard
    panel: false
    badges: []
    cards:
      - type: horizontal-stack
        style: |
              ha-card { 
                color: red;
              }
        cards:

          - type: button
            tap_action:
              action: toggle
            entity: switch.sonoff_mini_relay
            
            name: Pokoj
            icon_height: 30px
title: Home

je to ui-lovelace.yaml. Karty tlačítek měním definové. Chtěl bych změnit barvu slovu Pokoj. Zatím jsem udělal instalci HACS + pod tím instalaci card-mod.

[Pete30]

Ok teď se dá něco udělat:
Pokud chceš vytvořit jedno tlačítko nemusíš používat horizont. rozložení, ale asi máš nějaký záměr
Jinak barvu musíš definovat na úrovni vlastní karty tlačítka a ne v kartě rozložení.
Zde je komplet kod horizont. rozložení 2x tlačítko.akce stisnutí,zakázaná akce dlouhý stisk,zakázaná ikona,barevné písmo.
Můžeš si s tím pohrát ať vidíš jak to funguje.
Já pokud použiji předefinované karty většinou ji nastavím v grafickém rozhraní a potom doplním co potřebuji
,je to rychlejší a neuklepneš se v kodu

Kód: Vybrat vše

    cards:
      - type: horizontal-stack
        cards:
          - type: button
            style: |
              ha-card {
                color: red;
              }
            tap_action:
              action: toggle
            entity: switch.sonoff_mini_relay
            name: POKOJ
            show_icon: false
            icon_height: 30px
            hold_action:
              action: none
          - type: button
            style: |
              ha-card {
                color: green;
              }
            tap_action:
              action: toggle
            entity: switch.sonoff_mini_relay
            name: POKOJ
            show_icon: false
            icon_height: 30px
            hold_action:
              action: none

[radek]

Super, funguje. Díky moc. Ještě se zeptám, neexistuje nějaká snadnější cesta tvorby vzhledu, než to celé psát? Příjde mi, že věci, které má někdo na webu musely vzít neuveřitelné množství času.

[Pete30]

Super, funguje. Díky moc. Ještě se zeptám, neexistuje nějaká snadnější cesta tvorby vzhledu, než to celé psát? Příjde mi, že věci, které má někdo na webu musely vzít neuveřitelné množství času.

Jak jsem psal výše hodně se snažím používat grafické rozhraní.

karty grafika.png (47.04 KiB) Zobrazeno 439 x

Samozřejmě ne vše jde, ale existuje spoustu pluginů,karet,integrací třetích stran co ti to usnadní a dobře to vypadá a toto forum je o tom
abychom si pomohli jeden neví všechno.
Baví mě to a když budu vědět rád pomůžu.Ano máš pravdu je to hodně o čase,ale když se zadaří tak větší je radost

[radek]

Ok, super. Taky asi půjdu touto cestou. Aktuálně bych rád vložil do lovelace nějaké téma (kvuli pozadí a barvám). Postupoval jsem podle návody tady a na zkoušku použil tapetu to co to tu je.

https://marcelliot.net/home-assistant-lovelace-theme/

Bohužel se vůbec nic nestane. V editoru konfigurace mám na první řádku toto

Kód: Vybrat vše

background: var(--background-image)

Vše se nažím dělat přes klasický editor a nikoli přes UI-lovelace.yaml, nicméně ani tam to nefungovalo.

Mám toho teďka nějak víc, ale snad to pomůže i někomu po mě.

[Pete30]

Nešťastný výběr tematu je zastaralý a neudržovaný.
Od té doby se některé věci změnily.
Doporučuji: stahni si tema yourname přes HACS,aby jsi viděl jak je to postavené (umí i změnu pozadí za vlastní obrázek)
Můžeš si vyzkoušet změnu barev atd.
Ber to jen jako návrh kdykoliv si můžeš použít jiné tema nebo si postavit svoje až budeš vědět jak na to
Opět jsme u nedostatečné informace:
Vytvořil jsi složku themes?
Kam jsi umístil soubor tematu?
Vytvořil jsi složku www
Kam jsi umístil img obrázku
Jak jsi mu nastavil cestu?
V config.yaml máš umístěno

Kód: Vybrat vše

frontend:
  themes: !include themes.yaml

načetl jsi nové tema?

Kód: Vybrat vše

frontend.reload_themes

není ptřeba restart HA stačí zavolat tuto službu
Pokud není něco jasné ptej se všichni jsme nějak začinali

[radek]

Nainstaloval jsem yourname.yaml a už v pohodě funguje, chybělo mi to vybrat v profilu uživatele