Update index.html

index.html

@@ -439,7 +439,7 @@ document.addEventListener('DOMContentLoaded', function () {
             outline: none;
             opacity: 0;
             transition: opacity 0.3s, width 0.3s;
-            background-image: linear-gradient(#64ffda, #64ffda);
+            background-image: linear-gradient(#6aebfc, #6aebfc);
             background-size: 100% 100%;
             background-repeat: no-repeat;
             }
@@ -451,7 +451,7 @@ document.addEventListener('DOMContentLoaded', function () {
             -webkit-appearance: none;
             width: 12px;
             height: 12px;
-            background: #64ffda;
+            background: #6aebfc;
             border-radius: 50%;
             cursor: pointer;
             }
@@ -461,13 +461,13 @@ document.addEventListener('DOMContentLoaded', function () {
             gap: 5px;
             }
             .speed-slider {
-            width: 80px;
+            width: 120px;
             height: 6px;
             -webkit-appearance: none;
             background: #1e2a47;
             border-radius: 3px;
             outline: none;
-            background-image: linear-gradient(#64ffda, #64ffda);
+            background-image: linear-gradient(#64d1ff, #64d1ff);
             background-size: 100% 100%;
             background-repeat: no-repeat;
             }
@@ -475,7 +475,7 @@ document.addEventListener('DOMContentLoaded', function () {
             -webkit-appearance: none;
             width: 12px;
             height: 12px;
-            background: #64ffda;
+            background: #5bb7de;
             border-radius: 50%;
             cursor: pointer;
             }