From 0484c939900ce26683a182162a8d853426e211dc Mon Sep 17 00:00:00 2001
From: Arnaud <arnaud@status.im>
Date: Tue, 8 Oct 2024 15:00:08 +0200
Subject: [PATCH] Fix upload progress color

---
 src/components/Upload/upload.css | 26 +++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/components/Upload/upload.css b/src/components/Upload/upload.css
index 81561d0..c0bcf26 100644
--- a/src/components/Upload/upload.css
+++ b/src/components/Upload/upload.css
@@ -60,29 +60,33 @@
   border-radius: var(--codex-border-radius);
 }
 
-.uploadFile-progressBar[value] {
+.uploadFile-progressBar {
   height: 0.5rem;
   width: 100%;
   border: none;
 }
 
 .uploadFile-progressBar[value]::-webkit-progress-bar {
-  border-radius: var(--codex-border-radius);
-  background-color: var(
-    --codex-upload-background,
-    var(--codex-background-secondary)
-  );
+  background-color: var(--codex-background-light);
+  border-radius: 50px;
 }
 
-.uploadFile-progressBar[value]::-moz-progress-bar,
 .uploadFile-progressBar[value]::-webkit-progress-value {
-  border-radius: var(--codex-border-radius);
-  background-color: var(--codex-color-primary);
+  background: var(--codex-color-primary);
+  border-radius: 50px;
+}
+
+.uploadFile-progressBar[value]::-moz-progress-bar {
+  border-radius: 50px;
+  background: var(--codex-color-primary);
+}
+
+.uploadFile-progressBar[aria-invalid]::-moz-progress-bar {
+  background: rgb(var(--codex-color-error));
 }
 
-.uploadFile-progressBar[aria-invalid]::-moz-progress-bar,
 .uploadFile-progressBar[aria-invalid]::-webkit-progress-value {
-  background-color: rgb(var(--codex-color-error));
+  background: rgb(var(--codex-color-error));
 }
 
 .uploadFile-filename {