색상 재정의
이 구성 매개변수를 사용하면 현재 선택된 color_scheme의 기본 색상을 재정의할 수 있습니다. 이를 통해 대시보드 테마와 개인 취향에 맞게 지도의 시각적 미관을 완전히 개인화할 수 있습니다. 선호하는 색상은 YAML 구성의 override_colors 설정에서 정의할 수 있으며, 표준 색상 코드(예: 헥사, RGB, RGBA 값)를 사용할 수 있습니다.
다크 모드 색상
override_colors 안에 dark 섹션으로 그룹화하여 다크 모드용 별도의 색상을 정의할 수 있습니다. 다크 테마를 사용하는 Home Assistant 대시보드에서는 이러한 색상이 자동으로 우선 적용됩니다.
재정의 가능한 색상:
floor,wall,passive_segment,new_segment,hidden_segmentno_go,no_go_outline,no_mop,no_mop_outlinevirtual_wall,virtual_threshold,passable_threshold,impassable_thresholdramp,ramp_outline,low_lying_area,auto_low_lying_area,manual_low_lying_areacurtain,split_lineactive_area,active_area_outline,active_point,active_point_outlinecarpet,carpet_outline,deleted_carpet,deleted_carpet_outline,detected_carpet,detected_carpet_outlinepath,mop_pathicon_background,settings_background,settings_icon_backgroundtext,order,text_strokeobstacle_background,floor_materialcarpet_color_selected,detected_carpet_color,carpet_color,carpet_color_deletedwifi_wall,wifi_excellent,wifi_high,wifi_low,wifi_poor,wifi_unreacheddirty_area,clean_area,second_clean_areablocked_segment,blocked_segment_overlay,blocked_segment_floor
세그먼트 색상
segment 색상을 재정의할 때, 각 방마다 두 색상 쌍으로 정의해야 합니다. 각 쌍에서 첫 번째 색상은 방의 일반 색상이고, 두 번째 색상은 방이 선택되었을 때 사용되는 색상입니다.
카드 스타일링
이 구성은 지도 자체 내에서 그려진 색상만 독점적으로 재정의합니다. 전체 카드 인터페이스와 관련된 색상을 재정의해야 하는 경우, 카드 스타일링 섹션을 참조하십시오.
YAML 예제
yaml
type: custom:dreame-vacuum-card
entity: vacuum.l10s_gen2
override_colors:
floor: 'rgba(110,110,110,1)'
wall: 'rgba(64,64,64,1)'
path: 'rgba(200,200,200,1)'
active_area: 'rgba(113,189,237,0.4)'
no_go: 'rgba(133,0,0,0.5)'
no_mop: 'rgba(134,0,226,0.5)'
virtual_wall: 'rgba(133,0,0,0.78)'
carpet: 'rgba(36,163,55,1)'
icon_background: 'rgba(50,50,50,1)'
text: 'rgba(220,220,220,1)'
segment:
- - 'rgba(46,81,142,1)'
- 'rgba(12,92,232,1)'
- - 'rgba(130,111,38,1)'
- 'rgba(180,146,9,1)'
- - 'rgba(39,111,158,1)'
- 'rgba(15,152,242,1)'
- - 'rgba(83,104,56,1)'
- 'rgba(76,168,63,1)'
dark:
floor: 'rgba(20,20,20,1)'
wall: 'rgba(40,40,40,1)'
path: 'rgba(255,255,255,0.8)'
active_area: 'rgba(50,100,200,0.4)'
no_go: 'rgba(200,0,0,0.5)'
no_mop: 'rgba(100,0,100,0.5)'
icon_background: 'rgba(50,50,50,1)'
text: 'rgba(255,255,255,1)'