Kortformat

Dreame Vacuum Card följer inbyggt Home Assistants standardtema. Alla interna komponenter, menyer och layouter anpassar sig automatiskt till det aktiva Home Assistant-temat. Den ärver sömlöst både Ljust och Mörkt lägesfärger dynamiskt, vilket gör anpassad styling onödig under normala förhållanden.

Att skapa ett anpassat Home Assistant-tema för att ändra estetiken innebär att man skriver över de externa CSS-egenskaper som listas nedan.

Karta Styling

Dessa inställningar påverkar endast kortets användargränssnittskomponenter. Att anpassa de interna färgerna på självaste dammsugarkartan, såsom rum, stigar och väggar, hanteras i Skriv Över Färger-avsnittet.

Kortet använder också interna inställningar som har prefix --dvc-. Att skriva över interna inställningar direkt rekommenderas inte, eftersom deras beteende kan ändras i framtida uppdateringar. Rikta istället in dig på de externa Home Assistant-temainställningarna som listas nedan.

card-mod

Pluginen card-mod är uttryckligen avaktiverad och inte stödd på detta kort för att säkerställa stabilitet. Anpassade Home Assistant-teman måste användas för att åsidosätta de CSS-egenskaper som tillhandahålls på denna sida.

Om en specifik visuell förändring inte kan uppnås genom teman, kan en funktionsförfrågan som förklarar de önskade förändringarna och motiveringen bakom dem skickas via Felrapportering-sidan.

Bakgrunder & Ramar

Dessa inställningar kontrollerar kortets huvudsakliga strukturella utseende.

Variabel	Beskrivning
--ha-card-background	Definierar kortets huvudsakliga bakgrundsfärg.
--secondary-background-color	Används för sekundära ytor, bakgrunder för överlägg och flytande menyer.
--view-background	Instrumentpanelens grundläggande bakgrundsfärg. Kortet använder denna i panel- eller picture-läge för att smälta in sömlöst.
--ha-card-border-radius	Definierar rundheten på kortets yttre hörn.
--ha-card-border-width	Bredden på kortets randlinje.
--ha-card-border-color	Färgen på kortets ram.
--divider-color	Färgen på interna listavskiljare och separatorer.
--ha-card-box-shadow	Box-skuggan som appliceras på huvudkortets behållare.
--ha-card-backdrop-filter	Tillåter att lägga till bakgrundsfilter, såsom blur, på kortets bakgrund.

Text & Typografi

Dessa inställningar styr textfärgerna som används i hela användargränssnittet.

Variabel	Beskrivning
--primary-text-color	Huvudtextfärgen som används för primära rubriker, statusmeddelanden och värden.
--secondary-text-color	Används för sekundär text, detaljerade statusar och inaktiva fliketiketter.
--disabled-text-color	Färg som används för text som för närvarande är otillgänglig eller inaktiverad.
--text-primary-color	Färgen på text som sitter direkt ovanpå knappar med primär färg.

Ikoner & Accenter

Dessa inställningar hanterar färgsättning av interaktiva element, aktiva tillstånd och ikoner.

Variabel	Beskrivning
--primary-color	Primär accentfärg för aktiva element, knappar, laddningsanimationer och valda flikar.
--light-primary-color	En ljusare version av primärfärgen, används för hovringstillstånd eller aktiva knappbakgrunder.
--accent-color	Alternativ accentfärg som används för specifika framhävningar i UI.
--mdc-theme-on-primary	Färg på text eller ikoner placerade ovanpå en bakgrund med primär färg.
--paper-item-icon-color	Standardfärg för status- och menyikoner.
--paper-item-icon-active-color	Färgen som appliceras på ikoner när deras motsvarande tillstånd är aktivt.

Status- och semantiska färger

Kortet ändrar dynamiskt färg baserat på dammsugarens tillstånd och aktiva aviseringar.

Variabel	Beskrivning
--success-color	Används för framgångsrika operationer eller positiva tillstånd, såsom fulladdat batteri.
--info-color	Används för informationsobjekt och standardvarningar.
--warning-color	Används för varningsmeddelanden, lågt batteri eller mindre problem.
--error-color	Används för kritiska fel, misstag och otillgängliga kartobjekt.
--state-unavailable-color	Färgen som indikerar att dammsugaren för närvarande är otillgänglig eller offline.

Interaktiva element

Temainställningar som specifikt riktar sig mot UI-komponenter som knappar, rullningslister och inmatningar.

Variabel	Beskrivning
--mdc-theme-surface	Ytfärgen för flytande menyer, rullgardinsmenyer och popupkort.
--mdc-button-raised-box-shadow	Skuggan som appliceras på upphöjda knappar för att ge dem djup.
--input-hover-line-color	Färgen på understrykningen vid hovring över specifika inmatningsfält.
--input-dropdown-icon-color	Färg på markören/pil-ikonerna inuti rullgardinsmenyer.
--scrollbar-thumb-color	Färg som används för tummen på fjärrkontrollens joystick och rullningslister.
--rgb-primary-color	RGB-version med kommatecken av primärfärgen, används för att applicera alfa-transparens.
--rgb-primary-text-color	RGB-version med kommatecken av primärtextfärgen, används för att applicera alfa-transparens.