Стил на картата

Картата Dreame Vacuum съответства изцяло на стандартната тема на Home Assistant. Всички вътрешни компоненти, менюта и оформления автоматично се адаптират към активната тема на Home Assistant. Тя безпроблемно наследява динамично цветовете както на Светъл, така и на Тъмен режим, което прави персонализирането на стила ненужно при стандартни условия.

Създаването на персонализирана тема на Home Assistant за промяна на естетиката включва презаписване на външните CSS свойства, изброени по-долу.

Стил на картата

Тези настройки оказват влияние само върху потребителския интерфейс на картата. Персонализирането на вътрешните цветове на самата карта на вакуума, като стаи, пътеки и стени, се обработва в секцията Презаписване на цветове.

Картата също използва вътрешни настройки с префикс --dvc-. Презаписването на вътрешните настройки директно не се препоръчва, тъй като тяхното поведение може да се промени при бъдещи актуализации. Вместо това се насочете към външните настройки на тема Home Assistant, изброени по-долу.

card-mod

Плъгинът card-mod е изрично деактивиран и не се поддържа на тази карта за осигуряване на стабилност. Персонализираните теми на Home Assistant трябва да се използват за презаписване на CSS свойствата, предоставени на тази страница.

Ако конкретна визуална промяна не може да бъде постигната чрез теми, може да се изпрати заявка за функция, обясняваща желаните промени и мотивите зад тях чрез страницата Отчитане на проблеми.

Фонове и Рамки

Тези настройки контролират основния структурен вид на картата.

Променлива	Описание
--ha-card-background	Определя основния фон на картата.
--secondary-background-color	Използва се за вторични повърхности, фонове на наслагвания и плаващи менюта.
--view-background	Основният фонов цвят на таблото. Картата използва този фон, когато е в режим panel или picture, за да се слее безпроблемно.
--ha-card-border-radius	Определя кръглостта на външните ъгли на картата.
--ha-card-border-width	Ширина на линията на рамката на картата.
--ha-card-border-color	Цвят на рамката на картата.
--divider-color	Цвят на вътрешните разделители на списъците и секциите.
--ha-card-box-shadow	Тен на кутията, приложен към основния контейнер на картата.
--ha-card-backdrop-filter	Позволява добавяне на филтри за фон, като blur, към фона на картата.

Текст и типография

Тези настройки определят цветовете на текста, използвани в цялото потребителско оформление.

Променлива	Описание
--primary-text-color	Основният цвят на текста, използван за първични заглавия, текст на състояния и стойности.
--secondary-text-color	Използва се за вторичен текст, подробни състояния и етикети на неактивни табове.
--disabled-text-color	Цвят, използван за текст, който е в момента недостъпен или деактивиран.
--text-primary-color	Цветът на текста, разположен директно върху бутони с основен цвят.

Икони и акценти

Тези настройки управляват оцветяването на интерактивни елементи, активни състояния и икони.

Променлива	Описание
--primary-color	Основният акцентен цвят за активни елементи, бутони, анимации на зареждане и избрани табове.
--light-primary-color	По-светла версия на основния цвят, използвана за ховер състояния или активни фонове на бутони.
--accent-color	Алтернативен акцентен цвят, използван за специфични акценти в потребителския интерфейс.
--mdc-theme-on-primary	Цвят на текста или иконите, поставени върху фон с основен цвят.
--paper-item-icon-color	По подразбиране цвят за икони на състояния и менюта.
--paper-item-icon-active-color	Цветът, приложен към иконите, когато съответното им състояние е активно.

Статус и семантични цветове

Картата динамично променя цвета си в зависимост от състоянието на прахосмукачката и активните известия.

Променлива	Описание
--success-color	Използва се за успешни операции или положителни състояния, като например напълно заредена батерия.
--info-color	Използва се за информационни елементи и стандартни предупреждения.
--warning-color	Използва се за предупреждаващи сигнали, ниско състояние на батерията или дребни проблеми.
--error-color	Използва се за критични повреди, грешки и непреодолими обекти на картата.
--state-unavailable-color	Цветът, който показва, че прахосмукачката в момента е недостъпна или офлайн.

Интерактивни елементи

Настройки на темата, насочени специално към UI компоненти като бутони, ленти за превъртане и полета за въвеждане.

Променлива	Описание
--mdc-theme-surface	Цветът на повърхността за плаващи менюта, падащи менюта и изскачащи карти.
--mdc-button-raised-box-shadow	Сянката, приложена към повдигнати бутони, за да им придаде дълбочина.
--input-hover-line-color	Цветът на подчертаването при задържане на курсора върху определени полета за въвеждане.
--input-dropdown-icon-color	Цветът на иконите на курсора/стрелката във вътрешността на падащите менюта.
--scrollbar-thumb-color	Цветът, използван за дръжката на джойстика на дистанционното управление и лентите за превъртане.
--rgb-primary-color	Версия на основния цвят в RGB, разделена със запетая, използвана за прилагане на алфа прозрачност.
--rgb-primary-text-color	Версия на основния цвят на текста в RGB, разделена със запетая, използвана за прилагане на алфа прозрачност.