From b8d08ccb059d0664cd0f4e0696f1ae0cb4ebb185 Mon Sep 17 00:00:00 2001
From: Petar Petrov <MindFreeze@users.noreply.github.com>
Date: Wed, 1 Apr 2026 11:13:24 +0200
Subject: [PATCH] Use ha-card-border-color for integration cards instead of
 divider-color (#51321)

---
 src/panels/config/integrations/ha-integration-card.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/panels/config/integrations/ha-integration-card.ts b/src/panels/config/integrations/ha-integration-card.ts
index b7c0ca3f45..5e126b44f9 100644
--- a/src/panels/config/integrations/ha-integration-card.ts
+++ b/src/panels/config/integrations/ha-integration-card.ts
@@ -292,7 +292,6 @@ export class HaIntegrationCard extends LitElement {
           height: 100%;
           overflow: hidden;
           --state-color: var(--divider-color, #e0e0e0);
-          --ha-card-border-color: var(--state-color);
           --state-message-color: var(--state-color);
         }
         .ripple-anchor {
@@ -318,19 +317,23 @@ export class HaIntegrationCard extends LitElement {
         }
         .debug-logging {
           --state-color: var(--warning-color);
+          --ha-card-border-color: var(--state-color);
           --text-on-state-color: var(--primary-text-color);
         }
         .state-error {
           --state-color: var(--error-color);
+          --ha-card-border-color: var(--state-color);
           --text-on-state-color: var(--text-primary-color);
         }
         .state-failed-unload {
           --state-color: var(--warning-color);
+          --ha-card-border-color: var(--state-color);
           --text-on-state-color: var(--primary-text-color);
         }
         .state-not-loaded {
           opacity: 0.8;
           --state-color: var(--warning-color);
+          --ha-card-border-color: var(--state-color);
           --state-message-color: var(--primary-text-color);
         }
         .state-setup {
@@ -339,6 +342,7 @@ export class HaIntegrationCard extends LitElement {
         }
         :host(.highlight) ha-card {
           --state-color: var(--primary-color);
+          --ha-card-border-color: var(--state-color);
           --text-on-state-color: var(--text-primary-color);
         }
         .content {