Kortstilering

Dreame Vacuum Card er opprinnelig kompatibel med Home Assistants standardtema. Alle interne komponenter, menyer og oppsett tilpasser seg automatisk det aktive Home Assistant-temaet. Den arver sømløst både Lys og Mørk modusfarger dynamisk, noe som gjør tilpasset styling unødvendig under standardforhold.

Å lage et tilpasset Home Assistant-tema for å tilpasse estetikk innebærer å overstyre de eksterne CSS-egenskapene som er oppført nedenfor.

Kartutforming

Disse innstillingene påvirker kun UI-komponentene til kortet. Tilpasning av de interne fargene i selve støvsugerkartet, som rom, stier og vegger, håndteres i Overstyr farger-seksjonen.

Kortet bruker også interne innstillinger med prefiks --dvc-. Å overstyre interne innstillinger direkte anbefales ikke, da deres oppførsel kan endres i fremtidige oppdateringer. Målrett heller de eksterne Home Assistant-tema-innstillingene som er oppført nedenfor.

card-mod

Pluginen card-mod er eksplisitt deaktivert og ikke støttet på dette kortet for å sikre stabilitet. Egendefinerte Home Assistant-temaer må brukes for å overstyre CSS-egenskapene som er gitt på denne siden.

Hvis en spesifikk visuell endring ikke kan oppnås gjennom temaer, kan en funksjonsforespørsel som forklarer de ønskede endringene og begrunnelsen bak dem, sendes inn via Rapportering av problemer-siden.

Bakgrunner og grenser

Disse innstillingene kontrollerer kortets hovedstrukturelle utseende.

Variabel	Beskrivelse
--ha-card-background	Definerer kortets hovedbakgrunnsfarge.
--secondary-background-color	Brukes til sekundære overflater, overlegg-bakgrunner og flytende menyer.
--view-background	Dashboardets grunnbakgrunnsfarge. Kortet bruker denne i panel eller picture-modus for å blande sømløst.
--ha-card-border-radius	Definerer rundheten på kortets ytre hjørner.
--ha-card-border-width	Bredden på kortets kantlinje.
--ha-card-border-color	Fargen på kortets kant.
--divider-color	Fargen på interne listeinndelere og separatorer.
--ha-card-box-shadow	Skyggen som påføres hovedkortbeholderen.
--ha-card-backdrop-filter	Lar til å legge til bakgrunnsfiltre, som blur, til kortbakgrunnen.

Tekst og typografi

Disse innstillingene bestemmer tekstfargene som brukes i hele brukergrensesnittet.

Variabel	Beskrivelse
--primary-text-color	Hovedtekstfargen som brukes for primære overskrifter, statustekst og verdier.
--secondary-text-color	Brukes for sekundær tekst, detaljerte status og inaktive fanelabels.
--disabled-text-color	Farge brukt for tekst som for øyeblikket ikke er tilgjengelig eller deaktivert.
--text-primary-color	Fargen på tekst som ligger direkte på toppen av primærfargede knapper.

Ikoner og aksenter

Disse innstillingene styrer fargingen av interaktive elementer, aktive tilstander og ikoner.

Variabel	Beskrivelse
--primary-color	Primær aksentfarge for aktive elementer, knapper, lasteanimasjoner og valgte faner.
--light-primary-color	En lysere versjon av primærfargen, brukt for hover-tilstander eller aktive knappbakgrunner.
--accent-color	Alternativ aksentfarge brukt for spesifikke fremhevinger i brukergrensesnittet.
--mdc-theme-on-primary	Farge på tekst eller ikoner plassert på en primærfarget bakgrunn.
--paper-item-icon-color	Standardfarge for status- og menyeikoner.
--paper-item-icon-active-color	Fargen som brukes på ikoner når deres tilsvarende tilstand er aktiv.

Status- og semantiske farger

Kortet endrer dynamisk farge basert på støvsugerens tilstand og aktive varsler.

Variabel	Beskrivelse
--success-color	Brukes for vellykkede operasjoner eller positive tilstander, som fulladet batteri.
--info-color	Brukes for informasjons-elementer og standardvarsler.
--warning-color	Brukes for advarselsvarsler, lavt batterinivå eller mindre problemer.
--error-color	Brukes for kritiske feil, feil og utilgjengelige kartobjekter.
--state-unavailable-color	Fargen som indikerer at støvsugeren for øyeblikket er utilgjengelig eller frakoblet.

Interaktive elementer

Temainnstillinger som spesifikt retter seg mot UI-komponenter som knapper, rullefelt og inndatafelt.

Variabel	Beskrivelse
--mdc-theme-surface	Overflatefarge for flytende menyer, rullegardinlister og popup-kort.
--mdc-button-raised-box-shadow	Skygge som brukes på hevede knapper for å gi dem dybde.
--input-hover-line-color	Fargen på understreking når man holder musepekeren over spesifikke inndatafelt.
--input-dropdown-icon-color	Fargen på markør/pil-ikoner inne i rullegardinmenyer.
--scrollbar-thumb-color	Fargen som brukes for tommelen på fjernkontrollens joystick og rullefelt.
--rgb-primary-color	RGB-versjon med komma-separerte verdier av primærfargen, brukt for å anvende alfa-transparens.
--rgb-primary-text-color	RGB-versjon med komma-separerte verdier av primær tekstfargen, brukt for å anvende alfa-transparens.