From fc862aa1664abfd9d646b5916d546d4376902f25 Mon Sep 17 00:00:00 2001
From: kKaskak <117831817+kKaskak@users.noreply.github.com>
Date: Wed, 18 Oct 2023 16:19:17 +0300
Subject: [PATCH] added bg circle

---
 src/common/Slider/Slider.js   | 3 ++-
 src/common/Slider/styles.less | 4 ++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/common/Slider/Slider.js b/src/common/Slider/Slider.js
index c6d921ee7..2939632fe 100644
--- a/src/common/Slider/Slider.js
+++ b/src/common/Slider/Slider.js
@@ -110,7 +110,8 @@ const Slider = ({ className, value, buffered, minimumValue, maximumValue, disabl
             </div>
             <div className={styles['layer']}>
                 <svg className={styles['thumb']} style={{ marginLeft: `calc(100% * ${thumbPosition})` }} viewBox={'0 0 10 10'}>
-                    <circle cx={'5'} cy={'5'} r={'5'} />
+                    <circle cx={'5'} cy={'5'} r={'4'} className={styles['background-circle']} />
+                    <circle cx={'5'} cy={'5'} r={'2.5'} />
                 </svg>
             </div>
         </div>
diff --git a/src/common/Slider/styles.less b/src/common/Slider/styles.less
index 858543931..2dc0c9f80 100644
--- a/src/common/Slider/styles.less
+++ b/src/common/Slider/styles.less
@@ -66,4 +66,8 @@ html.active-slider-within {
         transform: translateX(-50%);
         fill: var(--primary-foreground-color);
     }
+    .background-circle {
+        filter: brightness(130%);
+        fill: var(--primary-accent-color);
+    }
 }
\ No newline at end of file