Update ha-assist-chat.ts (#23790)

Co-authored-by: Wendelin <[email protected]>

Author: dhoeben

src/components/ha-assist-chat.ts

@@ -532,7 +532,7 @@ export class HaAssistChat extends LitElement {
       float: var(--float-end);
       text-align: right;
       border-bottom-right-radius: 0px;
-      background-color: var(--primary-color);
+      background-color: var(--chat-background-color-user, var(--primary-color));
       color: var(--text-primary-color);
       direction: var(--direction);
     }
@@ -543,7 +543,10 @@ export class HaAssistChat extends LitElement {
       margin-inline-start: initial;
       float: var(--float-start);
       border-bottom-left-radius: 0px;
-      background-color: var(--secondary-background-color);
+      background-color: var(
+        --chat-background-color-hass,
+        var(--secondary-background-color)
+      );
 
       color: var(--primary-text-color);
       direction: var(--direction);