From 87a7fd0849ba68fb28607c42938a6c71b867d0af Mon Sep 17 00:00:00 2001
From: Ruben Hensen <ruben.hensen@protonmail.com>
Date: Wed, 3 Jun 2026 09:24:32 +0200
Subject: [PATCH] feat(decrypt-progress): show progress bar inside decrypt card
 with brand blue

Wrap the Decrypting state in the same decrypt-card box used during the
Yivi/Ready step so the bar appears on the same page rather than a bare
swap-out. Recolor the bar fill to --pg-primary-contrast for a darker
brand blue that reads as a deliberate progress indicator.
---
 src/lib/components/filesharing/DecryptionProgress.svelte | 4 ++--
 src/routes/(app)/download/+page.svelte                   | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/filesharing/DecryptionProgress.svelte b/src/lib/components/filesharing/DecryptionProgress.svelte
index 0589ee6..e64d82b 100644
--- a/src/lib/components/filesharing/DecryptionProgress.svelte
+++ b/src/lib/components/filesharing/DecryptionProgress.svelte
@@ -75,7 +75,7 @@
 
     .bar-fill {
         height: 100%;
-        background: var(--pg-text);
+        background: var(--pg-primary-contrast);
         border-radius: 4px;
         transition: width 0.15s ease-out;
     }
@@ -86,7 +86,7 @@
         left: 0;
         height: 100%;
         width: 40%;
-        background: var(--pg-text);
+        background: var(--pg-primary-contrast);
         border-radius: 4px;
         animation: slide 1.4s ease-in-out infinite;
     }
diff --git a/src/routes/(app)/download/+page.svelte b/src/routes/(app)/download/+page.svelte
index cd7dcf4..754fffc 100644
--- a/src/routes/(app)/download/+page.svelte
+++ b/src/routes/(app)/download/+page.svelte
@@ -280,7 +280,9 @@
                 </div>
             {/if}
         {:else if downloadState === 'Decrypting'}
-            <DecryptionProgress percentage={decryptPct} />
+            <div class="decrypt-card">
+                <DecryptionProgress percentage={decryptPct} />
+            </div>
             {#if $retryStatus}
                 <p class="retry-status" role="status">
                     {$_('filesharing.encryptPanel.retrying', {