From ce3344b6c5beb4ff7d84c65640d72c6d3dbaee97 Mon Sep 17 00:00:00 2001
From: Dor Shaked <dorsh@monday.com>
Date: Wed, 7 Oct 2020 18:08:36 +0300
Subject: [PATCH] fix: adjust progress bar colors * Changed scss to suit better
 colors

---
 .../LinearProgressBar/LinearProgressBar.scss  | 25 +++++--------------
 1 file changed, 6 insertions(+), 19 deletions(-)

diff --git a/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.scss b/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.scss
index 7fb681d9b2..94ac5bceb2 100644
--- a/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.scss
+++ b/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.scss
@@ -28,7 +28,7 @@
   .linear-progress-bar__container {
     position: relative;
     width: 100%;
-    @include theme-prop(background-color, ui-border-color);
+    @include theme-prop(background-color, layout-border-color);
     border-radius: $border-radius-small;
 
     .linear-progress-bar__secondary,
@@ -37,14 +37,11 @@
       height: 100%;
       position: absolute;
       border-radius: $border-radius-small;
-    }
 
-    .linear-progress-bar__secondary--animate,
-    .linear-progress-bar--animate {
-      transition: width 0.1s $expand-animation-timing
-    }
+      &--animate {
+        transition: width 0.1s $expand-animation-timing
+      }
 
-    .linear-progress-bar {
       &--primary {
         @include theme-prop(background-color, primary-color);
       }
@@ -63,20 +60,10 @@
     }
 
     .linear-progress-bar__secondary {
-      &--primary {
-        @include theme-prop(background-color, primary-selected-color);
-      }
-
-      &--secondary {
-        @include theme-prop(background-color, primary-background-hover-color);
-      }
+      opacity: 0.5;
 
       &--positive {
-        @include theme-prop(background-color, positive-color-selected);
-      }
-
-      &--negative {
-        @include theme-prop(background-color, negative-color-selected);
+        opacity: 0.3;
       }
     }
   }