Stil kartice

Kartica Dreame Vacuum je privzeto združljiva z osnovno temo Home Assistanta. Vse notranje komponente, meniji in postavitve se samodejno prilagodijo aktivni temi Home Assistanta. Brezhibno podeduje barve Svetla in Temna načina dinamično, kar pri običajnih pogojih naredi prilagojeno oblikovanje nepotrebno.

Ustvarjanje prilagojene teme Home Assistant za spreminjanje estetike vključuje preglasitev zunanjih lastnosti CSS, navedenih spodaj.

Oblikovanje zemljevida

Te nastavitve vplivajo le na uporabniške komponente kartice. Prilagajanje notranjih barv samega zemljevida sesalnika, kot so sobe, poti in stene, se ureja v Preglasitev barv razdelku.

Kartica prav tako uporablja notranje nastavitve s predpono --dvc-. Neposredno preglasitev notranjih nastavitev ni priporočljiva, saj se bo njihovo vedenje spremenilo v prihodnjih posodobitvah. Namesto tega ciljate na zunanje nastavitve teme Home Assistant, navedene spodaj.

card-mod

Vtičnik card-mod je izrecno onemogočen in ni podprt na tej kartici za zagotovitev stabilnosti. Za preglasitev CSS lastnosti, predstavljenih na tej strani, je treba uporabiti lastne teme Home Assistant.

Če določene vizualne spremembe ni mogoče doseči s temami, se lahko preko strani Poročanje o težavah vloži zahteva za funkcijo, ki pojasnjuje želene spremembe in razloge zanjo.

Ozadja in robovi

Te nastavitve nadzirajo glavni strukturni videz kartice.

Spremenljivka	Opis
--ha-card-background	Določa glavno barvo ozadja kartice.
--secondary-background-color	Uporablja se za sekundarne površine, ozadja slojev in lebdeče menije.
--view-background	Osnovna barva ozadja nadzorne plošče. Kartica to uporablja v načinu panel ali picture, da se brezhibno zlije.
--ha-card-border-radius	Določa zaobljenost zunanjih robov kartice.
--ha-card-border-width	Širina črte roba kartice.
--ha-card-border-color	Barva roba kartice.
--divider-color	Barva notranjih delilnikov seznamov in separatorjev.
--ha-card-box-shadow	Senca škatle, uporabljena na glavnem vsebnem polju kartice.
--ha-card-backdrop-filter	Omogoča dodajanje filtrov za ozadje, kot je blur, na ozadje kartice.

Besedilo in tipografija

Te nastavitve določajo barve besedila, ki se uporabljajo v celotnem uporabniškem vmesniku.

Spremenljivka	Opis
--primary-text-color	Glavna barva besedila, uporabljena za primarne naslove, stanje besedila in vrednosti.
--secondary-text-color	Uporablja se za sekundarno besedilo, podrobna stanja in neaktivne oznake zavihkov.
--disabled-text-color	Barva besedila, ki trenutno ni na voljo ali je onemogočeno.
--text-primary-color	Barva besedila, ki se nahaja neposredno na gumbih z glavno barvo.

Ikone in poudarki

Te nastavitve upravljajo barvanje interaktivnih elementov, aktivnih stanj in ikon.

Spremenljivka	Opis
--primary-color	Glavna barva poudarka za aktivne elemente, gumbe, animacije nalagalnika in izbrane zavihke.
--light-primary-color	Svetlejša različica glavne barve, uporabljena za stanje ob premiku miške ali ozadje aktivnih gumbov.
--accent-color	Alternativna barva poudarka, uporabljena za specifične poudarke v uporabniškem vmesniku.
--mdc-theme-on-primary	Barva besedila ali ikon, postavljena na ozadju z glavno barvo.
--paper-item-icon-color	Privzeta barva za ikone stanja in menija.
--paper-item-icon-active-color	Barva, ki se uporabi za ikone, ko je njihov ustrezni status aktiven.

Statusne in semantične barve

Kartica dinamično spreminja barvo glede na stanje sesalnika in aktivna obvestila.

Spremenljivka	Opis
--success-color	Uporablja se za uspešne operacije ali pozitivna stanja, kot je polna napolnjenost.
--info-color	Uporablja se za informativne elemente in standardna opozorila.
--warning-color	Uporablja se za opozorilna opozorila, stanje nizke baterije ali manjše težave.
--error-color	Uporablja se za kritične napake, napake in neprehodne predmete na zemljevidu.
--state-unavailable-color	Barva, ki označuje, da sesalnik trenutno ni na voljo ali je brez povezave.

Interaktivni elementi

Nastavitve teme, ki so posebej usmerjene na uporabniške vmesnike, kot so gumbi, drsniki in vnosna polja.

Spremenljivka	Opis
--mdc-theme-surface	Barva površine za lebdeče menije, spustne sezname in pojavne kartice.
--mdc-button-raised-box-shadow	Senca, ki se uporabi za dvignjene gumbe, da jim doda globino.
--input-hover-line-color	Barva poudarka pri premikanju miške nad določenimi polji za vnos.
--input-dropdown-icon-color	Barva kazala/puščic v spustnih menijih.
--scrollbar-thumb-color	Barva, uporabljena za drsnik/roke na daljinskem upravljalniku in drsnikih.
--rgb-primary-color	RGB različica glavne barve, ločena z vejico, uporabljena za uporabo alfa prosojnosti.
--rgb-primary-text-color	RGB različica glavne barve besedila, ločena z vejico, uporabljena za uporabo alfa prosojnosti.