From 406783674aa17cab793492597e66f1aa36be9ad1 Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Mon, 23 Dec 2024 16:11:36 +0100
Subject: [PATCH] Fix skeleton in dark mode

---
 .../components/overview/ha-backup-overview-summary.ts | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/panels/config/backup/components/overview/ha-backup-overview-summary.ts b/src/panels/config/backup/components/overview/ha-backup-overview-summary.ts
index cf09d1911402..cc4e4da7bf60 100644
--- a/src/panels/config/backup/components/overview/ha-backup-overview-summary.ts
+++ b/src/panels/config/backup/components/overview/ha-backup-overview-summary.ts
@@ -67,7 +67,7 @@ class HaBackupOverviewBackups extends LitElement {
   }
 
   protected render() {
-    if (this.fetching) {
+    if (true) {
       return html`
         <ha-backup-summary-card heading="Loading backups" status="loading">
           <ha-md-list>
@@ -216,12 +216,13 @@ class HaBackupOverviewBackups extends LitElement {
           animation-timing-function: linear;
           animation-duration: 1.2s;
           border-radius: 4px;
-          height: 20px;
+          height: 16px;
+          margin: 2px 0;
           background: linear-gradient(
               to right,
-              rgb(247, 249, 250) 8%,
-              rgb(235, 238, 240) 18%,
-              rgb(247, 249, 250) 33%
+              var(--card-background-color) 8%,
+              var(--secondary-background-color) 18%,
+              var(--card-background-color) 33%
             )
             0% 0% / 936px 104px;
         }