From aee3d5db57a272410f86cbac315bbf7504e88bc4 Mon Sep 17 00:00:00 2001
From: kKaskak <117831817+kKaskak@users.noreply.github.com>
Date: Wed, 18 Oct 2023 15:04:06 +0300
Subject: [PATCH 1/2] added progress bar background

---
 src/common/MetaItem/MetaItem.js |  1 +
 src/common/MetaItem/styles.less | 11 ++++++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/common/MetaItem/MetaItem.js b/src/common/MetaItem/MetaItem.js
index 6a09435ce..4904afa6a 100644
--- a/src/common/MetaItem/MetaItem.js
+++ b/src/common/MetaItem/MetaItem.js
@@ -85,6 +85,7 @@ const MetaItem = React.memo(({ className, type, name, poster, posterShape, playI
                     progress > 0 ?
                         <div className={styles['progress-bar-layer']}>
                             <div className={styles['progress-bar']} style={{ width: `${Math.max(0, Math.min(1, progress)) * 100}%` }} />
+                            <div className={styles['progress-bar-background']} />
                         </div>
                         :
                         null
diff --git a/src/common/MetaItem/styles.less b/src/common/MetaItem/styles.less
index 74bf510c2..76bfb1ca8 100644
--- a/src/common/MetaItem/styles.less
+++ b/src/common/MetaItem/styles.less
@@ -126,7 +126,6 @@
             right: 1rem;
             height: 0.45rem;
             border-radius: 0.45rem;
-            background-color: var(--overlay-color);
             overflow: hidden;
 
             .progress-bar {
@@ -134,6 +133,16 @@
                 height: 100%;
                 background-color: var(--primary-foreground-color);
             }
+            
+            .progress-bar-background {
+                position: absolute;
+                top: 0;
+                left: 0;
+                width: 100%;
+                height: 100%;
+                background-color: var(--primary-foreground-color);
+                opacity: 0.4;
+            }
         }
 
         .new-videos {

From 29b77152be6681099baa82d804879957f2f58eb5 Mon Sep 17 00:00:00 2001
From: kKaskak <117831817+kKaskak@users.noreply.github.com>
Date: Wed, 18 Oct 2023 15:26:25 +0300
Subject: [PATCH 2/2] refactor: opacity of the bg to 0.3

---
 src/common/MetaItem/styles.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/common/MetaItem/styles.less b/src/common/MetaItem/styles.less
index 76bfb1ca8..6164ee084 100644
--- a/src/common/MetaItem/styles.less
+++ b/src/common/MetaItem/styles.less
@@ -141,7 +141,7 @@
                 width: 100%;
                 height: 100%;
                 background-color: var(--primary-foreground-color);
-                opacity: 0.4;
+                opacity: 0.3;
             }
         }