From f59f79bad672e45e6e807787e437683fbe7a0c5d Mon Sep 17 00:00:00 2001 From: Robin Kutesa Date: Tue, 19 May 2026 18:34:33 +0300 Subject: [PATCH] style: glow on NAS arc, darken ring tracks MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Adds a blue-tinted shadow glow to the outer NAS progress arc for visibility. Darkens track circles (0.92 → 0.76) and the middle static ring (0.78 → 0.62). Bumps outer arc lineWidth to 1.5. Co-Authored-By: Kutesir Co-Authored-By: Sentry --- Features/Backup/BackupView.swift | 22 +++++++++------------- 1 file changed, 9 insertions(+), 13 deletions(-) diff --git a/Features/Backup/BackupView.swift b/Features/Backup/BackupView.swift index 5d5d31e..2af2012 100644 --- a/Features/Backup/BackupView.swift +++ b/Features/Backup/BackupView.swift @@ -1009,33 +1009,29 @@ private struct KisaniRingView: View { let outerProgress: CGFloat let innerProgress: CGFloat - private let track = Color(red: 0.92, green: 0.92, blue: 0.92) + private let track = Color(red: 0.76, green: 0.76, blue: 0.76) + private let nasArc = Color(red: 0.42, green: 0.52, blue: 0.68) var body: some View { ZStack { // Outer track Circle().stroke(track, lineWidth: 1).padding(10) - // Outer progress (slate, animates) + // Outer NAS progress (blue-slate + glow) Circle().trim(from: 0, to: outerProgress) - .stroke( - Color(red: 0.58, green: 0.64, blue: 0.73), - style: StrokeStyle(lineWidth: 1, lineCap: .round) - ) + .stroke(nasArc, style: StrokeStyle(lineWidth: 1.5, lineCap: .round)) + .shadow(color: nasArc.opacity(0.65), radius: 7, x: 0, y: 0) .rotationEffect(.degrees(-90)) .padding(10) .animation(.spring(response: 0.7, dampingFraction: 0.8), value: outerProgress) - // Middle static ring (gray) - Circle().stroke(Color(red: 0.78, green: 0.78, blue: 0.78), lineWidth: 1).padding(24) + // Middle static ring + Circle().stroke(Color(red: 0.62, green: 0.62, blue: 0.62), lineWidth: 1).padding(24) // Inner track Circle().stroke(track, lineWidth: 1.5).padding(38) - // Inner progress (green, animates) + // Inner progress (green) Circle().trim(from: 0, to: innerProgress) - .stroke( - AppTheme.positive, - style: StrokeStyle(lineWidth: 1.5, lineCap: .round) - ) + .stroke(AppTheme.positive, style: StrokeStyle(lineWidth: 1.5, lineCap: .round)) .rotationEffect(.degrees(-90)) .padding(38) .animation(.spring(response: 0.7, dampingFraction: 0.8), value: innerProgress)