From a2537ab5d38398bdaddf7b058fe47a89ea039ef7 Mon Sep 17 00:00:00 2001
From: ItzNotABug <itznotabug@gmail.com>
Date: Tue, 1 Oct 2024 12:19:51 +0530
Subject: [PATCH] fix: ellipse color.

---
 .../databases/database-[database]/backups/policy.svelte   | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/routes/(console)/project-[project]/databases/database-[database]/backups/policy.svelte b/src/routes/(console)/project-[project]/databases/database-[database]/backups/policy.svelte
index 2ea072fdb..717d8ce00 100644
--- a/src/routes/(console)/project-[project]/databases/database-[database]/backups/policy.svelte
+++ b/src/routes/(console)/project-[project]/databases/database-[database]/backups/policy.svelte
@@ -199,9 +199,7 @@
                                 class="u-flex u-gap-4 u-cross-center policy-item-subtitles darker-neutral-color">
                                 <span
                                     class="medium-ellipse"
-                                    style="color: {lastBackupDates[policy.$id]
-                                        ? 'hsl(var(--color-success-100))'
-                                        : 'inherit'};">●</span>
+                                    class:success={!!lastBackupDates[policy.$id]}>●</span>
                                 <span class="policy-item-subtitles">
                                     {#if lastBackupDates[policy.$id]}
                                         {toLocaleDateTime(lastBackupDates[policy.$id])}
@@ -347,6 +345,10 @@
         color: hsl(var(--color-neutral-20));
     }
 
+    :global(.medium-ellipse.success) {
+        color: hsl(var(--color-success-100));
+    }
+
     :global(.u-gap-6) {
         gap: 0.375rem;
     }