From 19b19ba08e91fe550c243b4a2f84fb5aa03a52b1 Mon Sep 17 00:00:00 2001
From: Kr4ight <dhecxba@gmail.com>
Date: Mon, 6 Apr 2026 22:09:20 +0200
Subject: [PATCH] Improved slider

---
 src/components/SettingsSection.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/SettingsSection.tsx b/src/components/SettingsSection.tsx
index bcf9928..d22476e 100644
--- a/src/components/SettingsSection.tsx
+++ b/src/components/SettingsSection.tsx
@@ -114,9 +114,9 @@ const SettingItem: React.FC<{
     <div className="space-y-4">
       {item.type === "slider" && (
         <div>
-          <div className="flex justify-between">
-            <span className="text-sm font-medium">{item.label}</span>
-            <span className="text-sm font-medium">{(item.format && item.format(value)) || value}</span>
+          <div className="flex justify-between mb-2">
+            <span className="text-md font-medium">{item.label}</span>
+            <span className="text-md font-medium text-saturn-accent">{(item.format && item.format(value)) || value}</span>
           </div>
           <input
             type="range"
@@ -131,7 +131,7 @@ const SettingItem: React.FC<{
                   : prev
               )
             }
-            className="w-full"
+            className="w-full h-2 bg-saturn-border rounded-lg appearance-none cursor-pointer accent-saturn-accent"
           />
           {item.ticks && (
             <div className="relative w-full mt-2 h-6">