Barva písma
-
- Aktivní autor
- Příspěvky: 81
- Registrován: 03. říjen 2020, 09:48
- Dal poděkování: 1 poděkování
Barva písma
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 "../".
- 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®
- Administrátor fóra
- Příspěvky: 1613
- Registrován: 28. září 2020, 14:07
- Bydliště: podkrkonoší
- Dal poděkování: 145 poděkování
- Dostal poděkování: 194 poděkování
- Kontaktovat uživatele:
Re: Barva písma
Hooj,
toto jsi viděl?
toto jsi viděl?
________________
Přispěj a získej přístup do obsahu fóra pro dárce.
Oficiální sada s Raspberry Pi 4B/4GB, černá +Argon NEO Raspberry Pi 4 Case
Patriot Burst 2.5" SATA SSD 120GB + AXAGON EE25-XA6 ALINE box
Galerie realizací
Přispěj a získej přístup do obsahu fóra pro dárce.
Oficiální sada s Raspberry Pi 4B/4GB, černá +Argon NEO Raspberry Pi 4 Case
Patriot Burst 2.5" SATA SSD 120GB + AXAGON EE25-XA6 ALINE box
Galerie realizací
- Pete30
- Moderátor
- Příspěvky: 3479
- Registrován: 30. září 2020, 20:33
- Dal poděkování: 174 poděkování
- Dostal poděkování: 377 poděkování
Re: Barva písma
Pokud myslíš něco takového: 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
Pokud nejsem přítomen tak jsem na rybách
-
- Aktivní autor
- Příspěvky: 81
- Registrován: 03. říjen 2020, 09:48
- Dal poděkování: 1 poděkování
Re: Barva písma
Ahoj, omlouvam se. Cele to vypadá takto:
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.
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
- Pete30
- Moderátor
- Příspěvky: 3479
- Registrován: 30. září 2020, 20:33
- Dal poděkování: 174 poděkování
- Dostal poděkování: 377 poděkování
Re: Barva písma
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
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
Pokud nejsem přítomen tak jsem na rybách
-
- Aktivní autor
- Příspěvky: 81
- Registrován: 03. říjen 2020, 09:48
- Dal poděkování: 1 poděkování
Re: Barva písma
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
- Moderátor
- Příspěvky: 3479
- Registrován: 30. září 2020, 20:33
- Dal poděkování: 174 poděkování
- Dostal poděkování: 377 poděkování
Re: Barva písma
Jak jsem psal výše hodně se snažím používat grafické rozhraní. 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
Pokud nejsem přítomen tak jsem na rybách
-
- Aktivní autor
- Příspěvky: 81
- Registrován: 03. říjen 2020, 09:48
- Dal poděkování: 1 poděkování
Re: Barva písma
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
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ě.
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)
Mám toho teďka nějak víc, ale snad to pomůže i někomu po mě.
- Pete30
- Moderátor
- Příspěvky: 3479
- Registrován: 30. září 2020, 20:33
- Dal poděkování: 174 poděkování
- Dostal poděkování: 377 poděkování
Re: Barva písma
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
načetl jsi nové tema?
není ptřeba restart HA stačí zavolat tuto službu
Pokud není něco jasné ptej se všichni jsme nějak začinali
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
Kód: Vybrat vše
frontend.reload_themes
Pokud není něco jasné ptej se všichni jsme nějak začinali
Pokud nejsem přítomen tak jsem na rybách
-
- Aktivní autor
- Příspěvky: 81
- Registrován: 03. říjen 2020, 09:48
- Dal poděkování: 1 poděkování
Re: Barva písma
Nainstaloval jsem yourname.yaml a už v pohodě funguje, chybělo mi to vybrat v profilu uživatele