Kortstil

Dreame Vacuum Card overholder som standard Home Assistants standardtema. Alle interne komponenter, menuer og layouts tilpasser sig automatisk det aktive Home Assistant-tema. Det arver problemfrit både Light og Dark farvetilstande dynamisk, hvilket gør tilpasset styling unødvendig under standardbetingelser.

Oprettelse af et tilpasset Home Assistant-tema for at ændre æstetikken indebærer at tilsidesætte de eksterne CSS-egenskaber, der er angivet nedenfor.

Kortstyling

Disse indstillinger påvirker kun kortets UI-komponenter. Tilpasning af de interne farver i selve støvsugerkortet, såsom rum, stier og vægge, håndteres i Tilsidesæt farver-sektionen.

Kortet bruger også interne indstillinger med præfikset --dvc-. Det anbefales ikke at tilsidesætte interne indstillinger direkte, da deres funktion kan ændre sig i fremtidige opdateringer. Ret i stedet fokus mod de eksterne Home Assistant-temaindstillinger, der er angivet nedenfor.

card-mod

card-mod-pluginet er eksplicit deaktiveret og ikke understøttet på dette kort for at sikre stabilitet. Tilpassede Home Assistant-temaer skal bruges for at tilsidesætte de CSS-egenskaber, der er angivet på denne side.

Hvis en specifik visuel ændring ikke kan opnås gennem temaer, kan der indsendes en funktionsanmodning, der forklarer de ønskede ændringer og begrundelsen bag dem, via Problemløsning-siden.

Baggrunde & Kanter

Disse indstillinger styrer kortets hovedstrukturelle udseende.

Variabel	Beskrivelse
--ha-card-background	Definerer kortets primære baggrundsfarve.
--secondary-background-color	Bruges til sekundære overflader, overlejringsbaggrunde og flydende menuer.
--view-background	Dashboardets grundlæggende baggrundsfarve. Kortet bruger dette i panel- eller picture-tilstand for at blande sig sømløst.
--ha-card-border-radius	Definerer rundingen af kortets ydre hjørner.
--ha-card-border-width	Bredden af kortets kantlinje.
--ha-card-border-color	Farven på kortets kant.
--divider-color	Farven på interne listeadskillere og separatorer.
--ha-card-box-shadow	Den boks-skygge, der anvendes på hovedkort-beholderen.
--ha-card-backdrop-filter	Tillader tilføjelse af baggrundsfiltre, såsom blur, til kortets baggrund.

Tekst & Typografi

Disse indstillinger styrer de tekstfarver, der bruges i hele brugergrænsefladen.

Variabel	Beskrivelse
--primary-text-color	Hovedtekstfarven, der bruges til primære overskrifter, tilstandstekst og værdier.
--secondary-text-color	Bruges til sekundær tekst, detaljerede statusser og inaktive faneetiketter.
--disabled-text-color	Farve, der bruges til tekst, der i øjeblikket ikke er tilgængelig eller deaktiveret.
--text-primary-color	Farven på tekst, der sidder direkte oven på primærfarvede knapper.

Ikoner & Accenter

Disse indstillinger styrer farvning af interaktive elementer, aktive tilstande og ikoner.

Variabel	Beskrivelse
--primary-color	Den primære accentfarve til aktive elementer, knapper, loader-animationer og valgte faner.
--light-primary-color	En lysere version af primærfarven, brugt til hover-tilstande eller aktive knapbaggrunde.
--accent-color	Alternativ accentfarve, der bruges til specifikke fremhævelser i brugergrænsefladen.
--mdc-theme-on-primary	Farve på tekst eller ikoner placeret oven på en primærfarvet baggrund.
--paper-item-icon-color	Standardfarve for tilstands- og menuikoner.
--paper-item-icon-active-color	Farven, der anvendes på ikoner, når deres tilsvarende tilstand er aktiv.

Status- og semantiske farver

Kortet ændrer dynamisk farve baseret på støvsugerens tilstand og aktive notifikationer.

Variabel	Beskrivelse
--success-color	Bruges til succesfulde handlinger eller positive tilstande, såsom fuld opladning.
--info-color	Bruges til informationselementer og standardalarmer.
--warning-color	Bruges til advarselsalarmer, lavt batteri eller mindre problemer.
--error-color	Bruges til kritiske fejl, fejl og ufremkommelige kortobjekter.
--state-unavailable-color	Farven, der angiver, at støvsugeren i øjeblikket er utilgængelig eller offline.

Interaktive elementer

Temainstillinger, der specifikt retter sig mod UI-komponenter som knapper, rullepaneler og inputfelter.

Variabel	Beskrivelse
--mdc-theme-surface	Overfladefarven for flydende menuer, dropdowns og pop-up-kort.
--mdc-button-raised-box-shadow	Skyggen, der anvendes på hævede knapper for at give dem dybde.
--input-hover-line-color	Farven på understregningen, når man holder musen over specifikke inputfelter.
--input-dropdown-icon-color	Farven på markør-/pilikoner inde i dropdown-menuer.
--scrollbar-thumb-color	Farven, der bruges til skiven på fjernbetjeningens joystick og rullepaneler.
--rgb-primary-color	RGB-version af primærfarven, adskilt af komma, bruges til at anvende alfadegnsigtighed.
--rgb-primary-text-color	RGB-version af primær tekstfarve, adskilt af komma, bruges til at anvende alfadegnsigtighed.