Web: Client: Data Import: fixed progress bar color

packages/client/src/pages/PortalSettings/categories/data-import/StyledDataImport.ts

@@ -119,6 +119,11 @@ export const Wrapper = styled.div`
   .data-import-progress-bar {
     width: 350px;
     margin: 12px 0 16px;
+
+    .progress-bar_percent,
+    .progress-bar_animation {
+      background: ${(props) => props.theme.progressBar.animation.background};
+    }
   }
 
   .mt-8 {

packages/client/src/pages/PortalSettings/categories/data-import/components/SelectFileStep.tsx

@@ -75,6 +75,11 @@ const Wrapper = styled.div`
 
   .select-file-progress-bar {
     margin: 12px 0 16px;
+
+    .progress-bar_percent,
+    .progress-bar_animation {
+      background: ${(props) => props.theme.progressBar.animation.background};
+    }
   }
 `;
 
@@ -106,6 +111,11 @@ const ErrorBlock = styled.div`
   .complete-progress-bar {
     margin: 12px 0 16px;
     max-width: 350px;
+
+    .progress-bar_percent,
+    .progress-bar_animation {
+      background: ${(props) => props.theme.progressBar.animation.background};
+    }
   }
 
   .error-text {

packages/shared/themes/base.ts

@@ -1403,6 +1403,10 @@ export const getBaseTheme = () => {
     progressBar: {
       backgroundColor: "#F3F4F4",
 
+      animation: {
+        background: "#4781D1",
+      },
+
       percent: {
         background: "#4781D1",
       },

packages/shared/themes/dark.ts

@@ -1373,6 +1373,10 @@ const Dark: TTheme = {
   progressBar: {
     backgroundColor: "#858585",
 
+    animation: {
+      background: "#FFFFFF",
+    },
+
     percent: {
       background: "#E17415",
     },