Korttityyli

Dreame Vacuum Card noudattaa natiivisti Home Assistantin oletusteemaa. Kaikki sisäiset komponentit, valikot ja asettelut sopeutuvat automaattisesti aktiiviseen Home Assistant -teemaan. Se perii saumattomasti sekä Light- että Dark-tilojen värit dynaamisesti, jolloin mukautettu tyyli ei ole tarpeen normaalitilanteissa.

Oman Home Assistant -teeman luominen estetiikan mukauttamiseksi edellyttää alla lueteltujen ulkoisten CSS-ominaisuuksien korvaamista.

Kartan tyylittely

Nämä asetukset vaikuttavat vain kortin käyttöliittymäkomponentteihin. Imurin kartan sisäisten värien mukauttaminen, kuten huoneiden, polkujen ja seinien, hoidetaan Korvaa värit-osiossa.

Kortti käyttää myös sisäisiä asetuksia, joiden etuliite on --dvc-. Sisäisten asetusten suora korvaaminen ei ole suositeltavaa, sillä niiden toiminta voi muuttua tulevissa päivityksissä. Kohdistu sen sijaan alla lueteltuihin ulkoisen Home Assistant -teeman asetuksiin.

card-mod

card-mod-laajennus on nimenomaisesti poistettu käytöstä eikä tuettu tässä kortissa vakauden varmistamiseksi. Mukautettuja Home Assistant -teemoja on käytettävä tämän sivun CSS-ominaisuuksien ohittamiseen.

Jos tiettyä visuaalista muutosta ei voida saavuttaa teemojen avulla, ominaisuuspyyntö, jossa selitetään halutut muutokset ja niiden taustat, voidaan lähettää Ongelman raportointi-sivun kautta.

Taustat ja reunat

Nämä asetukset hallitsevat kortin pääasiallista rakenteellista ulkonäköä.

Muuttuja	Kuvaus
--ha-card-background	Määrittää kortin päätaustavärin.
--secondary-background-color	Käytetään toissijaisiin pintoihin, päällekkäisiin taustoihin ja kelluviin valikoihin.
--view-background	Hallintapaneelin perustaustaväri. Kortti käyttää tätä ollessaan panel- tai picture-tilassa sulautuakseen saumattomasti.
--ha-card-border-radius	Määrittää kortin ulkoreunojen pyöreyden.
--ha-card-border-width	Kortin reunaviivan leveys.
--ha-card-border-color	Kortin reunuksen väri.
--divider-color	Sisäisten listojen jakajien ja erottimien väri.
--ha-card-box-shadow	Pääkorttikontille sovellettu varjostus.
--ha-card-backdrop-filter	Mahdollistaa taustasuodattimien, kuten blur, lisäämisen kortin taustaan.

Teksti & Typografia

Nämä asetukset määrittävät tekstiin liittyvät värit, joita käytetään käyttöliittymässä.

Muuttuja	Kuvaus
--primary-text-color	Päätekstin väri, jota käytetään ensisijaisissa otsikoissa, tilatekstissä ja arvoissa.
--secondary-text-color	Käytetään toissijaiselle tekstille, yksityiskohtaisille tiloille ja ei-aktiivisten välilehtien nimille.
--disabled-text-color	Väri teksteille, jotka eivät ole tällä hetkellä saatavilla tai ovat käytöstä poissa.
--text-primary-color	Tekstin väri, joka sijaitsee suoraan ensisijaväristen painikkeiden päällä.

Kuvakkeet & Korostukset

Nämä asetukset hallitsevat interaktiivisten elementtien, aktiivisten tilojen ja kuvakkeiden värejä.

Muuttuja	Kuvaus
--primary-color	Ensisijainen korostusväri aktiivisille elementeille, painikkeille, latausanimaatioille ja valituille välilehdille.
--light-primary-color	Vaaleampi versio ensisijaisesta väristä, käytetään hover-tiloissa tai aktiivisten painikkeiden taustoissa.
--accent-color	Vaihtoehtoinen korostusväri, jota käytetään tietyissä käyttöliittymän korostuksissa.
--mdc-theme-on-primary	Tekstin tai kuvakkeiden väri, jotka sijoitetaan ensisijavärisen taustan päälle.
--paper-item-icon-color	Oletusväri tilojen ja valikkojen kuvakkeille.
--paper-item-icon-active-color	Väri, joka käytetään kuvakkeisiin, kun niiden vastaava tila on aktiivinen.

Tila- ja semanttiset värit

Kortti muuttaa väriä dynaamisesti robottipölynimurin tilan ja aktiivisten ilmoitusten perusteella.

Muuttuja	Kuvaus
--success-color	Käytetään onnistuneisiin toimiin tai positiivisiin tiloihin, kuten täyteen ladattuna olemiseen.
--info-color	Käytetään tietoelementeissä ja tavallisissa hälytyksissä.
--warning-color	Käytetään varoitushälytyksissä, matalan akun tilassa tai pienissä ongelmissa.
--error-color	Käytetään kriittisissä vioissa, virheissä ja läpäisemättömissä karttakohteissa.
--state-unavailable-color	Väri, joka osoittaa, että robottipölynimuri ei ole tällä hetkellä käytettävissä tai offline-tilassa.

Interaktiiviset elementit

Teemasetukset, jotka kohdistuvat erityisesti käyttöliittymäkomponentteihin, kuten painikkeisiin, vierityspalkkeihin ja syöttökenttiin.

Muuttuja	Kuvaus
--mdc-theme-surface	Pinnansävy kelluville valikoille, pudotusvalikoille ja ponnahdusikkunakorteille.
--mdc-button-raised-box-shadow	Varjo, joka käytetään kohotettuihin painikkeisiin antaen niille syvyyttä.
--input-hover-line-color	Alleviivauksen väri, kun siirretään hiirtä tiettyjen syöttökenttien päälle.
--input-dropdown-icon-color	Väri nuoli-/osoituskuvakkeille pudotusvalikoissa.
--scrollbar-thumb-color	Väri, jota käytetään kaukosäätimen joystickin ja vierityspalkkien painikkeisiin.
--rgb-primary-color	Pääkkeen värin RGB-arvot pilkuilla eroteltuna, käytetään alfa-läpinäkyvyyden lisäämiseen.
--rgb-primary-text-color	Päätekstivärin RGB-arvot pilkuilla eroteltuna, käytetään alfa-läpinäkyvyyden lisäämiseen.