Overriding Colors

This configuration parameter allows you to override the default colors of the currently selected color_scheme. This enables you to fully personalize the visual aesthetic of the map according to your dashboard theme and personal taste. Preferred colors can be defined under the override_colors setting in the YAML configuration, which accepts standard color codes such as hex, RGB and RGBA values.

Dark Mode Colors

It is possible to define separate colors specifically for dark mode by grouping them under a dark section inside override_colors. These colors automatically take precedence when the Home Assistant dashboard is using a dark theme.

Available colors to override:

• floor, wall, passive_segment, new_segment, hidden_segment
• no_go, no_go_outline, no_mop, no_mop_outline
• virtual_wall, virtual_threshold, passable_threshold, impassable_threshold
• ramp, ramp_outline, low_lying_area, auto_low_lying_area, manual_low_lying_area
• curtain, split_line
• active_area, active_area_outline, active_point, active_point_outline
• carpet, carpet_outline, deleted_carpet, deleted_carpet_outline, detected_carpet, detected_carpet_outline
• path, mop_path
• icon_background, settings_background, settings_icon_background
• text, order, text_stroke
• obstacle_background, floor_material
• carpet_color_selected, detected_carpet_color, carpet_color, carpet_color_deleted
• wifi_wall, wifi_excellent, wifi_high, wifi_low, wifi_poor, wifi_unreached
• dirty_area, clean_area, second_clean_area
• blocked_segment, blocked_segment_overlay, blocked_segment_floor

Segment Colors

When overriding segment colors, they must be defined as pairs of two colors for each room. In each pair, the first color is the normal color of the room and the second color is the color used when the room is selected.

Card Styling

This configuration exclusively overrides the colors drawn inside the map itself. If the colors related to the overall card interface need to be overridden, please refer to the Card Styling section.

YAML Example

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)'